@charset "utf-8";

/* Every Page ----------------------------------------------------------------------------------------------------------*/

* { padding: 0; margin: 0px 0px 0px 0px;}
body {font: 12px Arial, Helvetica, sans-serif; background: #efefdf; background-image:url(../graphics/back.jpg); background-repeat:repeat-x; background-position:top center; padding:0px; margin:0px;}
.arrow {padding-left: 10px; padding-right: 10px; color:#000000;}
img {border: 0px;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#000000; font-weight:bold; margin:5px 5px 5px 0px; padding:0; border-bottom:2px solid #B2D1E3; text-align:left;}
h2 {font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size : 12px; padding : 7px 0px 0px 5px;} 
h3 {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#000000; font-weight:bold; margin:5px 30px 10px 130px; padding:0; border-bottom:2px solid #B2D1E3; text-align:left;}
h4 {font-size: 14px;}
h5 {font-size: 14px; color:#FFF;}
a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; border: 0px; text-decoration: none;}
a:hover { color: #09F; text-decoration: none;}
a:active { color: #09F; text-decoration: none;}
.style1 {color: #FFFF00;}
.style2 {color: #00C; text-decoration: underline; font-weight:normal; font-size:12px;}

/* Column 1 ----------------------------------------------------------------------------------------------------------*/
#column1 {width: 180px; height: auto; float: left; margin: 0px 5px 0px 5px;}
#column1banner1 { background-image:url(../graphics/columnbanner.jpg); width: 178px; height: 30px; border-top: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-left: 1px #c0c0c0 solid;}
#column1box1 {width: 178px; height: auto; border-bottom: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-left: 1px #c0c0c0 solid; background-color: #dddddd;}
#column1banner1a { background-image:url(../graphics/columnbanner.jpg); width: 178px; height: 30px; border-top: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-left: 1px #c0c0c0 solid; margin-top: 10px;}
#column1box1a {width: 178px; height: auto; border-bottom: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-left: 1px #c0c0c0 solid; background-color: #dddddd;}

/* Top ----------------------------------------------------------------------------------------------------------*/
#banner {
	width: 992px;
	height: 199px;
	margin: 0px auto;
	padding: 0px;
}
#nav {width: 992px; height: 46px; margin: 0px auto; background-color: #212121;}
#button1 {width: 141px;	height: 40px; padding-top: 6px; float: left; position: relative;}
#button2 {width: 141px; height: 40px; padding-top: 6px; float: left; position: relative;}
#button3 {width: 141px; height: 40px; padding-top: 6px; float: left; position: relative;}
#button4 {width: 141px; height: 40px; padding-top: 6px; float: left; position: relative;}
ul, li {margin:0; padding:0; list-style:none;}

.menu_class {border:0px; z-index:999; cursor:pointer;}
.the_menu {display:none; width:204px; border: 1px solid #1c1c1c;}
.the_menu li {background-color: #302f2f;}
.the_menu li a {color:#FFFFFF; text-decoration:none; padding:2.5px 5px 2.5px 5px; display:block;}
.the_menu li a:hover { padding:2.5px 5px 2.5px 5px; font-weight:bold; color: #FFFF00;}

.menu_class1 {border:0px; z-index:999; cursor:pointer;}
.the_menu1 {display:none; width:180px;}
.the_menu1 li a { height: 25px; voice-family: "\"}\""; voice-family: inherit; height: 21px; text-decoration: none;}	
.the_menu1 li a:link, .the_menu1 li a:visited { color: #ffffff; display: block; background: url(../graphics/menu.jpg); padding: 5px 0px 0px 30px;}
.the_menu1 li a:hover {padding: 5px 0px 0px 30px; color:#FFFF00; background: url(../graphics/menu.jpg) 0 -25px; }

.menu_class2 {border:0px; z-index:999; cursor:pointer;}
.the_menu2 {display:none; width:180px;}
.the_menu2 li a { height: 25px; voice-family: "\"}\""; voice-family: inherit; height: 21px; text-decoration: none;}	
.the_menu2 li a:link, .the_menu2 li a:visited { color: #ffffff; display: block; background: url(../graphics/menu.jpg); padding: 5px 0px 0px 30px;}
.the_menu2 li a:hover {padding: 5px 0px 0px 30px; color:#FFFF00; background: url(../graphics/menu.jpg) 0 -25px; }

.menu_class3 {border:0px; z-index:999; cursor:pointer;}
.the_menu3 {display:none; width:180px;}
.the_menu3 li a { height: 25px; voice-family: "\"}\""; voice-family: inherit; height: 21px; text-decoration: none;}	
.the_menu3 li a:link, .the_menu3 li a:visited { color: #ffffff; display: block; background: url(../graphics/menu.jpg); padding: 5px 0px 0px 30px;}
.the_menu3 li a:hover {padding: 5px 0px 0px 30px; color:#FFFF00; background: url(../graphics/menu.jpg) 0 -25px; }

#nav2 {width: 428px; height: 40px; float: left; text-align:right; padding-top: 6px;}

/* Column Navigation ----------------------------------------------------------------------------------------------------------*/
#links { border: 1px solid #262626; background: #CECBCE; margin: 0px 0px 0px 0px; width: 176px; height: auto;}
#menu { width: 176px; text-align: left;}
#menu li a { height: 25px; voice-family: "\"}\""; voice-family: inherit; height: 21px; text-decoration: none;}	
#menu li a:link, #menu li a:visited { color: #ffffff; display: block; background: url(../graphics/menu1.jpg); padding: 5px 0px 0px 30px;}
#menu li a:hover { color:#FFFF00; background: url(../graphics/menu1.jpg) 0 -25px; padding: 5px 0px 0px 30px;}
#menu li a:active { color: #FFFF00; background: url(../graphics/menu1.jpg) 0 -50px; padding: 5px 0px 0px 30px;}

#links1 { border: 1px solid #262626; background: #CECBCE; margin: 0px 0px 0px 0px; width: 176px; height: auto;}
#menu1 { width: 176px; text-align: left;}
#menu1 li a { height: 25px; voice-family: "\"}\""; voice-family: inherit; height: 21px; text-decoration: none;}	
#menu1 li a:link, #menu1 li a:visited { color: #ffffff; display: block; background: url(../graphics/menu1.jpg); padding: 5px 0px 0px 30px;}
#menu1 li a:hover { color:#FFFF00; background: url(../graphics/menu1.jpg) 0 -25px; padding: 5px 0px 0px 30px;}
#menu1 li a:active { color: #FFFF00; background: url(../graphics/menu1.jpg) 0 -50px; padding: 5px 0px 0px 30px;}

/* Bottom Bar ----------------------------------------------------------------------------------------------------------*/
#bottombar1 {
	width: 980px;
	height:27px;
	margin: 0px auto;
	background-color:#FFF;
	border-left: 1px #c0c0c0 solid; 
	border-right: 1px #c0c0c0 solid;
	padding: 0px 5px 0px 5px;}
#bottombar2 {width: 100%; height:172px; margin: 0px auto; background-color:#212121;}
#bottombar2-1 {width: 992px; height:172px; margin: 0px auto;}
#bottombar2-2 {width: 391px; height:172px; float: left;}
#bottombar2-2t {width: 225px; height:78px; float: left; margin-top: 25px; border: 1px #000000 solid;}
#bottombar2-2a {width: 225px; height:30px; float: left; background-image:url(../graphics/columnbanner.jpg); border-bottom: 1px #000000 solid;}
#bottombar2-2b {width: 225px; height:48px; float: left; background-color: #464646;}
#bottombar2-2c {width: 215px; height:15px; float: left; background-color: #c0c0c0; margin-top: 15px; border: 1px #000000 solid; padding: 5px;}
#bottombar2-3 {width: 601px; height:147px; float: left; padding-top: 25px;}
#bottombar3 {width: 100%; height:84px; margin: 0px auto; background-color:#000000;}
#bottombar3-1 {width: 992px; height:84px; margin: 0px auto;}
#bottombar3-2 {width: 497px; height:50px; padding-top: 34px; float: left;}
#bottombar3-3 {width: 235px; height:53px; padding-top: 31px; padding-left: 5px; float: left; text-align:right;}
#bottombar3-4 {width: 255px; height:57px; padding-top: 27px; float: left; text-align:right;}