/* Page Structure*/



@import url("content.css");



/* TOC



1: - Global Styles



2: - Header



3: - Main Nav



4: - Content



5: - Footer



*/





/* 1 :-------- Global Styles ------------ */



	body {

		margin: 0;

		padding: 0;

		background-color: #000;

		}

		

	body * {

		outline: none;

		}

		

	.skipLink {

		position: absolute;

		margin-top: -999px;

		}

		

	.container {

		width: 940px;

		margin: 0 auto;

		background-color: #000;

		overflow: hidden;

		}

			

	a img {

		border: 0;

		}

		

	.clear {

		display: block;

		clear: both;

		}



/* 2 :-------- Header ------------ */



	.header {

		height: 150px;

		}

		

	.mainLogo {

		position: absolute;

		width: 850px;

		height: 117px;

		margin: 25px;

		text-indent: -9999px;

		background: url(../images/generic/mainLogo.gif) 0 0 no-repeat;

		}

		

	.searchBar {

		float: right;

		text-align: right;

		margin: 98px 30px 0 0;

		}

	.searchBar div {

		display: inline;

		}		

	.searchBar input.text {

		border: 1px solid;

		border-top-color: #7c7c7c;

		border-right-color: #e0e0e0;

		border-bottom-color: #f6f6f6;

		border-left-color: #e0e0e0;

		font-size: .95em;

		margin-right: 5px;

		vertical-align: top;

		}

		

	.searchBar input.action {

		border: none;

		font-size: .95em;

		vertical-align: top;

		margin-top: 2px;

		background: url(../images/buttons/btnSearch.gif);

		width: 52px;

		height: 12px;

		text-align: left;

		text-indent: -9999px;

		cursor: pointer;

		}

		

	#homeFeature {
		display: block;
		
		background: url(../images/elements/home_ill.jpg) 0 0 no-repeat;

		height: 292px;
		
		width:940px;
		
		text-indent:-9999px;

		}



/* 3 :-------- Main Nav ------------ */



	#mainNav {

		background: #ffb327;

		height: 32px;

		padding-left: 22px;

		margin-bottom: 2px;

		}

	

	#mainNav ul {

		margin: 0;

		padding: 0;

		list-style: none;

		}

		

	#mainNav li {

		display:inline;

		margin: 0;

		padding: 0;

		}

			

	#mainNav li a {

		float: left;

		height: 12px;

		color:#000000;

		font-weight:bold;

		text-transform:uppercase;

		text-decoration:none;

		padding:10px 0 5px 0;

		margin:0 15px 0 0;

		}



	#mainNav li a:hover {

		border-bottom:5px solid #000;

		}

	#mainNav li.current a,

	#mainNav li.section a {

		border-bottom:5px solid #000;

		}

		

/* 3a :-------- Sub Nav ------------ */



	#menu2 {

		background: #fff234;

		height: 32px;

		padding-left: 22px;

		margin-bottom: 2px;

		}

	

	#menu2 ul {

		margin: 0;

		padding: 0;

		list-style: none;

		}

		

	#menu2 li {

		display:inline;

		margin: 0;

		padding: 0;

		}

			

	#menu2 li a {

		float:left;

		height: 12px;

		color:#000000;

		font-weight:bold;

		text-transform:uppercase;

		text-decoration:none;

		padding:10px 0 5px 0;

		margin:0 15px 0 0;

		}



	#menu2 li a:hover {

		border-bottom:5px solid #000;

		}

	#menu2 li.current a,

	#menu2 li.section a {

		border-bottom:5px solid #000;

		}

	

				

/* 4 :-------- Content ------------ */

	

	#content {

		padding: 30px;

		min-height: 300px;

		overflow: hidden;

		}



	#content.twoCol {

		float: left;

		width: 580px;

		padding: 20px 20px 60px 30px;

		}



	.rightCol {

		position: relative;

		float: left;

		padding: 20px 0;

		width: 280px;

		}	



	a.readAllLink {

		position: absolute;

		top: 2.6em;

		right: 0;

		font-weight: bold;

		color: #ffb327;

		text-decoration: none;

		font-size: 1.1em;

		}

		

		

/* See content.css */



