@import "reset.css";



/* 
Title:     Master styles for screen media

*/

/*debug---*/
/*div{border:1px solid red}*/

/* for IE5/Win - Everything after this will not work in IE 5
	voice-family: "\"}\""; voice-family: inherit;
	width:449px;
*/




/* ===========================================================*/
/* Body Styles */
/* ===========================================================*/


body{
	font-family:Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.6em;
	margin: 15px 0 20px 0;
	padding:0;
	background:#535353;
	text-align:center;
}



/* ===========================================================*/
/* Typeography */
/* ===========================================================*/


body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family: Lucida Sans, Helvetica, Arial, Verdana, sans-serif;
  color: #858585;
}

/* Headings 
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Lucida Sans, Verdana, Helvetica, Arial, sans-serif;
  margin: 0; 
  padding: 9px 0;
  color:#111; 
  clear:both; 
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span { 
	display:none;
}


h1{
	font-size:1.8em;
	font-weight:bold;
}

#content h1{
	line-height:1.4em;
	color:#595959;
	padding:30px 0 0px 0px;
	margin:0 0 20px 0;
}

h2{
	font-size:1.4em;
	font-weight:bold;
}

h3{
	font-size:1.3em;
	font-weight:bold;
}

h4, h5, h6{
	font-size:1.1em;
	font-weight:bold;
}

/* Paragraphs
-------------------------------------------------------------- */
p, li{font-size:1.1em;}
p{ margin: 0 0 20px 0; }
p.last{ margin-bottom:0; }

/* Lists
-------------------------------------------------------------- */
ul, ol{ 
	margin: 18px 0 18px 18px;
	list-style-type:disc;
}

ol { list-style-type:circle; }



/* Breaks
-------------------------------------------------------------- */
p.linebreak{
	border-bottom:1px solid #CCCCCC;
}


/* Other Text
-------------------------------------------------------------- */

blockquote  { margin: 18px 0 18px 23px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
p a{color:#276fb8;}



/* ===========================================================*/
/* layouts */
/* ===========================================================*/


/* CONTAINER
 ---------------------------------------------------------------*/
#container{
	background:url(../images/global/container-bkgd.gif) bottom left repeat-x #FFF;
	width:770px;
	margin:0 auto;
	padding:0 15px 15px 15px;
	text-align:left;
		
	voice-family: "\"}\""; voice-family: inherit;
	width:740px;
}


/* MASTHEAD 
---------------------------------------------------------------*/

#masthead{
	padding:19px 0 10px 0;
	background:url(../images/global/masthead-bkgd.gif) repeat-x;
	height:70px;
}

#logo{
	margin:11px 0 5px 15px;
}

#masthead p{
	float:right;
	padding:0;
	margin:10px 15px 0 0;
	text-align:right;
	color:#535353;
	line-height:1.2em;
}

#masthead p span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#masthead p span.number{
	color:#0066CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}



/* BANNER 
---------------------------------------------------------------*/
#banner{
	margin:20px 0 0 0;
	padding:0;
	height:159px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NAVIGATION */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#navigation{
	background:#383838;
	padding:5px 0 6px 0;
}

#navigation ul{
	padding:0;
	margin:3px 0 0 10px;
	list-style:none;
}

#navigation li{
	margin:0;
	padding:2px 0 2px 0;
	display:inline;	
}

#navigation ul li a{
	padding:7px 12px 6px 4px;
	color:#d3d3d3;
	text-decoration:none;
	background: url(../images/global/nav-divider.gif) no-repeat 100% 60% #383838; 
}

#navigation ul li a:hover{
	color:#ff7b00;
}

#navigation li.last-li a{
	background-image:none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SEARCH */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#search{
	float:right;
	text-align:right;
	margin:0 15px 0 0;
	padding:0;
	width:250px;
}

.search-field{
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#505050;
	margin:0;
	padding:2px 0 3px 8px;
	width:185px;
	border:1px solid #E0E0E0;
	float:right;
	background:#e1e1e1;
	}

.search-button{
	float:right;
	margin:0px 0 0 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTENT */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content{
	width:515px;
	float:right;
	margin:0 0px 25px 0;
	padding:0 15px 20px 40px;
	background:url(../images/global/content-bkgd.gif) repeat-x;
	
	voice-family: "\"}\""; voice-family: inherit;
	width:460px;
}





/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LEFT COLUMN */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#left-column{
	width:225px;
	float:left;
	margin:0;
	padding:25px 0 40px 15px;
	background:url(../images/global/content-bkgd.gif) repeat-x;
	
	voice-family: "\"}\""; voice-family: inherit;
	width:210px;
}

