/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

a img {
border: 0;
}

p {
font-size: 80%;
line-height: 20px;
color: #13233e;
}

.endfooter p {
font-size: 70%;
}




html {
height: 100%;
}

body {
background: #e9f1ff;		
height: 100%;
}

#wrapper,.bg {
background: url(../images/pattern_bg.jpg) repeat-x;
height: 339px;
}

.footerbg {
position: relative;
background:url(../images/footer_end.gif) repeat-x;
line-height: 1px; font-size: 1px; /*ie6 */
margin-top: -9px;
height: 9px;
}

#container {
position: relative;
width: 860px;
margin: 0 auto 0 auto;
background: #fff;
}

	#nonFooter
	{
		position: relative;
		width: 860px;
		margin: -339px auto 0 auto;		
		min-height: 100%;
		background: #fff;		

	}

	* html #nonFooter
	{
		height: 100%;
	}

	#container-top {
		background: url(../images/container_top.gif);
		font: 11px "Arial";
		color: #fff;
		text-align: right;
		padding: 3px 12px 0px 0px;
		height: 25px;
	}
	#container-top a{
		color: #ccc;
		font-weight: normal;
	}
	#container-top a:hover{
		color: #fff;
	}


	
	
	#header {
		background:url(../images/sub_header_bg.gif);
		margin: 0px 10px;
		width: 840px; height: 119px;
	}
		#logo {
			position: relative;
			top: 11px; left: 11px;		
		}
	
	#content {
		margin: 20px 10px 0px 10px;
		padding-bottom: 87px; /* /change according to height ? / */
		width: 840px;
		background: #fff;

	}
		#left {
		float: left;		
		width: 150px;
		}
		
		.bluetop {
		background: url(../images/blue_top_round.jpg);
		height: 6px;
		line-height: 1px;
		font-size: 1px;
		}
		.bluebottom {
		background: url(../images/blue_bottom_round.jpg);
		height: 6px;
		line-height: 1px;
		font-size: 1px;

		}
		
		
		#center {
		float: left;		
		width: 415px;
		padding: 0px 20px;
		}
			h2 {
			font: 120% Arial;
			color: #1d4196;
			border: none;			
			margin: 0;
			}
			
			h2.title {
			border-bottom: 1px solid #999;
			}

			h3 {
			font: 100% Arial;
			color: #5b80da;
			border: none;			
			margin: 0;			
			}
			
				.subtitle {
					font: 90% Arial;
					color: #5b80da;
					border: none;			
					margin: 0;												
				}
				
				.subtitle-2 {				
					font: bold 90% Arial;
					color: #2158b4;
					border: none;			
					margin: 0;							
				
				}
			a {
			text-decoration: none;
			color: #1d4196;
			font-weight: bold;
			}
			a:hover {
			color: #427aff;
			}
			
		#right {
		float: right;
		width: 220px;
		padding-right: 10px;
		}
		
			.login-title {
			background:url(../images/user_login.jpg);
			width: 212px; height: 25px;
			}
			
			.login-box {
			background: #efefef;
			margin: 2px 0px 0px 0px;
			width: 202px; height: 80px;
			padding: 5px;
			font: 12px "Arial";
			font-weight: bold;
			color:#464646;
			}
			
			.logintextbox {
			font: bold 12px "Arial";
			width: 125px;
			}
			
	
#footer {
position: relative;
width: 860px;
margin: -56px auto 0 auto;
background: url(../images/footer_bg.gif) no-repeat;
height: 56px;
}

	* html #footer
	{
		margin: -56px auto 0 auto;		
		margin-top: -56px;
	}
	
	#footer ul {
	position: relative;
	margin: 0px; padding: 0px;
	list-style: none;
	font-size: 11px;
	}
	#footer ul li {
	margin: 0; padding: 0px 10px;
	display: inline;
	}
	#footer ul a {
	padding: 5px;
	color: #e5e5e5;
	}
	#footer ul a:hover {
	color: #b5ddff;
	}

	.footer-item {
	font-size: 14px;
	}
	
	.endfooter {
	position: relative;
	padding: 0px 18px;
	width: 828px;
	}
	
	.endfooter p {
	color: #fff;
	}
	#privacy {	
	position: relative;
	top: 12px;
	float: right;
	margin: 0; padding: 0;
	color: #fff;
	}
	#privacy ul li {	
	margin: 0px;
	padding: 0px 5px;	
	}
	

.cb {
clear: both;
line-height: 1px; font-size: 1px;
}


#slideshow-transparent {
position: relative;
top: 15px;
background: white;
height: 230px;
filter:alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;

}

#slideshow {
position: absolute;
top: 15px;
background: red;
height: 220px;
}

/* added top-login */
#top-login {
position: relative;
background: #ddeafe;
height: 28px;
}

#logn {
float: right;
}

#top-login b {
font-size: 70%;
}


#breadcrumbs {
float: right;
margin: 0px 10px 0px 0px;
padding: 1px 8px;
font-size: 11px;
border-top: 1px dashed #d5e1fc;
border-bottom: 1px dashed #d5e1fc;
background: #f9f9f9;
}

#breadcrumbs ul, #breadcrumbs ul li{
list-style: none;
float: left;
margin: 0; padding: 0;
}



#breadcrumbs ul li {
background: url(../images/bullet.gif) 0px 6px no-repeat ;
padding-left: 12px;
margin: 0px 0px 0px 4px;
}

#breadcrumbs li.first {
background: none;
list-style: none;
padding: 0; margin: 0;
}

#breadcrumbs .isactive {
color: #555;
}

