﻿/* CSS layout */

body {
	margin: 0;
	padding: 0;
	background-color: #01245C;
	
}

.go2center {
		text-align: center;
}

.goJustify {
	text-align: justify;
}

.list_style {
	text-align:left;
	list-style-image:url('../pics/bullet_red.jpg');
	margin-left:30px;
	font-size:12px;
}

.font1       { font-size: 8pt  }
.font1_white { font-size:8px; color:white; }
.font2       { font-size: 10pt }
.font2_white { font-size: 9pt; color:white; font-weight:bold; }
.font3		 { font-size: 12pt }
.font4       { font-size: xx-large }
h1           { font-size: 26pt }
h2           { font-size: 18pt; color: #000080 }
h3           { font-size: 14pt; color: #000080 }
h4           { font-size: 10pt; color: #000080; font-weight: bold }

.counter_box_title {
	font-size: medium;
	text-align: center;
	color: #0000FF;
	margin-top: 5px;
}

a:link { 
         text-decoration:none; 
         color: white;}

a:visited {          
		text-decoration:none; 
        color: #A6D2FF}

a:hover { text-decoration:underline; }

a:active { text-decoration: none; font-weight: normal; }

#main {
	width: 920px;
	font-family:Arial, Helvetica, sans-serif;	
	margin-left: auto;
	margin-right: auto;
}

#banner {
	width: 920px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:11px;	
	font-weight:bold;
	margin-left: auto;
	margin-right: auto;		
	background-image:url('../pics/banner_background.jpg'); 
	background-repeat:repeat-x;
		}

#masthead {	background-color: #3E76A7;
			background-image:url('../pics/background_BlueWhite.jpg');
			background-repeat:repeat-x;
}

#masthead_left {
	border-width:0;
	width:220px;
	height:220px;
	float:left;
	}
		
#masthead_right {
	border-width:0;
	width:267px;
	height:220px;
	float:right;
}

#masthead_middle {
	border-width:0;
	margin-left:220px;
	margin-right:267px;
	height:220px;
	font-size:18px;
	color:white;
	text-align:center;
	
	}


.logo_style {
	margin-top: 0px;
	margin-left:0px;
	border:0px;
	}
		
#top_nav {
	background-color: #3E76A7;
	height:33px;
	background-image:url('../pics/top_nav_background.jpg');
	background-repeat:repeat-x;
	}
	
#top_nav_left {
	border-width:0;
	width:160px;
	height:33px;
	float:left;	
	}

#top_nav_right {
	border-width:0;
	width:160px;
	height:33px;
	float:right;
}

#top_nav_middle {
	border-width:0;
	margin-left:160px;
	margin-right:160px;
	height:33px;
}

#container {
}

#left_col {
	width: 160px;
	height:500px;
	background-color: #3E76A7;
	background-image:url('../pics/left_col_background.jpg');
	background-repeat:repeat-x;
	float: left;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/*- Menu_2--------------------------- */
	
#menu_2 {
	width: 150px;
	margin: 5px;
	}
	
#menu_2 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-size: 10pt;
	}	
	
#menu_2 li a:link, #menu_2 li a:visited {
	color: #FFF;
	display: block;
	background:  url("../pics/menu_2.gif");
	padding: 8px 0 0 35px;
	}
	
#menu_2 li a:hover {
	color: #FFF;
	background:  url('../pics/menu_2.gif') 0 -32px;
	padding: 8px 0 0 35px;
	}
	
#menu_2 li a:focus {
	color: #FFF;
	background:  url('../pics/menu_2.gif') 0 -32px;
	padding: 8px 0 0 35px;
	}

/*- Menu_2--END------------------------- */


#right_col {
	width: 160px;
	height:500px;
	background-color: #3E76A7;
	background-image:url('../pics/left_col_background.jpg');
	background-repeat:repeat-x;

	float: right;
}

#page_content {
	margin-left: 160px;
	margin-right: 160px;
	padding:0px;
	height:500px;
}

#page_content_box {
	background-color: white;
	border-width:1px;
	border-style:solid;
	border-color:#A1B7DC;
	margin-left:5px;
	margin-right:5px;	
	height:225px;
	position:relative;
	top:-10px;
}

#page_content_box1 {
	background-color:white;
	background-image:url('../pics/page_content_box_background.jpg');
	background-repeat:no-repeat;
	margin-top:15px;
	margin-left:30px;
	width: 42%;
	height:85%;
	float:left;
}

#page_content_box2 {
	background-color:white;
	background-image:url('../pics/page_content_box_background.jpg');
	background-repeat:no-repeat;
	margin-top:15px;
	margin-right:30px;
	width: 42%;
	height:85%;
	float:right;
}

#footer {
	clear: both;
	width:auto;
	height:90px;
	background-color: #3E76A7;
}
