@charset "utf-8";
/* CSS Document */

body {padding:0; margin:0; background-color:#eeeeee;}
* {padding:0; margin:0;}

.leftcurve { background:url(../images/leftyellow_curve.gif) no-repeat top left;}
.topcurve { background:url(../images/yellowcurve_top.jpg) no-repeat top left;}
.nav { background:url(../images/nav_bg.gif) no-repeat right; width:744px; height:50px; font:bold 14px Arial, Helvetica, sans-serif; color:#000;}
.nav a {color:#fff; text-decoration:none;}
.nav a:hover {color:#000; text-decoration:none;}
h1 {font: normal 25px Tahoma, Geneva, sans-serif; color:#2a1863; padding-bottom:15px;}
h1 small {color:#000;}
p {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#25313e; padding-bottom:15px; text-align:justify;}
p.p1 {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#25313e; padding-bottom:15px; text-align:center;}
p strong {color:#2a1863;}
p a {color:#fca500; text-decoration:none; font-weight:bold;}
p a:hover {color:#000; text-decoration:none; font-weight:bold;}
table th { background-color:#2a1863; height:42px; font:bold 14px Arial, Helvetica, sans-serif; color:#fca500;}
.list {padding:15px 0 0; font:normal 14px/16px Arial, Helvetica, sans-serif;}
.red {color:#C00;}
.list p {font:normal 14px Arial, Helvetica, sans-serif; color:#25313e; padding-bottom:20px; text-align:justify;}
.arial11wht {font:normal 11px Arial, Helvetica, sans-serif; color:#fff;}
.arial11alfa, .arial11alfa a {font:normal 11px Arial, Helvetica, sans-serif; color:#7f74a1; text-decoration:none;}
.missionbg { background:url(../images/homepage_missionbg.gif) no-repeat; width:699px; height:301px;}
.arial12 {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#25313e;}
.arial12 a {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#25313e; text-decoration:none;}
.arial12 a:hover {font:normal 12px/18px Arial, Helvetica, sans-serif; color:#FCA500; text-decoration:none;}


/* ######### CSS for Tabs. Remove if not using ######### */
#tabscontainer {float:left; width:693px;}

.tab_container {
	border: 1px solid #2a1863;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 0 0 0 0;
	font-size: 14px;
	float:left;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 35px; /*--Set height of tabs--*/
	border-bottom: 1px solid #2a1863;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px; /*--Subtract 1px from the height of the unordered list--
	border: 1px solid #fca500;*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	margin-right:1px;
	overflow: hidden;
	position: relative;
	background: #fca500;
	text-transform:uppercase;
	width:auto;
}
ul.tabs li a {
	text-decoration: none;
	color: #2a1863;
	display: block;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px;
	/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #2a1863;
	padding: 10px 10px 10px;
	display: block;
	height: 25px;
	color:#fff;
	float:left;
}
html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #2a1863;
	border-bottom: 1px solid #2a1863; /*--Makes the active tab look like it's connected with its content--*/
	color:#fff !important;
}


#tabscontainer2 {float:left; width:693px;}

.tab_container2 {
	border: 1px solid #2a1863;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content2 {
	padding: 0 0 0 0;
	font-size: 14px;
	float:left;
}

ul.tabs2 {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 58px; /*--Set height of tabs--*/
	border-bottom: 1px solid #2a1863;
	width: 100%;
}
ul.tabs2 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 58px; /*--Subtract 1px from the height of the unordered list--
	border: 1px solid #fca500;*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	margin-right:1px;
	overflow: hidden;
	position: relative;
	background: #fca500;
	text-transform:uppercase;
	width:auto;
}
ul.tabs2 li a {
	text-decoration: none;
	color: #2a1863;
	display: block;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px;
	/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs2 li a:hover {
	background: #2a1863;
	padding: 10px 10px 10px;
	display: block;
	height: 58px;
	color:#fff;
	float:left;
}
html ul.tabs2 li.active, html ul.tabs2 li.active a:hover, html ul.tabs2 li.active a  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #2a1863;
	border-bottom: 1px solid #2a1863; /*--Makes the active tab look like it's connected with its content--*/
	color:#fff !important;
}


input.formtxtfield, textarea.formtextarea {width:350px;}
input.formtxtfield2, select.formselect {width:220px;}