/* © 2009 Dynamic Art and Text */ 
/* last update: 7-7-09 */
/*------------------------------------------------------
SINGLE COLUMN - FIXED WIDTH - FLUSH TOP - FIXED MARGIN
------------------------------------------------------*/



/* DIVS and CLASSES for MAIN Positional Containers */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	background-color: #440055;
	color: #555555;
}


#bgWrap {
	width: 90%;
	min-width: 800px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #666666;
}

#banner {
	
	background-color: #ede6e6;
	background-image: url(../images/bgStrip.png);
	background-repeat: repeat-x;
	height: 159px;
}

#logo {
	background-image: url(../images/bonesBanner2.png);
	background-repeat: no-repeat;
	height: 159px;
}

#navBar {
	text-align: center;
}

#mainContainer {
	min-width: 600px;
	height: auto;
	margin: auto;
	padding-top: 20px;
	width: 99%;
}

#contentLeftH {
	float: left;
	height: auto;
	width: 150px;
	padding-left: 20px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}

#contentLeft {
	float: left;
	height: auto;
	width: 500px;
	padding-left: 20px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}


#menuBox { ;}

#picBox { ;
	height: auto;
	width: 140px;
}

#contentRightH {
	height: auto;
	width: auto;
	margin-left: 200px;
	padding-right: 15px;
}

#contentRight {
	height: auto;
	width: auto;
	margin-left: 550px;
	padding-right: 15px;
}

#footer { text-align: center; padding-top: 20px; padding-bottom: 30px; font-size: .65em; clear: both; }

.scroller {
	width:550px;
	height:200px;
	overflow: scroll;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #000066;
}



/* DIVs and CLASSES for variation in layout and design */


#bgWrap.pop {
	width: 600px;
	min-width: 530px;
	height: auto;
	background-color: #FFFFFF;
}

#banner.pop {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ede6e6;
	background-image: url(../images/popUpBanner.png);
	background-repeat: no-repeat;
	height: 81px;
}


#mainContainer.plain {	background-color: #FFFFFF;
}
	
	
#content {
	height: auto;
	margin: auto;
	padding: 0px 50px;
}	
	
#content.pop {
	padding: 15px;
}

#Rframe {
	height: auto;
	width: 165px;
	border: 1px solid #999999;
	padding-right: 2px;
	padding-left: 3px;
	margin-top: -1px;
	padding-top: -1px;
}

#RframeNB {
	height: auto;
	width: 165px;
	padding-left: 3px;
}

#Lframe {
	height: auto;
	width: auto;}
	
#LframeB {
	height: auto;
	width: auto;
	border: 1px solid #999999;
	padding-right: 2px;
	padding-left: 3px;
	margin-top: -1px;
	padding-top: -1px;
}	


/* -------------------------------------------- */
/* Classes for Incidental content styling */

A:link {	color: #0033CC;	text-decoration: underline;}
A:visited {	color: #0033CC;	text-decoration: underline;}
A:hover {	color: #CC0000;	text-decoration: none;}
A:active { color: #FF0000;  }

A.linknav:link {
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
A.linknav:hover {
	text-decoration: none;
	color: #CCCCFF;
	background-color: #666699;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
A.linknav {
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}

A.linkOther:link {
	font-size: .75em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #660033;
}
A.linkOther:hover {
	font-size: .75em;	
	color: #CC0000;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #660033;
}
A.linkOther {
	font-size: .75em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #660033;
}

/* TAG ATTRIBUTES */


input {
	font-size: .75em;
	line-height: 90%;
	font-weight: bold;
	color: #0033CC;
}

textarea {
	font-size: 1em;
	line-height: 120%;
	font-weight: bold;
	color: #0033CC;
}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family: Helvetica, Arial, sans-serif;}
	
h1 {font-size: 1.5em; 	line-height: 140%;}

h2 {padding-top: 10px; font-size: 1.25em;	line-height: 110%;	color: #000000;	font-weight: normal;}

h2.boxtitle {padding: 4px 0 2px 0}

h3 {	font-family: "Times New Roman", Times, serif;	font-size: 1.5em;
	line-height: 100%;	font-weight: normal;}

h4 {	font-weight: normal;	font-size: 1em;	line-height: 100%;	letter-spacing: 4pt;}

h5 {padding-top: 8px;	font-weight: bold;	font-size: 1em;	line-height: 100%;	}

h6 {	font-weight: bold;	font-size: .875em;	line-height: 100%;	}

ul, ol {font-size: .75em;
	line-height: 130%;}

li {	padding-bottom: 5px;}

/* control font-size in nested lists */
ol ol{	font-size: 100%; }
ul ul{	font-size: 100%; }

p {
	font-size: .75em;
	line-height: 150%;
}

/* Classes for paragraphs and inlineText */


p.navText {
	font-size: .75em;
	line-height: 100%;
	margin-top: 1px;
	margin-bottom: 7px;
	padding-top: 5px;
	color: #9999FF;
}	

p.compactHead {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #663399;
	line-height: 110%;
	margin-bottom: -5px;
}

p.byline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	line-height: 90%;
	color: #666666;
	padding-right: 20px;
	text-align: right;
}

p.tinyContrast {
	font-size: .7em;
	line-height: 130%;
	color: #5C738A;
}

p.tinyAlert {
	font-size: .7em;
	line-height: 130%;
	color: #5C738A;
}

p.tinytext {
	font-size: .7em; }	

.tinyInline {
	font-size: .8em;
	color: #333399;
}

.tinyInlineContrast {
	font-size: .8em;
	color: #5C738A;
}

.decoHead {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 100%;
	background-color: #660033;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
}

.quoteMed {
	font-size: .875em;
	line-height: 140%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #5C738A;
}


.underline {
	text-decoration: underline;
}


.15pcSmaller {
	font-size: .6em;
	line-height: 170%;
}
.15pcBigger {
	font-size: 90%;
	line-height: 100%;
}
	
				
/* colours for fonts */

.col-contrast  { color: #333399;  }
.col-difference       {
	color: #006666;
}
.col-alert {
	color: #CC0000;
}
.col-liftText    {
	color: #5C738A;
}
.col-white    {	color: #FFFFFF;	}

.indicator {
	color: #99CCFF;
	padding: 5px;
	background-color: #336699;
}


/* -----------------------------------
Buffer space, colours OR borders for block or cell backgrounds */

.indent20 {
	text-indent: 20px;
}

.padL20 {
	padding-left: 20px;
}

.padR10 {
	padding-right: 10px;
}
	

.cellDark {
	background-color: #5C738A;
	color: #FFFFFF;
	padding: 2px;
}
.cellContrast {
	background-color: #eee5ee;
	;
}
.cellLight {	background-color: #EEEEEE;}

.borderDot {
	border: 1px dotted #999999;
}

.borderLDot {
	border-left-color: #999999;
	border-left-style: dotted;
	border-left-width: 1px;
}
		
.fineLine {
	border-top-width: none;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #CCCCCC;
}
.tinyInlineWhite {
	font-size: .75em;
	color: #FFFFFF;
}