/* CSS Document */

/* FONTS */

/* 100% = 16px | 10px = 0.62em | 12px = 0.75em | 14px = 0.875em | 1.8em = 22px |  */

/* COLORS #1b4797 blue for link | #333333 dk gray text | #b4975a gold-ish headings */

* { padding: 0; margin: 0; }


body {
	
	background: #b4975a url(../img/bgd_body.gif) top left repeat-x;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* 16px */
	}		

/*STYLES FOR HEADER CONTENT*/
#header {
	width:820px;
	height:85px;
	padding: 0;
	margin: 0;
	float: left;	
	}
#header img {
	border: 0;
	}	
#hLeft {
	width: 311px;
	float: left;
}

#hRight {
	width: 500px;
	float: right;
}


#tagline {
	width: 820px;
	float: left;
	clear: both;
	border-top: 1px solid #b4985b;
	
}
#tagline h2 {
	float: left;
	background: url(../img/tagline-text-inside.gif) no-repeat;
	text-indent: -9999px;
	width: 251px;
	height: 27px;
	}
	
	
/*STYLE FOR TOP NAV*/

#mainNav {
	float: left;
	width: 820px;	
	background: #FFFFFF url(../img/bg_mainnav_gold.jpg) repeat-x top right;
	text-align: center;	
	padding-top: 5px;
	padding-bottom: 0;
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 3px solid black;
	
}

#topNav a {
	text-decoration: none;
	color: #000000;
	padding: 6px;
	line-height: 1.4em;	
}

#topNav a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	padding: 6px;
	line-height: 1.4em;	
	}

#topNav a.topNavActive {
	text-decoration: none;
	color: #FFFFFF !important;
	background-color: #000000;
	padding: 6px;
	line-height: 1.4em;	
	border: 0;
	}

#topNav ul {
	display: inline;
	}

#topNav li {
	display: inline;
	}
#topNav span {
	color: #999999;
	}	
/* END TOP NAV*/	
	
#subHead {
	width: 100%;
	background-color: #000000;
	float: left;
}


#subHead H1 {
	color:#FFFFFF;	
	font-weight: lighter;
	font-size: 1.4em;
	margin-left: 15px;
	padding-bottom: 5px;
	float: left;
	}

#fontSizer {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #333;
	font-family: arial, verdana, sans-serif;
	font-size: 0.875em;
	float: right;
	padding: 3px;
	margin-top: 3px;
	}
	
#fontSizer a:link {
	color: #1b4797;
	}			

#pageWrapper {
	width: 820px;
	height: auto;
	float: left;
	background: url(../img/bg_inside_2col.gif) repeat-y top left;
	padding: 0;
	margin: 0;
	}
#pageWrapper a, #pageWrapper a:visited {
	color: #1b4797;
	font-weight: bold;
	}
#pageWrapper p {
	font-size: 0.875em;
	}

	
/*LEFT COLUMN*/	
#leftCol {
	width: 205px;
	float: left;
	padding-top: 10px;
}


/* LEFT COLUMN SUBNAV */
/* NO LONGER NEEDED? .subNavMenu .menubar #memMenu  */	
		
#subNav {
	margin-left: 10px;
}

#subNav ul {
	list-style-type: none;
	line-height: 1.2em;
	}

#subNav li {
	list-style-type:none;	
	/*font-size: 0.8em;*/
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}

#subNav li a {
	text-decoration: none;
	color: #333;
	background: transparent url(../img/bullet_goldsquare.gif) no-repeat;
	background-position:0 5px;
	display: block;
	padding-left: 11px;
	line-height: 1.2em;
	padding-bottom: 5px;
	}
	
#subNav li a:visited {
	text-decoration: none;
	color: #333;
	background: transparent url(../img/bullet_goldsquare.gif) no-repeat;
	background-position:0 5px;
	display: block;
	padding-left: 11px;
	line-height: 1.2em;
	padding-bottom: 5px;
	}	

#subNav li a:active {color: #824319;}

#subNav li a:hover {
	color: #824319;
	text-decoration: underline;
	background: url(../img/bullet_goldsquarehover.gif) no-repeat;
	background-position:0 5px;
	display: block;
	padding-left: 11px;
	line-height: 1.2em;
	padding-bottom: 5px;
	}
	
#subNav #memMenu	 {
	margin-left: 5px;
	padding: 0;
	}
#subNav #memMenu li {
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
#subNav #memMenu li a {
	text-decoration: none;
	color: #333;
	background: url(../img/bullet_smgsquareon.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}

