/* CSS Document */

/* Author: Joseph Tosi
   fullCircle Creative Solutions */

/* Imports
--------------------------------------------*/
@import "/css/news.css";


/* Base Page Properties
--------------------------------------------*/
body {
	background: #355f88 url(/images/GUI_bg.jpg) repeat-x top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
body,td,th {
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	}
a {
	font-weight: bold;
	}
a:link {
	color: #498CC9;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #2281C1;
	}
a:hover {
	text-decoration: underline;
	color: #FF6600;
	}
a:active {
	text-decoration: none;
	color: #FF6600;
	}
td img {
	display: block;
	}
h1 {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.62em;
	}
h2 {
	margin-left: 40px;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #808080;
	}
h3 {
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.38em;
	}
dl {
	/* Nothing yet */
	}
dt {
	font-weight: bold;
	margin-bottom: 5px;
	}
dd {
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: inherit;
	}
form {
	border: 1px solid #CCCCCC;
	background: #E9E5DC url(/images/GUI_form_bg.jpg) repeat-x bottom;
	font-weight: bold;
	clear: both;
	}
	form input, select, textarea {
		margin: 0;
		font-size: 11px;
		}
	form input, select {
		margin-left: 200px;
		width: 240px;
	}
	form textarea {
		width: 440px;
	}
	form p {
		padding: 5px 30px;
		margin: 0;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D1CCC1;
		background: url(/images/GUI_form_p_bg.jpg) repeat-x bottom;
		}
embed {
	display: block;
	}
		
/* Layout Regions
--------------------------------------------*/
#mainLeft {
	background: url(/images/GUI_bg_left.jpg) repeat-x;
	}
#mainCenter {
	background: url(/images/GUI_main_center_bg.jpg) repeat-y;
	}
	#mainCenterR {
		background: url(/images/GUI_r5_c6.jpg) no-repeat;
		}
#mainRight {
	background: url(/images/GUI_bg_right.jpg) repeat-x;
	}
#navHeadLeft {
	float: left;
	}
#navHeadRight {
	float: right;
	}
#navHeadAbout {
	height: 19px;
	width: 280px;
	padding-top: 8px;
	padding-right: 20px;
	text-align: right;
	background: url(/images/GUI_about.jpg) no-repeat;
	color: #FFFFFF;
	}
	#navHeadAbout a {
		font-weight: bold;
		color: #FFFFFF;
		}
#ttlHow {
	display: block;
	float: left;
}
#navHow {
	width: 402px;
	display: block;
	float: left;
	background: url(/images/GUI_navHow_bg.jpg) repeat-x;
	}
	#navHow ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
	#navHow li {
		float: left;
		display: inline;
		}
	#navHow a {
		float: left;
		display: block;
		padding: 12px 5px 0 4px;
		height: 36px;
		background: url(/images/GUI_navHow_bg.jpg) repeat-x;
		color: #FFFFFF;
		}
	#navHow a:hover, #navHow a:active {
		background-image: url(/images/GUI_navHow_bg_f2.jpg);
		}
	#navHowRight {
		display: block;
		float: right;
		}
#navWhatLeft {
	width: 30px;
	height: 252px;
	float: left;
	background-image: url(/images/GUI_nav_bg.jpg);
	}
#navWhat {
	width: 170px;
	height: 252px;
	float: right;
	}
	#navWhat ul {
		margin: 0; /* Removes indent in IE and Opera */
		padding: 0; /* Remoes indent in Netscape */
		list-style-type: none;
		}
	#navWhat li {
		margin: 0;
		padding: 0;
		white-space: nowrap;
		height: 36px;
		}
	#navWhat a {
		display: block;
		margin: 0;
		padding: 11px 0 14px 10px;
		background: url(/images/GUI_btn.jpg) no-repeat;
		}
	#navWhat a:hover, #navWhat a:active {
		background-image: url(/images/GUI_btn_f2.jpg);
		}
	#navWhatSelected a:link, #navWhatSelected a:visited,
	#navWhatSelected a:hover, #navWhatSelected a:active {
		background-image: url(/images/GUI_btn_f2.jpg);
		color: #FF6600;
		font-weight: bold;
		padding-left: 0;
		text-decoration: none;
		}
#navAux {
	clear: both;
	width: 170px;
	padding: 20px 0 0 30px;
	}
	#navAux ul {
		padding: 0;
		margin: 0 0 20px 0;
		list-style-type: none;
		}
	#navAux li {
		margin: 0;
		padding: 0;
		}
	#navAux li a {
		display: block;
		padding: 5px 10px;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #CCCCCC;
		background: url(/images/GUI_li_bg.jpg) top repeat-x;
		}
	#navAux li a:hover, #navAux li a:active {
		background: url(/images/GUI_li_bg_ovr.jpg) bottom repeat-x;
		}
#content {
	margin: 20px;
	}
	#content p, #content dd {
		line-height: 1.62;
		}
	#content ul {
		list-style-image: url(/images/GUI_bullet2.gif);
		}
	#content li {
		margin-bottom: 3px;
		padding-bottom: 2px;
		border-bottom: 1px solid #CCCCCC;
		}
	#contentImage {
		clear: both;
	}
#navSubTitle {
	clear: both;
	border-top: 1px solid #CCCCCC;
	color: #FF6600;
	}
#navSub {
	clear: both;
	margin-left: 40px;
	padding-bottom: 40px;
	}
	#navSub ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		float: left;
		}
	#navSub li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		/*border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #CCCCCC;*/
		border-right: 2px solid #999;
		border-bottom: none;
		}
	#navSub a {
		display: block;
		margin: 0;
		padding: 0 5px;
		/* width: 136px; 
		height: 2.5em;
		background: url(/images/GUI_li_bg.jpg) top repeat-x;*/
		}
	#navSub a:hover, #navSub a:active {
		/*background: url(/images/GUI_li_bg_ovr.jpg) bottom repeat-x;*/	
		}
#footer {
	height: 63px;
	width: 660px;
	padding-top: 63px;
	padding-left: 60px;
	padding-right: 60px;
	background-color: #355f88;
	background-image: url(../images/GUI_footer.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#copyright {
	float: left;
	margin: 0;
	padding: 0;
	}
#address {
	float: right;
	margin: 0;
	padding: 0;
	}
	
	
	#contentHowTitle {
		/* Nothing yet */
		}
	#contentHowBody {
		background-color: #000000;
		width: 510px;
		display: table;
		color: #FFFFFF;
		}
		#contentHowBody h1 {
			color: #FFFFFF;
			padding-left: 20px;
			padding-bottom: 20px;
			}
		#contentHowBody p {
			line-height: 1.62;
			}
		#contentHowBodyLeft {
			float: left;
			width: 295px;
			}
		#contentHowBodyRight {
			float: right;
			width: 175px;
			padding: 0 20px;
			}
	#contentHowFooter {
		clear: both;
		}


/* Custom Classes
--------------------------------------------*/
.testimonial {
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	font-style: normal;
	}
.error {
	color: #FF0000;
	}
table.dataTable {
	}
	table.dataTable td, table.dataTable th {
		border-bottom: 1px solid #CCC;
		padding: 5px;
		text-align: left;
	}