#left-column ul{
	margin:5px 0 35px 0;
	list-style:none;
	padding-top:4px;
	background:url(../images/global/left-nav-ul-top.gif) repeat-x;
}

#left-column ul li{
	background:url(../images/global/left-nav-bkgd.gif) repeat-x bottom;
	padding:3px 0 3px 0;
}

#left-column ul li a{
	text-decoration:none;
	color:#000;
	display:block;
	float: left;
	clear: left;

}

/* FIXES THE MOZILLA PROBLEM */
#left-column ul li>a {
	float: none;
}


#left-column ul li a:hover{
	text-decoration:none;
	color:#ff7b00;
}

.concept-example{
	margin-bottom:15px;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	margin:0 0 10px 0;
	padding:0px 0 0 8px;
	height:34px;
}

#footer p{
	padding:0;
	margin:10px 0 0 0;
	float:right;
}

#footer p a{
	color:#121212;
	text-decoration:none;

}

#footer p a:hover{
	color:#fff;
	text-decoration:none;
}



#footer ul{
	list-style: none;
	padding:10px 0 0 0;
	margin: 0px 0 0 0;
}

#footer ul li{
	float: left;
	color:#62605b;
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
	font-size:1.1em;
	padding: 2px 9px 5px 5px;
	background: url(../images/global/footer-nav-divider.gif) no-repeat 99% 50%; 
}

#footer ul li.last-li{
	background: none;
}

#footer ul a{
	float: left;
	margin: 0;
	color:#62605b;
	text-decoration: none;
}

#footer ul a:hover{
	color:#ffffff ;
	
}

#footer ul li.lastLi{
	background-image:none;
}






/* ===========================================================*/
/* Images */
/* ===========================================================*/
.imgLeft{
	float:left;
	margin:0 20px 20px 0;
}

.imgRight{
	float:right;
	margin:0 0px 20px 20px;
}





/* ===========================================================*/
/* default tables */
/* ===========================================================*/

table   { 
	margin: 10px 0 20px 0;
	border-top:1px solid #ddd; 
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	width: 100%;
	cellpadding:0;
	cellspacing:0;
	border-collapse:collapse;
 }
 
 
 tfoot th, tfoot td{
 	background:#8e8e8e;
 }
 
th,td   { padding:4px; border-bottom:1px solid #ddd;  font-size:1.1em; }
th      { font-weight:bold; }
thead th{background:#CCCCCC;}

.no-border{border:0px;}

label.nodisplay, caption {
	display:none;
}

tr.alt{
	background:#efeeed;
}


/* ===========================================================*/
/* Form styles*/
/* ===========================================================*/

.textField, .textArea, .dropDown, .fileField, .textField-short{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:210px;
	border:1px solid #D8D8D8;
	background-color:#FFF;
	color:#000;
	padding:4px;
	vertical-align:middle;
}

#address_1{
	margin-bottom:6px;
}

.dropDown{
	width:220px;
}

input.submit{
	border:1px solid #C9CBC9;
	padding: 4px 4px 4px 4px;
	background-color: #E6E7E6;
	color: #000000;
	font-size:1em;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	overflow: visible;
}

input:focus, textarea:focus{
	border-color: #bebebe;
	background:#ffffec;
}

input:hover, textarea:hover{
	border-color: #bebebe;

}

/* Set search border to no hover*/
input.search-field:hover{
	border-color:#FFF;
}

input.search-field:focus{
	border-color:#FFF;
}



.submit:focus{
	border-color: #000;
}



.required{
	font-weight:bold;
	font-size:1.1em;
	color:#F50000;
}

p.note{
	margin-bottom:20px;
	padding:0 0 5px 0;
	border-bottom: 1px solid #E4E4E4;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Search */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
dl#searchDL dt {
	font-weight:bold;
}
dl#searchDL dd {
	margin:5px 0px 10px 0px;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* News */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
p.news-article-date {
	clear:both;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FAQs */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
p.faq-article {
	padding:3px 0px 8px 0px;
	margin:0;
	border-bottom:1px solid #F1F1F1;
	clear:both;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Site Map */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content #siteMap{
	list-style: none;
	padding-left:0px;
	margin-left:0px;
}

#siteMap li{
	background: url(../images/site/bullet_map.gif) 0 3px no-repeat;
	padding: 0 0 2px 20px;
}

#siteMap ul.subMap{
	list-style: none;
	padding:0;
	padding-top:7px;
	padding-left:20px;
	margin:5px 0px 20px 0px;
}

