/* CSS Document */

body
{
	background: url(images/BSD_bannerTop.jpg) top left repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

a
{
	color: #4984e4;	
	text-decoration: none;
}


a:hover
{
	color: #455877;	
	text-decoration: none;
}


.clear
{
	clear: both;
}

#headerNav
{
	margin: 0 auto;
	width: 762px;
	height: 160px;
}


#header
{
	margin: 0 auto;
	width: 762px;
	top: 0;
	position: absolute;
}


/* ......................................Top Nav........................................................... */


#nav
{
	clear            : both;
	width            : 762px;
	margin           : auto;
	padding			 : 0;
	top				 : 88px;
	position		 : absolute;
}


#nav li
{
	list-style : none;
    position   : relative;
	float      : left;
	width      : 127px;
	height     : 72px;
}


#nav li a
{
	display         : block;
	width           : 127px;
	height          : 72px;
	text-decoration : none;
	text-align      : center;
}


/* STATIC START ---------------------------------------------------------------------------- */

#nav a#home{ background-image : url(images/BSD_homeST.jpg); }

#nav a#about{ background-image : url(images/BSD_aboutST.jpg); }

#nav a#contact{ background-image : url(images/BSD_contactST.jpg); }

#nav a#partners{ background-image : url(images/BSD_partnersST.jpg); }

#nav a#resources{ background-image : url(images/BSD_resourcesST.jpg); }

#nav a#downloads{ background-image : url(images/BSD_downloadsST.jpg); }

/* STATIC END ------------------------------------------------------------------------------ */


/* ACTIVE START ---------------------------------------------------------------------------- */

#nav a#home:hover{ background-image : url(images/BSD_homeACT.jpg); }

#nav a#about:hover{ background-image : url(images/BSD_aboutACT.jpg); }

#nav a#contact:hover{ background-image : url(images/BSD_contactACT.jpg); }

#nav a#partners:hover{ background-image : url(images/BSD_partnersACT.jpg); }

#nav a#resources:hover{ background-image : url(images/BSD_resourcesACT.jpg); }

#nav a#downloads:hover{ background-image : url(images/BSD_downloadsACT.jpg); }

/* ACTIVE END ------------------------------------------------------------------------------ */



#mainpage
{
	margin: 0 auto;
	width: 762px;
}


/* ......................................Content........................................................... */


h1
{
	color: #6d6d6d;
	font-weight: normal;
	font-size: 36px;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;

}


h2
{
	color: #6d6d6d;
	font-weight: normal;
	font-size: 25px;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;

}


h3
{
	color: #6d6d6d;
	font-weight: normal;
	font-size: 20px;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;

}

h4
{
	color: #6d6d6d;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;

}


h5
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #6d6d6d;
	line-height: 1.8em;
	padding-top: 10px;
	border-bottom: 1px solid #D4D4D4;
}


#whiteout
{
	color: #FFFFFF;
}


#content
{
	width: 762px;	
	line-height: 1.5em;
}


#textboxLogo
{
	float: left;
	width: 105px;
}


#textbox
{
	float: left;
	width: 525px;
	padding: 20px;
	text-align: left;
}


#introtext
{
	float: left;
	width: 525px;
	padding: 20px 20px 10px 10px;
	text-align: center;
}


#partners
{
	float: left;
	width: 525px;
	text-align: left;
	padding-left: 125px;
}

#partnerLogo
{
	float: left;
	text-align: center;
	width: 175px;
}


#partnerSpacer
{
	float: left;
	width: 75px;
}


#bigTxt
{
	font-size: 36px;
}


#yellTxt
{
	color: #edbd3b;
}


#hiText
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #e0aa05;
	line-height: 1.8em;
}


/* ......................................News........................................................... */

#news
{
	background: url(images/BSD_newsBG.jpg) repeat-x;
	height: 400px;
}

#newsMain
{
	margin: 0 auto;
	width: 762px;
}

#newsHeader
{
	width: 762px;
}

