@charset "utf-8";

/* CSS Document */



#wrapper {

	background-color: #FFFFFF;

	width: 760px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(Images/wrapper_background.gif);

}

#home_wrapper {

	background-color: #FFFFFF;

	width: 760px;

	margin-right: auto;

	margin-left: auto;

}



#header {

	height: 235px;

	width: 760px;

	margin-top: 0px;

}

#navContainer {

	height: 26px;

	width: 760px;

	margin-bottom: 0px;

	padding: 0px;

	margin-top: 0px;

}

#content {

	height: auto;

	width: 760px;

}

#leftColumn {

	float: left;

	width: 240px;

	margin-left: 0px;

	text-indent: 0px;

	background-color: #FFFFFF;

	border-right-width: 0px;

	padding-left: 20px;

	padding-right: 10px;

	margin-bottom: 0px;

}

#rightColumn {

	float: right;

	width: 450px;

	background-color: #FFFFFF;

	padding-top: 25px;

	margin-right: 40px;

}

.H1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #0055a6;

	margin-right: 0px;

	margin-left: 20px;

}

#leftColumnNav {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #0099FF;

	float: left;

	font-style: normal;

	font-variant: normal;

	border-right-color: #000000;

	width: 175px;

	background-repeat: no-repeat;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 135px;

	padding-bottom: 0px;

	height: 375px;

	background-image: url(Images/side_nav_bar.jpg);

}

#leftColumnNav2 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #0099FF;

	float: left;

	font-style: normal;

	font-variant: normal;

	border-right-color: #000000;

	width: 175px;

	background-repeat: no-repeat;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 135px;

	padding-bottom: 0px;

	height: 375px;

	background-image: url(Images/side_nav_bar2.jpg);

}

#leftColumnNav3 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #0099FF;

	float: left;

	font-style: normal;

	font-variant: normal;

	border-right-color: #000000;

	width: 175px;

	background-repeat: no-repeat;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 135px;

	padding-bottom: 0px;

	height: 375px;

	background-image: url(Images/side_nav_bar3.jpg);

}

#leftColumnNav4 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #0099FF;

	float: left;

	font-style: normal;

	font-variant: normal;

	border-right-color: #000000;

	width: 175px;

	background-repeat: no-repeat;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 135px;

	padding-bottom: 0px;

	height: 375px;

	background-image: url(Images/side_nav_bar4.jpg);

}

#leftColumnNav5 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #0099FF;

	float: left;

	font-style: normal;

	font-variant: normal;

	border-right-color: #000000;

	width: 175px;

	background-repeat: no-repeat;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 135px;

	padding-bottom: 0px;

	height: 375px;

	background-image: url(Images/side_nav_bar5.jpg);

}

#leftColumnNav6 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #0099FF;

	float: left;

	font-style: normal;

	font-variant: normal;

	border-right-color: #000000;

	width: 175px;

	background-repeat: no-repeat;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 135px;

	padding-bottom: 0px;

	height: 375px;

	background-image: url(Images/side_nav_bar6.jpg);

}

#leftColumnNav7 {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #0099FF;

	float: left;

	font-style: normal;

	font-variant: normal;

	border-right-color: #000000;

	width: 175px;

	background-repeat: no-repeat;

	padding-right: 0px;

	padding-left: 0px;

	padding-top: 135px;

	padding-bottom: 0px;

	height: 375px;

	background-image: url(Images/side_nav_bar7.jpg);

}

#leftColumnNav ul {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

	list-style-type: none;

	display: block;

}





#rightColumnSub {

	float: right;

	width: 565px;

	padding-top: 35px;

	padding-bottom: 200px;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding-right: 0px;

	padding-left: 0px;

}



.paragraph {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #666666;

}

.p2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin-right: 45px;
	margin-left: 20px;
}

.p3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #3366CC;

	margin-left: 20px;

	margin-right: 45px;

}





.h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #ff9900;

}

.anchor {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #ff9900;

	margin-left: 20px;

}



.h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #333333;

}

.h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #FF9900;

	margin-left: 20px;

}

.h5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #0055a6;

	margin-left: 20px;

}

.h6 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #0055a6;

	margin-left: 0px;

}



#white_division {

	background-color: #FFFFFF;

	height: auto;

	width: 760px;

	border-right-style: dotted;

	margin-top: 20px;

	border-right-width: 1px;

	border-right-color: #000000;

}

ul {

	list-style: none; /* Remove the bullets */

	margin: 0;

	width:175px;

	padding-right: 0;

	padding-left: 0;

	color: #FFFFFF;

      }

ul li {

	display: block; /* Make a menu item a block (height 100%, width 100%) */

	height:100%;

	width:174px;

	position: relative;

	float:left;

	padding-bottom: 5px;

	text-align: center;

	padding-top: 5px;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 1pt;

	border-left-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #2b8cd1;

	border-right-color: #2b8cd1;

	border-bottom-color: #2b8cd1;

	border-left-color: #2b8cd1;

	background-color: #006ebb;

}

ul li a{

      display:block; /* When rollover the menu item, the whole item will be seen as link. */ }

ul li a:hover {} ul ul {

      position: absolute;
      color: #000000;
      top: 0;

      display:none; /* Display nothing when not 'hovered' */ }

ul li ul li{}

ul li ul li a:hover{}

ul li:hover ul{

	display: block; /* Make sure the submenu is displayed as blocks as well. */

	left:150px; /* Your menu width. The submenu appears there, when you hover a menu item. */

}

.navigation {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

}