/* 5 :-------- Footer ------------ */



	.footerContainer {

		clear: both;

		background: url(../images/generic/footer_logos.gif) 30px 70px no-repeat;

		width:940px;

		height: 150px;

		margin:0 auto;

		}

	

	.footer {

		width: 880px;

		padding: 28px 30px 20px;

		font-size: .95em;

		margin: 0 auto;

		color: #fff;

		}

	.footer ul {

		display: inline;

		margin: 0;

		padding: 0;

		}

	.footer li {

		display: inline;

		margin: 0;

		margin-right: 3px;

		padding: 0;

		list-style: none;

		}

	.footer li a {

		color: #fff;

		padding: 2px 9px 0 0;

		text-transform: uppercase;

		text-decoration: none;

		background: url(../images/elements/footer_li_bg.gif) 100% .4em no-repeat;

		}

	.footer li.current a {

		font-weight: bold;

		color: #999;

		}

	.footer a {

		color: #fff;

		text-decoration: none;

		}		

	.footer p {

		margin-top: 3px;

		}		



	/* Forms

	*******************************************************/

	

	fieldset {

		border: 0;

		font-size: 1.2em;

		}

	

	textarea {

		font-family: Verdana, Tahoma, sans-serif;

		font-size: 1.2em;

		}

	form fieldset ul {

		list-style: none;

		}

	

	form fieldset label.left {

		float: left;

		width: 200px;

		padding-top: 4px;

		}

		

	form fieldset .middleColumn {

		display: block;

		margin: 15px 10px 10px 0;

		padding: 4px;

		}

	#Sidebar .middleColumn {

		margin: 0 0 0 8px;

		display: inline;

		}

	

	form fieldset div.tab .field .middleColumn {

		clear: none !important;

		margin: 0 !important;

		width: auto;

		}

	

	form fieldset input.text, form fieldset textarea, form fieldset select {

		padding: 2px;

		border: 1px solid #A7A7A7;

		color: #000;

		font-size: 1.1em;

		font-weight: bold;

		width: 300px;

		}

	select {

		width: auto;

		}

	

	form fieldset input.action {

		padding: 2px;

		font-size: 1em;

		font-family: Verdana, Tahoma, Sans-serif;

		}

	form fieldset input:focus span, form fieldset textarea:focus span {

		border: 3px solid #000;

		}

	

	form fieldset input.action:hover,

	form fieldset input.action:focus {

		cursor: pointer;

		}

	

	.Actions {

		padding-left: 210px;

		}

	.action {

		border: none;

		text-transform: uppercase;

		overflow: hidden;

		cursor: pointer;

		background: none;

		color: #0093d0;

		font-weight: bold;

		text-align: left;

		padding: 0;

		margin-right: 20px;

		}

				

				

* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {

  font: 12px Arial, Helvetica, sans-serif;

  color: #333333;

}

#TB_secondLine {

  font: 10px Arial, Helvetica, sans-serif;

  color:#666666;

}

#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {

  position: fixed;

  z-index:100;

  top: 0px;

  left: 0px;

  height:100%;

  width:100%;

}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {

  background-color:#000;

  filter:alpha(opacity=75);

  -moz-opacity: 0.75;

  opacity: 0.75;

}

* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_window {

  position: fixed;

  background: #ffffff;

  z-index: 102;

  color:#000000;

  display:none;

  border: 4px solid #525252;

  text-align:left;

  top:50%;

  left:50%;

}

* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_window img#TB_Image {

  display:block;

  margin: 15px 0 0 15px;

  border-right: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  border-top: 1px solid #666;

  border-left: 1px solid #666;

}

#TB_caption{

  display: none;

  height:25px;

  padding:7px 30px 10px 25px;

  float:left;

}

#TB_closeWindow{

  height:25px;

  padding:11px 25px 10px 0;

  float:right;

}

#TB_closeAjaxWindow{

  padding:7px 10px 5px 0;

  margin-bottom:1px;

  text-align:right;

  float:right;

}

#TB_ajaxWindowTitle{

  float:left;

  padding:7px 0 5px 10px;

  margin-bottom:1px;

}

#TB_title{

  background-color:#e8e8e8;

  height:27px;

}

#TB_ajaxContent{

  clear:both;

  padding:2px 15px 15px 15px;

  overflow:auto;

  text-align:left;

  line-height:1.4em;

}

#TB_ajaxContent.TB_modal{

  padding:15px;

}

#TB_ajaxContent p{

  padding:5px 0px 5px 0px;

}

#TB_load{

  position: fixed;

  display:none;

  height:13px;

  width:208px;

  z-index:103;

  top: 50%;

  left: 50%;

  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}

* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_HideSelect{

  z-index:99;

  position:fixed;

  top: 0;

  left: 0;

  background-color:#fff;

  border:none;

  filter:alpha(opacity=0);

  -moz-opacity: 0;

  opacity: 0;

  height:100%;

  width:100%;

}

* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_iframeContent{

  clear:both;

  border:none;

  margin-bottom:-1px;

  margin-top:1px;

  _margin-bottom:1px;

}