/* details */

.detail-table {
padding: 0; margin: 10px 0px 0px 0px; outline: none;
border: 0; width: 100%;
font-size: 12px;
}

.detail-head {
background: #2b3c5a;
font: bold 14px "Arial";
color: #fff;
padding: 4px 0px;
}

.detail-odd {
background: #f9f9f9;
padding: 4px 0px;
}
.detail-even {
background: #e2f4fd;
padding: 4px 0px;
}

.button {
display: block;
font-size: 10px;
background: url(../images/button.gif);
width: 40px; 
text-align: center;
padding: 0px 5px 0px 5px;
text-transform: uppercase;
color: #e2e2e2;
}

.button:hover {
color: #fff;
}

#note {
font: 14px Arial;
color: #233a99;
}

	#search-bar {
		background:url(../images/search_bg.gif);
		padding: 1px 0px 1px 600px;
		margin: 3px 10px 3px 10px;
		width: 240px; height: 26px;
	}
		.search-text, .FSF_input {
			font: 11px "Arial";
			width: 200px;height: 14px;
			padding: 0px;
		}


		.FSF_submit {
		background: url(../images/search_button.gif);
		width: 17px;height: 18px;
		border: 0px; margin: 0px; padding: 0px;
		}
		
/*FSF CSS */

.FSF_pagination {
margin: 0; padding: 0;
font-size: 14px;
}

span.FSF_resultLink {
display: none;
}

.FSF_resultDescription {
font: 12px Arial, Helvetica, sans-serif;
color: #5e636c;
padding-bottom: 10px;
border-bottom: 1px dashed #c1c6cf;
}

a.FSF_resultLink {
font-size: 14px;
padding-left: 20px;
background: url(../images/search_bullet.gif) no-repeat;
}

a.FSF_resultLink:hover {
padding-left: 20px;
background: url(../images/search_bullet-hi.gif) no-repeat;
}

/*FSF CSS */

.fleft {
float: left;
}
.fright {
float: right;
}

.floatit-left {
float: left;
padding: 3px;
border: 1px solid #eaeaea;
margin: 8px 12px 8px 0px;
}
.floatit-right {
float: right;
padding: 3px;
border: 1px solid #eaeaea;
margin: 8px 12px 0px 8px;
}

p.endingp {
border-top: 1px solid #d2d2d2;
background: #f5f5f5;
margin-top: 4px;
}

a.external {
background: url(external.png) center right no-repeat;
padding-right: 13px;
}

#center ul.bull, #center .bull li  {
list-style: none;
margin: 0px; padding: 0px;
font-size: 12px;
line-height: 20px;
color: #13233e;
}

#center  ul.bull li {
padding-left: 14px;
background: url(../images/center_bullet.gif) 1px 5px no-repeat;
}

#center  ul.bull li  h4{
#color: #527fef;
font-size: 14px;
font-weight: bold;
margin: none;
}

.contactus {
border-bottom: 1px solid #e2e2e2;
padding: 4px;
background: #fffceb;
}

.contactitem {
font-size: 12px;
color: #13233e;
background: #fffceb;
padding: 4px 0px 10px 14px;
border-bottom: 1px solid #e2e2e2;
}

.contactitem h4 {
font-size: 14px;
color: #445798;
margin: 0px; padding: 2px;

}

.contactitem label {
font-size: 11px;
color: #777;
}

.nomargin {
margin: 0;
}

.nomarginbottom {
margin-bottom: 0;
}


.citem {
padding-left: 14px;
background: url(../images/center_bullet.gif) 3px 3px no-repeat;
}

.citem:active {
color: blue;
}

.showhide {
border-top: 1px solid #d2d2d2;
background: #f5f5f5;
margin-top: 2px;
padding-right: 6px;
font-size: 9px;
text-align: right;
}

#sitemap {
padding: 10px;
}

#sitemap a {
color: #23334e;
}

#sitemap a:hover {
color: #427aff;
}


#sitemap ul, #sitemap ul ul, #sitemap ul ul ul {
list-style: none;
margin: 0; padding: 0;
}

#sitemap ul li {

margin: 4px 4px;
font-size: 13px;
border-top: 1px dashed #e5e5e5;
border-bottom: 1px dashed #e5e5e5;
}

#sitemap ul ul li {
font-size: 11px;
border: none;
}


#sitemap ul ul li{
padding-left: 14px;
background: url(../images/center_bullet.gif) 1px 5px no-repeat;

}


#cform label, #cform select, #cform .text{
font-size: 12px;
}

#cform .button {
background: #374c93;
border: 1px solid #c2c2c2;
padding: 2px;
margin: 0px;
color: #fff;
text-transform:lowercase;
}

.nomargin {
margin: 0;
}

.linktitle {
font-size: 15px; color: #2e77e4;
}

/* for downloads */

div.downloads { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;  padding: 3px 5px}
table.tbldwn { width:100%; border: solid 1px #e5e5e5; font-size: 12px;}
table.tbldwn td,tr {padding: 3px 0px 3px 6px;}
tr.fd-alt { background-color: #eee; }
tr.evenrow { background-color: #fff;}


/* registration */

#wlpeTermsOfService  {
list-style: none;
}
#wlpeTermsOfService  p{
font: 12px Arial;
}

#wlpeTermsOfService li {
font: 12px Arial;
color: #13233e;
padding-left: 14px;
background: url(../images/center_bullet.gif) 1px 5px no-repeat;
list-style: none;
}

#reg, #wlpeTosCheckboxLabel {
font-size: 12px;
color: #1d4196;
}