#newsContent
{
	padding: 3px 40px 10px 40px;
	font-weight: bolder;
	line-height: normal;
}


#newsContent p
{
	margin: 0;
}


#newsContent a
{
	color: #4984e4;	
	text-decoration: none;
}


#newsContent a:hover
{
	color: #455877;	
	text-decoration: none;
}


#newsTxt
{
	font-weight: normal;
}


#newsSub
{
	font-size: 10px;
	font-style: italic;
	font-weight: lighter;
}


/* ......................................Footer........................................................... */


#footer
{
	background: url(images/BSD_footerBG.jpg) top left repeat-x;
	height: 228px;
}


#footerMain
{
	margin: 0 auto;
	width: 762px;
	padding-top: 50px;
	text-align: center;
	font-size: 10px;
	color: #dddbca;
}

#footerNav {
	display: block;
	width: 762px;
	line-height: normal;
	text-align: center;
}

#footerNav ul
{
	margin-left: auto;
	margin-right: auto;
	width:756px;
}

#footerNav li {
	list-style: none;
	float: left;
	margin-right: -1px;
	border-left:1px solid #aaa791;
	border-right:1px solid #aaa791;
	width:107px;
	height:28px;
}

#footerNav a
{
	color: #dddbca;	
	text-decoration: none;
}


#footerNav a:hover
{
	color: #ffffff;	
	text-decoration: none;
}

#footerLogo
{
	margin: 0 auto;
	width: 762px;
}

#footerText
{
	margin: 0 auto;
	width: 762px;
}


/* ......................................Form Layout........................................................... */


#form
{
	/* set width in form, not fieldset (still takes up more room w/ fieldset width */
  	margin  : 0 auto;
  	padding : 0;
	width: 500px;
}

#form fieldset
{
  	/* note that this clear causes inputs to break to left in ie5.x mac, commented out */
  	clear   : both;
	border	: 1px solid #dddbca;
  	padding : 10px; /* padding in fieldset support spotty in IE */
  	margin  : 0;
	background: #eae8d6;
}

#form fieldset legend
{
	font-family : arial, verdana, sans-serif;
	font-size   : 12px;
	color       : #666666;
	font-weight : bold;
	margin      : 0;
  	padding     : 0 5px;
	/*font-size : 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#form label
{
	font-family : arial, verdana, sans-serif;
	font-size   : 100%;
	color       : #666666;
	font-weight : bold;
	float       : left;
	text-align  : right;
	width       : 100px;
	padding-top : 6px;
}

.row
{
	clear	: both;
	display : block;
	height  : expression('1%');
	margin  : 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
}

#form fieldset label:first-letter
{
	/* use first-letter pseudo-class to underline accesskey, note that */
	/* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
	/* pseudo-class on legend elements, but do support it on label elements */
	/* we instead underline first letter on each label element and accesskey */
	/* each input. doing only legends would  lessens cognitive load */
	/* opera breaks after first letter underlined legends but not labels */
	/*text-decoration : underline;*/
}

#form input.text, #form textarea, #form .select, #form input.file
{
	float            : left;
	/*display          : inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width            : 300px; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin-top       : 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	margin-left      : 12px;
	background-color : #FFFFFF;
	border           : 1px solid #CCCCCC;
}

#form .select
{
	width   : 379px;
	height  : 17px;
	#height : 18px;
}

#form input.image{ width : 340px; }

#form input.checkbox, #form input.radio
{
	float       : left;
	margin-left : 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

/*#form select
{
	float            : left;
	display          : inline; inline display must not be set or will hide submit buttons in IE 5x mac */
/*	width            : auto;         /* set width of form elements to auto-size, otherwise watch for wrap on resize */
/*	margin-top       : 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
/*	margin-left      : 12px;
	background-color : #FFFFFF;
}*/

textarea{ overflow : auto; }

#form .required{ font-weight : bold; } /* uses class instead of div, more efficient */

/* FORM LAYOUT END -------------------------------------------------------------------------------------- */