@charset "utf-8";
/* CSS Document */
body {
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-size:small;
	color:#000000;
	background-color:#003C94;
	background-image:url(../images/struc_images/abstract-design-1600.jpg);
	background-repeat:no-repeat;
	}

* html body {
  font-size:x-small; /* for IE5/Win */
  f\ont-size:small; /* for other IE versions */
  }

* {margin:0; padding:0; border:0px solid red;}

p {margin:15px 0;}

#container {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 1000px;
	border: 0px solid #333;
	}
	
	#header {
		float:left;
		width:998px;
		height:199px;
		background-image:url(../images/struc_images/header1.jpg);
		background-repeat:no-repeat;
		border:1px solid #ccc;
		border-bottom:0;
		}
		
		#header #logo {
			float:left;
			position:relative;
			top:-200px;
			left:10px;
			width:233px;
			height:199px;
			z-index:10;
			}
		
	#navigation {
		width:100%;
		background-color:#80A5C2;
		float:left;
		background-repeat:repeat-x;
		}
		
		#navigation ul li {
			list-style:none;
			float:left;
			}
			
			#navigation ul li a,
			#navigaiton ul li a:visited {
				padding:8px 10px;
				color:#ffffff;
				background-color:#80A5C2;
				text-decoration:none;
				display:block;
				background-repeat:repeat-x;
				}
			
			#navigation ul li a:hover {
				background-color:#E61C1C;
				}
				
	#main_img {
		float:left;
		width:100%;
		height:199px;
		background-image:url(../images/struc_images/header1.jpg);
		background-repeat:no-repeat;
		border-left:1px solid #1f1f1f;
		border-right:1px solid #1f1f1f;
		}
		
	#main {
		width:1000px;
		float:left;
		padding:10px;
		background-color:#fff;
		line-height:20px;
		letter-spacing:0.8px;
		}
		
		#main ul#tabz {
			list-style:none;
			margin-left:-12px;
			margin-top:-12px;
			background-color:red;
			float:left;
			width:100%;
			}
			
			#main ul#tabz li a,
			#main ul#tabz li a:visited {
				font-size:120%;
				color:#fff;
				margin-top:-2px;
				margin-left:-3px;
				}
				
			#main ul#tabz li a:hover {
				background-color:#80A5C2;
				color:#1f1f1f;
				}
		
		#main p {
			width:70%;
			}
		
		#main ul {
			margin-left:30px;
			list-style-type:square;
			width:70%;
			}
			
		#main h1 {
			font-weight:100;
			font-size:250%;
			color:#00378A;
			margin:10px 0 0 0;
			}
			
		#main h2 {
			font-weight:100;
			font-size:200%;
			color:red;
			margin:20px 0;
			}
			
		#main h3 {
			font-size:150%;
			font-weight:100;
			color:#007DCF;
			}
			
			#main h3 a,
			#main h3 a:visited {
				text-decoration:none;
				}
				
			#main h3 a:hover {
				text-decoration:underline;
				color:red;
				}
				
		#main #submenu a,
		#main #submenu a:visited {
			text-decoration:none;
			color:red;
			font-size:110%;
			padding:2px;
			}
			
		#main #submenu a:hover {
			background-color:red;
			color:#fff;
			}
		
		#main-row {
			width:100%;
			float:left;
			overflow:hidden;
			margin-bottom:20px;
			}
			
			.square1 {
				float:left;
				width:323px;
				height:160px;
				color:#fff;
				margin-right:15px;
				background-color:#fff;
				background-image:url(../images/bg-square.png);
				background-repeat:no-repeat;
				}
				
				.square1 h4 {
					padding:10px 0 0 20px;
					}
				
				.square1 a,
				.square1 a:visited {
					color:#2A4480;
					text-decoration:none;
					}
					
				.square1 a:hover {
					text-decoration:underline;
					}
				
				.square1 #square-header {
					width:100%;
					}
					
					#square-header h2 {
						padding:10px 10px 10px 10px;
						margin:0;
						color:#ffffff;
						}
					
				.square1 #square-content {
					width:70%;
					float:left;
					padding-left:10px;
					}
					
					#square-content ul {
						margin-left:20px;
						list-style-type:square;
						}
						
						#square-content ul li {
							padding-bottom:3px;
							}
					
				#square1 #square-image {
					width:30%;
					float:left;
					}
					
					#square-image img {
						padding-top:10px;
						}
						
			.square2 {
				float:left;
				width:323px;
				color:#fff;
				margin-right:15px;
				background-color:#80A5C2;
				background-repeat:no-repeat;
				}
				
				.square2 img {
					position:relative;
					left:5px;
					}
				
				.square2 h4 {
					padding:10px 0 0 20px;
					}
				
				.square2 a,
				.square2 a:visited {
					color:#2A4480;
					text-decoration:none;
					}
					
				.square2 a:hover {
					text-decoration:underline;
					}
			
	#footer {
		float:left;
		width:1010px;
		background-color:#BDD2FF;
		color:#2A4480;
		padding:5px 0px 5px 10px;
		margin-bottom:2px;
		}
		
	#copyright {
		float:left;
		width:100%;
		background-color:none;
		color:#ffffff;
		padding:0 0 0 10px;
		margin-bottom:20px;
		}
		
/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }