/**************** Body and tag styles ****************/

body{
	font:76% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.4em;
	color:#333333;
	background-image:url(layout/bkg.gif);
	margin: 2px 0px 0px 0px;
	/*background-repeat: repeat-x;*/
}
#container{
width:960px;
margin:0px auto;
padding:0px 0;
text-align:left;
background:#ffffff;
color:#333333;
/*border:1px solid #dddddd; */
}

form {
	margin: 0px;
}
.submitbutton {
font-size:10px;
color: #ffffff;
cursor: pointer;
cursor: hand;
font-weight: bold;
background-color: #8ca1c0;
border: 1px solid #8ca1c0;
}
.navbox {
background-color: #EFEFEF;
padding: 5px;
}

.navinput {
border: 1px solid #8ca1c0;
width: 120px;
}
a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000; }
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #990000;
	padding: 1;
	margin: 0;	
	}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #336699;
	}

h3 {
	color: #003366;
	font-size: 10pt;
	padding: 1;
	margin: 0;
	border-bottom: 1px dotted #5e74b3;
}	
hr {
border: none 0;
border-top: 1px solid #8CA1C0;/*the border*/
width: 97%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
	

.navbkg {
height:20px;
background-color: #305485;
border-top: #999 1px solid;/*406696*/
background:url(layout/nav_element.gif)
}
#navigation{
height:20px;
line-height:20px;
width:100%;
margin:0 ;
/*border-top:1px solid #cccccc;*/
}

#navigation li{
float:left;
background: transparent url(layout/trans.gif) left center no-repeat;
white-space:nowrap;
display: inline;
position: relative;
}

#navigation li a{
list-style: none;
display:block;
padding:0px 18px 0px 18px; /* top-right-bottom-left  */
font-family: Tahoma;
font-style:normal;
font-size:11px;
font-weight: 600;
/*text-transform: lowercase; /* transformed text to uppercase */
text-decoration: none;
background-color:inherit;
    color: #406696;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
	list-style: none;
	/*background: transparent url(layout/btn-flower-lt.gif) left center no-repeat;*/
	background: #F4F4F4;/*transparent url(layout/bk-hover.gif);*/
	color: #406696;
	text-decoration:none;
	
}

/* Navigation for drop downs*/

	ul li#bypass {
	display	: none;
	}

	#navigation ul {
		height			: 23px; /* you will also need to change #navigation a padding and #navigation li ul margin-top*/
		width			: 100%;
		margin			: 0;
		padding			: 0;
		background: inherit; /* background color of the drop downs */
		color: #ffffff;
		list-style-type: none;
	}

		#navigation li ul {
			background: #inherit;
			/*border-top		: 1px solid #ffffff;*/
			margin-top		: 2px;		/* How far down the drop down menus start  - you will also need to change #navigation ul height and #navigation a padding */
			display			: none;
			left			: 0;
			position		: absolute;
			width			: 120px;		/* width of the drop down menus? */
			height			: auto;
		}
		
		#navigation li li {
			/*width			: 140px;		/* width of the drop down menus? */
			border			: 1px solid #8cA1C0; /* color of drop down borders */
			border-top		: 0;
			background: transparent url(layout/bk-dropdown.gif);
				filter:alpha(opacity=90);
-moz-opacity: 0.9;	opacity: 0.9;
		}
		
		#navigation li li a {
		display:block;
		padding:0 10px;
		font-size: 11px;
		font-weight: 500;
		/*text-transform: lowercase; /* transformed text to uppercase */
		text-decoration:none;
		background-color:inherit;
		color: #406696;
		border-right: none;
		width: 140px;
		}
		
		#navigation a:hover, #navigation a:focus {
		/*background-color:inherit;
		background-color:#ECE5ED;*/
		background: #F4F4F4;/*transparent url(layout/bk-hover.gif);*/
		color: #990000;
		}
		
		#navigation .sel a {
		/*background: transparent url(layout/bk-select.gif);
		background-color:inherit;
		color: #990000;*/
		}

		#navivation a:active {
		background: transparent url(layout/bk-active.gif);
		color: #663200;
		}
		/**************** Menublock styles ****************/

