/* main html elements */
BODY {
background-image: url('/images/background.jpg');
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
color:#000;
background-color: #302e67;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
padding: 0;
margin: 15px 0 15px 0;
line-height: 150%;}

h1 {font-size: 24px;color: #21205f; margin: 0 0 6px 0;}
	
h2 {font-size: 20px;margin: 0 0 6px 0;color: #21205f;}
	
h3 {font-size: 16px;margin: 0 0 6px 0;color: #21205f;font-weight: normal;}
	
h4 {font-size: 14px;margin: 0 0 6px 0;color: #21205f;font-weight: normal;}

li {margin: 0 0 12px 0;}

/* div structure */

#container				{width: auto; margin: 0 auto 0 auto;}
#masthead				{width: 900px; height: 164px; margin: 0 auto 0 auto;background-image: url('/images/masthead.png'); background-repeat: no-repeat; background-position: top center;}
#topnav					{width: 900px; height: 30px; text-align: center; padding: 10px 0 10px 0; margin: 10px auto 0 auto; background-color: #fbca71; color: #21205f;}
#page					{width: 900px; margin: 0 auto 0 auto; background-color: #fbca71;}
#pageHome				{width: 900px; margin: 0 auto 0 auto;}
#pageContent			{width: 900px; background-image: url('/images/bgrnd-page-inner.jpg'); background-repeat: no-repeat; background-position: bottom center; padding: 0; margin-left: auto; margin-right: auto; float: left; clear: right; background-color: #fff; min-height: 400px; padding: 0 0 20px 0;}
#pageContentHome		{width: 900px; background-image: url('/images/bgrnd-page.png'); background-repeat: no-repeat; background-position: bottom center; margin-left: auto; margin-right: auto; float: left; clear: right; padding: 0px; background-color: #fff;}
#leftColHome			{width: 400px; float: left; padding: 20px 0 0 20px;}
#rightColHome			{float: right; text-align: center; clear:right; padding: 20px 0 0 0; margin: 0 20px 0 0;}

#onecol					{padding: 15px; margin: 0;}

#leftCol				{width: 650px; float: left; margin:0; padding: 15px; border-right: solid 1px #faca70;}
#rightCol				{padding: 20px 20px 0 10px; margin: 0 0 0 700px; text-align: left; font-size: 13px;}

#leftColInner			{width: 300px; float: left; margin: 0 20px 0 0;}
#rightColInner			{margin: 0 0 0 320px;}

#footer					{width: 900px; margin: 0 auto 0 auto; clear:both;}
#footertext				{height: 64px; color: #21205f; text-align: center; font-style: italic; background-image: url('/images/bgrnd-footer.png'); background-repeat: no-repeat; background-position: bottom center; font-weight: bold;}
#footertextinner		{height: 64px; color: #21205f; text-align: center; font-style: italic; background-image: url('/images/bgrnd-footer-inner.png'); background-repeat: no-repeat; background-position: bottom center; font-weight: bold;}
#footerByline			{text-align: center; font-size: 11px; color:#fff;}
#newsletterbox			{width: 169px; height: 175px; background-image: url('/images/bgrnd-newsletterBox.gif'); background-repeat: no-repeat; background-position: top center; 8px 12px 0 0; clear:both; text-align: center; padding: 10px 8px 8px 8px; margin: 50px 0 0 0; color: #fff; font-size: 11px; line-height: 120%;}
#bioImage				{padding: 0 10px 4px 0; border: 0px;}

/* classes */
.txtSmall				{font-size: 11px;}
.photoLeft				{display: block; margin: 0 10px 10px 0; border:none;}
.photoPadded 			{line-height: 100%; height: 190px; float: left; text-align: center; padding: 20px 4px 0px 4px; margin: 0px; border: 0;}
.photoPadded img 		{padding-bottom: 6px; border: 0;}
.photoPadded a			{font-size: 13px; text-decoration: none;}

/* forms */
#frmleftcol				{width: 325px; float: left; margin: 0;}
#frmrightcol			{float: right; margin: 0; clear: right;}
#frmtextarea			{clear: both;}

label { position: absolute; text-align:right; width:150px; margin: 8px 0 0 0; }
input { margin: 8px 0 0 160px; font-size: 15px; width: 150px; }
textarea { margin: 0 0 0 160px; font-size: 15px; width: 500px; height: 80px;font-family: Verdana, Geneva, sans-serif; }
label.check, label.radio { position:relative; text-align:left; }

#newsletterbox label	{position: relative; text-align: center; margin: 0; width: 150px; padding: 0;}
#newsletterbox input    {font-size: 16px; width: 140px; color:#033; background-color:#F3F3F3; border: solid 1px #666; margin: 0 0 12px 0;}

/* links */
a:link,a:visited {color: #012dba;}
a:active,a:hover {color: #01265b;}

a.linksmall:link,a.linksmall:visited {font-size: 11px; color: #fff;}
a.linksmall:active,a.linksmall:hover {font-size: 11px; color: #ffcc00;}

a.linknounderline:link,a.linknounderline:visited {text-decoration: none;}
a.linknounderline:active,a.linknounderline:hover {text-decoration: none;}

a.linktopnav:link,a.linktopnav:visited {margin: 0 7px 0 7px; color: #21205f; text-decoration: none; font-size: 13px; font-weight: bold;}
a.linktopnav:active,a.linktopnav:hover {margin: 0 7px 0 7px; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold;}

a.linkfooter:link,a.linkfooter:visited {color: #fff; text-decoration: none;}
a.linkfooter:active,a.linkfooter:hover {color: #ffcc00; text-decoration: none;}

/* MOUSEOVER ELEMENTS FOR IMAGE LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; color: #333 }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #000;
    opacity: .66;
    filter: alpha(opacity=66);
	background-color: transparent;
	background-image: url(/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
/* HIGHLIGHT FOR SEARCH PAGES */
.highlight { background: #FFFF40; }