#subNav #memMenu li a:hover {
	text-decoration: underline;
	color: #824319;
	background: url(../img/bullet_smsquare.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}

/*OLD: sub menu below identical to above, consolidate asap. */

#subNav #libMenu {
	margin-left: 5px;
	padding: 0;
	}
#subNav #libMenu li {
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
#subNav #libMenu li a {
	text-decoration: none;
	color: #333;
	background: url(../img/bullet_smgsquareon.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}

#subNav #libMenu li a:hover {
	text-decoration: underline;
	color: #824319;
	background: url(../img/bullet_smsquare.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}

/*OLD: sub menu below identical to above, consolidate asap. */

#subNav #comMenu {
	margin-left: 5px;
	padding: 0;
	}
#subNav #comMenu li {
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
#subNav #comMenu li a {
	text-decoration: none;
	color: #333;
	background: url(../img/bullet_smgsquareon.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}

#subNav #comMenu li a:hover {
	text-decoration: underline;
	color: #824319;
	background: url(../img/bullet_smsquare.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}

/*OLD: sub menu below identical to above, consolidate asap. */

#subNav #projMenu {
	margin-left: 5px;
	padding: 0;
	}
#subNav #projMenu li {
	font-size: 12px;
	margin: 0;
	padding-right: 5px;
	}
#subNav #projMenu li a {
	text-decoration: none;
	color: #333;
	background: url(../img/bullet_smgsquareon.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}

#subNav #projMenu li a:hover {
	text-decoration: underline;
	color: #824319;
	background: url(../img/bullet_smsquare.gif) no-repeat top left;
	display: block;
	padding-left: 8px;
	font-weight: normal;
	line-height: 16px;
}						


/*RIGHT COLUMN*/

#rightCol {
	margin-left: 205px;
	padding-left: 10px;
	padding-right: 10px;
	}

#rightContent {
float: left;
width: 100%;
}
#rightContent h1, #rightContent h2, #rightContent h3, #rightContent h4, #rightContent p {
	padding: 0; margin: 0;
	}

#rightContent p {
	font-size: 0.75em;
	padding-bottom: 8px;	
	color: #333333;
	line-height: 1.5em;	
}

#rightContent ul {
	margin-left: 30px;
	padding-bottom: 8px;	
	}
#rightContent ol {
	margin-left: 35px;
	padding-bottom: 8px;
	}	

#rightContent ul li, #rightContent ol li {
	font-size: 0.75em;
	color: #333333;
	padding-bottom: 8px;
	}

#rightContent h1 {
	font-size: 1.4em;	
	padding-left: 10px;
	padding-bottom: 8px;
	color: #333333;
}

#rightContent h2 {	
	margin-bottom: 0.62em;
	font-size: 1em;
	color: #b4975a;
	font-weight: bold;
	}

#rightContent h3, #rightContent h4 {	
	font-size: 0.875em;
	color: #333333;
	padding-bottom: 8px;
}

#breadcrumbs {
	font-size: 0.875em;
	float: right;
	padding-bottom: 5px;
	text-align: right;
	width: 100%;
}

#breadcrumbs ul {
	padding-right: 8px;
	margin-bottom: 10px;
	}

#breadcrumbs ul li {
	display: inline;
	font-size: .875em;
	color:#999;	
	}
	
#breadcrumbs ul li.active {
	font-weight: bold;
	color:#666;
	}

/*PRESS RELEASES*/

#pressRelease  {
	margin-right: 20px;
	float: left;
}

#pressRelease dl {
	position: relative;	
}

#pressRelease dt {
	width: 5em; 
	float: left;
	font-size: 0.75em;
	font-weight: bold;
	}	

#pressRelease dd {
	margin-left: 5em; 
	margin-bottom: 10px;
	font-size: 0.75em;
	}
#pressRelease dd a {
	color: #1b4797;
	text-decoration: none;	
	}
	
#pressRelease dd a:hover {
	color: #824319;
	text-decoration: underline;
	}	
	
/*STYLE FOR LINKS*/