.menublock{margin:0 0 18px 8px; font-size:11px;}
.menublock li{list-style:none; display:block; padding:1px; margin-bottom:1px;}
.menublock li a{font-weight:normal; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:0px 0 3px 15px; font-size:11px; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}


/**************** Header styles ****************/
.header {
background:#FFFFFF;
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width: 12px;
height: 48px;
}
.Pagetop {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #406496;
/*	padding: 2px 2px 2px 2px;
	border: #DDDDDD 1px solid; */
	width: 97%; }
.Pagetop a:link, .Pagetop a:visited, .Pagetop a:active {
	font-size:10px;
	color : #FFFFFF;
	text-decoration : none;
}
.Pagetop a:hover { color: #EEEEEE; text-decoration: none; }
.headertxt {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-color: #999;
	/*	background-color: #F4F4F4; */
	padding: 2px 2px 2px 2px;
	/*	border: #DDDDDD 1px solid; */
	width: 97%;
	line-height: 20px;
}
.headertxt a:link, .headertxt a:visited, .headertxt a:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:800;
	color : #DEDEDE;
	line-height: 23px;
	letter-spacing: 2px;
	text-decoration : none;
}
.headertxt a:hover { color: #DDDDDD; text-decoration: none; }
.subheader { 
height:1px;
width:760px;
text-align: center;
margin:0 0px 0px 0px;
background: #8ca1c0;
/*border-bottom-color:#cccccc;
border-bottom-style:solid;
border-bottom-width: 1px;*/

}
/**************** Content styles ****************/

.content {
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	line-height:1.4em;
	vertical-align: top;
	text-align: left;
	/*background-image: url(layout/bkg-content.gif);*/
	background-color:#FFFFFF;
	padding: 10px 15px 10px 15px;
	
}
.leftcolumn {
background-color:#FFFFFF;
}
.rightcolumn {
background-color:#FFFFFF;
/*width: 125px;*/
padding: 20px 20px 5px 5px;
}

.heading { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #990000;
	
}
.introtext {
font:93% Verdana,Tahoma,Arial,sans-serif;
line-height:1.3em;
color:#333333;
}

.important{ color:#f02025; background-color:inherit; font-weight:bold; }

/**************** box styles ****************/

.box-heading {
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	width: 360px;
	height: 69px;
	}
	
.box-header2 {
	border: #999999 1px solid;
	background:#CCCCCC;
	background-image:url(layout/screen.css)
	
	}
	
.infobox { 
	width: 360px;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	font:93% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.3em;
	color:#333333;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	text-align: justify;
	
}

.box1 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	width: 360px;
	height: 69px;
}
.box2 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	height: 100%;
	background-color: #FFFFCC;
	padding: 5px 5px 5px 5px;
	border: #CCCCCC 1px solid;
	width: 360px;
}
.box3 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;	
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	width: 360px;
	height: 69px;
}
.box4 {
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	font:93% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.3em;
	color:#333333;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	text-align: justify;
	
}

/**************** Footer styles ****************/

.footer { 
height:15px;
padding: 2px;
/* margin:5px 0px 5px 0px; */
background:#FFFFFF;
border-top-color:#406696;
border-top-style:solid;
border-top-width: 1px;

}
.design {
	font-size: 9px;
	text-decoration: none;
}
.design a:link, .design a:visited, .design a:active {
	text-decoration: none;
}
.design a:hover {
	text-decoration: underline;
}

.testimony {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFFF99;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #333333;

}



.button {

	padding: 2px 10px 2px 10px;

	font-size: 10px;

}

.border {

	border: 1px solid #336699;

}
.border-bottom {
	border-bottom: 1px solid #8CA1C0;
	padding-bottom: 3px;
	padding-top: 3px;
}

.BoxCategory {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #003399;

	font-size: 11px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

	background-color: #EEEEEE;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	padding-left: 15px;

	font-weight: normal;

	height: 20px;

}

.Adbox {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	width: 165px;
	padding: 2px;
	border: 1px solid #999999;
	background-color: #F7F7F7;
	text-align: left;
	}
	