#siteMap li a{
	line-height:1.1em;
	padding:0;
}

#siteMap ul.subMap a{
	padding:0;
	margin:5px 0 10px 0;
	font-size:0.9em;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGING */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.paging{
	padding:0;
	margin:20px 0 0 0px;
	width:445px;
	height:20px;
}

.paging ul{
	list-style:none;
	padding:0;
	margin:0;
}

.paging ul li{
	float:left;
	display:inline;
	margin:4px 6px 3px 0;
	padding:1px;
	background:none;

}

.paging ul li a{
	padding:3px;
	background:#FFEF80;
	border:1px solid #FFDF66;
	color:#776801;
	text-decoration:none;
	
}

.paging ul li a:hover{
	background:#FFD180;
	border:1px solid #FFDF66;
	color:#FFF;
	text-decoration:none;
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PRINT MASTHEAD */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#print-masthead{
	display:none;
}

@media print {
	#masthead, #banner, #navigation, #left-column, #footer, #powered{
		display:none;
	}
	
	#print-masthead {
		display:block;
		text-align:left;
	}

	#print-masthead p{
		float:right;
		padding:0;
		margin:0;
		text-align:right;
	}
	
	#print-masthead img{
		margin:0px 0px 3px 26px;
	}
	
	#content {
		clear:both;
		float:left;
		width:17cm;
		background-image:none;
		padding:0;
		margin:0;
	}
	
	#content h1{
	margin-top:10px;
	}
	
	
	body {
		background-image:none;
		background-color:#FFFFFF;
	}
	
	h1{
		margin:0;
		padding:0;
		font-size:15pt;
	}
	
	
	
	body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
	caption,pre,p,blockquote,input,textarea, li {
	  font-family: Verdana, Georgia, Times, serif;
	  line-height: 150%;
	  color:#000;
	  background:none;
	  font-size:10pt;
	}
	
	
	
	img { 
	  float:left; 
	  margin:10px 10px 10px 0;
	}
	
	hr { 
	  background:#ccc; 
	  width:100%; 
	  height:2px; 
	  margin:20px 0; 
	  padding:0; 
	  border:none; 
	}


}


/* ===========================================================*/
/* Powered By */
/* ===========================================================*/

#powered{
	margin:10px 0 0 0;
}

#powered p{
	width:720px;
	text-align:left;
	margin:0 auto;
}



/* ===========================================================*/
/* Accessibility Options */
/* ===========================================================*/
#accessibility-options{
	display:none;
}



/* ===========================================================*/
/* Debugging style */
/* ===========================================================*/
table.cfdump_struct, table.cfdebug {
	width:800px;
	text-align:left;
}




/* ===========================================================*/
/* Validation Error */
/* ===========================================================*/


label.validation-error, p.validation-error {
	display:block;
	color:red !important;
	font-size:1em;
	background-image:url(../images/icons/error.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px !important;
	margin-top:2px;
}

input.validation-error, textarea.validation-error, select.validation-error {
	border:1px solid #ff7800;
}

.error {
	font-weight:bold;
	display:block;
	color:#c7bb5f;
	border:1px solid #fef399;
	padding:5px 10px 5px 10px;
	background:#fff9cd;
}
.error p {
	padding:2px;
	margin:0px;
}
.error ul {
	padding:2px;
	margin:0 0 0 0px;
}
.error li {
	padding:2px 2px 2px 10px;
	margin:0 0 0 20px;
	list-style-image:url(../images/icons/error.gif);
}








/* ===========================================================*/
/* Not sure */
/* ===========================================================*/

table {/* Fixes IE5.5 table bug -------------*/
	font-size: 100%;
}

.hidden{
	display:none;
}






/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LISTS */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*ul{
	padding:0;
	margin:0;
	list-style:none;
}

li{
	font-size:1.1em;
	color:#888888;
}

ul.normal{
	padding:0;
	margin:0 0 0 15px;
	list-style:disc;
}

ul.normal ul li{
		font-size:1em;
}

#content ul{
	list-style:disc;
	padding:0 0 0 20px;
	margin:0 0 0 10px;
}


#content dl{
	padding:0;
	margin:0;
	list-style:none;
}

#content dt{
	padding:0;
	margin:0;	
	font-size:1.3em;
	font-weight:bold;
	color:#BDD64A;
}

#content dd{
	padding:0;
	margin:0 0 10px 0;
	font-size:1.1em;
	color:#888888;
}


#content dt a{
	color:#BDD64A;
}*/