.pdf {
	background: url(../img/icn_pdf.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 20px;

	}
.pdf p {
	background: url(../img/icn_pdf.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}	

	
.add2cart {
	font-weight: bold;
	background: url(../img/ico_cartadd.gif) bottom left;
	background-repeat: no-repeat;
	padding-left: 18px;
	}	
	
/*FORM STYLES*/

/*--LOGIN FORM STYLE--*/

.loginForm {
float: left;
padding: 0;
margin: 0;
}

.loginForm fieldset {
margin: 0;
padding: 2px;
width: 400px;
}

.loginForm legend {
	margin-left: 0.075em;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 5px;
	color: #114a5b;
	}
.loginForm label {
	font-weight: bold;
	text-align: right;
	float: left;
	clear: left;
	width: 100px;
	}
	
.loginForm input {
	float: left;
	width: 200px;
	margin-left: 8px;
	border: 1px solid #577aa0;
	margin-bottom: 5px;
	}


p.label_field_pair {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	border: 1px solid #cccccc;
	padding-left: 200px;
	
	}
p.label_field_pair label {
clear: left;
display: block;
float: left;
text-align: right;
width: 200px;


}
p.label_field_pair input {
clear: right;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 2px;

}	
	
.checkboxList {
font-weight: bold;
}
.checkboxList label {
	float: right;
	text-align: left;
	}
.checkboxList input checkbox {
	float: left;
	border: 1px solid red;
	}	

.validation {
	color:red;
	font-size: 14px;
	}
.basicForm {
	
}
.basicForm p {
	font-size: 14px;
	}

.basicForm fieldset  {
	border: 0;
	}
	
.basicForm label {
	font-weight: bold;
	text-align: right;
	float: left;
	clear: left;
	width: 175px;	
	}
	
.basicForm input {
	float: left;
	width: 200px;
	margin-left: 8px;
	border: 1px solid #577aa0;
	margin-bottom: 5px;
	}
.basicForm input.checkbox {
	float: right;
	border: 0;
	}	
	
.basicForm select {
	float: left;	
	margin-left: 8px;
	border: 1px solid #577aa0;
	margin-bottom: 5px;
	}
	
/*CLASSIC FORM*/



div.classic form {
	color: #333333;
	}

div.classic form fieldset {
	margin: 8px 5px 0 0;
	padding: 0 10px 0 0;
	background: #FFF url('/img/bg_formgradeblue.jpg') repeat-x bottom;	
	}

div.classic form fieldset legend {
	font-weight: bold;
	margin-left: 1em;
	}

div.classic form fieldset ol {
	padding: 1em 1em 0 0;
	list-style: none;
	}

div.classic form fieldset li {
	padding-bottom: 1em;
	}			

div.classic form label {
	display: block;
}

div.classic form submit {
	border:0;
	}

div.classic .address label {
	}

div.classic .address label span {
	}

.dropdown {
	float: left;
	width: 100%;
	}

.dropdown fieldset {
	border: 1px solid #ccc;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 4px;
}

/*LOGIN FORM*/
.loginForm form {
	padding-bottom: 8px;
}
.loginForm ol li {
	list-style: none;
	}
.loginForm form fieldset {
	border: 0;
	}
.loginForm label {
	float: left;
	width: 10em;
	margin-right: 1em;
	}	
	

/*SPECIAL LISTS*/

#rightContent div.pdfList {
margin: 0;
padding: 0;
}

#rightContent div.pdfList ul {
	padding: 0;
	margin: 0;
	}

.pdfList li {
margin-left: 0;
padding-left: 20px;
background: url(../img/icn_pdf.gif);
background-repeat: no-repeat;
list-style-type: none;
}

/* REPORTER ARCHIVE*/
#reporterArchive {
}

#reporterArchive dl { border-bottom: 1px solid #999; }

#reporterArchive dt
{

float: left;
margin: 0;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
font-weight: bold;
padding: .5em;
color: #824319;
}

#reporterArchive dd
{
margin-left: 5em;
padding: .5em;
font-size: 14px;
}

#reporterArchive dd a
{
text-decoration: none;
}

dl.first { border-top: 1px solid #999; }


/*INLINE NO BULLET*/

.inlineNoBull li {
	list-style-type: none;
	display: inline;
	padding-left: 4px;
	margin-left: 0;
	}
	
/*TABLE STYLES*/
*TABLE STYLES*/
.basicTable {
	font-size: 0.875em;	
	width: 100%;
	}
.basicTable td {
	padding-right: 15px;
	padding-bottom: 8px;
	}
.basicTable th {
	text-align: left;
	}

.basicTable2 {
	font-size: 0.875em;	
	width: 90%;
	}
.basicTable2 td {
	padding-right: 15px;
	padding-bottom: 8px;
	}
.basicTable2 th {
	text-align: left;
	}
/*SHOPPING CART TABLE*/
.cartTable {
}
.cartTable th {
	font-weight: bold;
	font-size:  0.875em;
	
	}
.cartTable td {
	font-size: 0.75em;
	}