.Adbox ul { list-style-type: none; border-bottom: 0px; margin: 0; padding-left: 18px; }

.Adbox li {list-style: url(layout/point.gif); margin: 0; padding: .1em;} 



.Adbox2 { width: 250px;

	padding: 0px;

	border: 1px solid #999999;

	background-color: #FFFFCC;}

.Adbox2 ul { list-style-type: none; border-bottom: 0px; margin: 0; padding-left: 10px; }

.Adbox2 li {list-style: color: #003399 margin: 0; padding: .2em;} 


.Maroon-title {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #CC0000;

	}

#Maroon-title {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #CC0000;

	}

.subheading {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}

.subheadingMaroon {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #CC0000;

}

.subheadingBlue {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #003399;

}

.spaced {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-color: #333333;

	font-size: 12px;

	line-height: 20px;

}

.vertical {

	border-left-width: 1px;

	border-left-style: dashed;

	border-left-color: #003399;

}

.vertical-right {

	border-right-width: 1px;

	border-right-style: dashed;

	border-right-color: 003399;

}



.basesolid {

	border-bottom-width: 1px;

	border-bottom-style: double;

	border-bottom-color: #003399;

}

.rightborder {

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #003399;

}

.leftborder {

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #003399;

}

.leftGreyborder {

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #cccccc;

}
.top-Greyborder {

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;

}
.top-leftGreyborder {

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;

}

.infobox-heading {
	color: #fff;
	background-color:#406696;
	padding-left: 5px;
	padding-right: 2px;
	height: 12px;
	font-size: 10px;
	font-weight: bold;	
}

.boxlite {

	border: 1px solid #003399;

}

.dashtop {

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #003399;

}

.doubleline {

	border-top-width: 3px;

	border-top-style: double;

	border-top-color: #003399;

}

.doublewhiteline {

	border-bottom-width: 3px;

	border-bottom-style: double;

	border-bottom-color: #FFFFFF;

}

.topsolid {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #003399;

}
.smallwhite { font-size:9px; color: #FFFFCC; }

#smallwhite a:link, #smallwhite a:visited, #smallwhite a:active {

	font-size:9px;

	padding-right : 10px;

	padding-left : 10px;

	padding-bottom : 4px;

	color : #FFFFCC;

	text-decoration : none;

	border-right-color : #FFFFCC;

	border-right-style : solid;

	border-right-width : 1px;

	right: auto;

}

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

.slogan {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 25px;

}

.small { font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

.small a:link, .small a:visited, .small a:active {

	font-size:10px;
	color : #003399;
	text-decoration : none;

}

.small a:hover { color: #FF0000; text-decoration: none; }

.verdana10 {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:300;

}

.verdana11 {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight:300;

}

.verdana12 {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:300;

}

.bullet {

	list-style-image: url(layout/point3.gif);

	color:#333333;

 }

#nav { width: auto; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#666666; padding: 1px 8px 0px 8px; background: #FEFEFE; text-decoration:none; font-size:0.7em; }
#nav a { float:none; }
#nav li { float: left; color: #666666; background: #FEFEFE; margin:0; padding:0 0 0 1px; }
#nav #current { background: #fefefe color: #990000; }
#nav #current a { background: #FEFEFE; padding:1px 10px 0px 8px; color:#666666; }
#nav a:hover { color: #990000; padding: 1px 8px 0px 8px; }
/*.td_nav { 
	padding: 0px 0px 0px 0px;
 }*/

.sf_left {
	width: 650px;
	
}
.sf_right {
	width: 350px;
	}

/* round border*/
.t {background: url(layout/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(layout/dot.gif) 0 100% repeat-x}
.l {background: url(layout/dot.gif) 0 0 repeat-y}
.r {background: url(layout/dot.gif) 100% 0 repeat-y}
.bl {background: url(layout/bl.gif) 0 100% no-repeat #FFFFFF; width: 100%}
.br {background: url(layout/br.gif) 100% 100% no-repeat}
.tl {background: url(layout/tl.gif) 0 0 no-repeat}
.tr {background: url(layout/tr.gif) 100% 0 no-repeat; padding-top: 7px; padding-bottom:7px}