/* CSS Document */

body {margin:0 auto; padding:0; background:#ffffff; font-family:Arial, Helvetica, sans-serif;}
p,h1,h2,h3,ul,li {margin:0; padding:0;}
ul,li {margin:10px; list-style: bullet; font-size:13px;  font-family:Arial, Verdana, Sans-Serif; color:#666666;}
form {margin:0 auto;}
pre {font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
fieldset {border:0; margin:0; padding:0;}

/* ================================== GENERAL ======================================== */
.clear {clear:both;}
.right_t {text-align:right;}
.center_t {text-align:center;}
.spacer {height:10px; padding:0; margin:0;}
.orange {color:#f78934;}
.eventheader{ background-color: #f78934; font-weight: bold;}
.eventmonth{font-weight: bold;}

/* ================================== Main Container ================================= */
#container {margin:0 auto; width:946px;}
#container #header {margin:0 auto; width:946px;}
#container #banner {margin:0 auto; width:946px; padding:0 0 30px 0px;}
#container #main {margin:0 auto; width:946px; padding:0 0 20px 0;}
#container #footer {margin:0 auto; width:946px; background:#f3f3f3;}

/* ================================== HEADER ========================================= */
#container #header .top {width:946px; margin:0 auto; height:122px;}
#container #header .top .logo {float:left; padding:14px 40px 0 26px; width:243px;}
#container #header .top .arrow {float:left; width:138px; padding:42px 0 0 0; margin:0;}
#container #header .top .language {float:left; margin:40px 0 0 0; background:url(../images/language_bg.gif) no-repeat top left; height:25px; width:458px; padding:0 0 0 40px;}
#container #header .top .language .l_text { float:left; width:40%; padding:3px 0 0 0; font-size:11px; color:#005596;}
#container #header .top .language .r_search {float:right; width:50%; margin:0; padding:0;}
#container #header .top .language .r_search .search_t {float:left; font-size:11px; color:#005596; padding:5px 3px 0 0;}
#container #header .top .language .r_search .search_textbox {float:left; padding:3px 3px 0 0;}
#container #header .top .language .r_search .search_button {float:left; padding:6px 0 0 0;}

#container #header .nav {width:946px; margin:0 auto; height:29px; background:url(../images/nav_bg_l.gif) no-repeat left #f78934;}
#container #header .nav .left_nav { float:left; width:943px;} 
#container #header .nav .left_nav .menu {text-align:right; color:#FFFFFF; font-size:12px; font-weight:bold; padding:7px 30px 0 0;}
#container #header .nav .left_nav .menu a {color:#FFFFFF; text-decoration:none;}
#container #header .nav .left_nav .menu a:hover {color:#000000; text-decoration:none;}
#container #header .nav .r_img {float:right; width:3px; text-align:right;}

#container #header .h_bottom {width:946px; margin:0 auto;}
#container #header .h_bottom .lf_nav { width:298px; float:left; margin:15px 0 0 0; padding:0;}
#container #header .h_bottom .lf_nav ul {margin:0 0 0 0px; padding:0;}
#container #header .h_bottom .lf_nav ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4d; font-weight:bold; padding:5px 0 5px 0; background:url(../images/dots.gif) repeat-x bottom;}
#container #header .h_bottom .lf_nav ul li a {background:url(../images/bullet.gif) 5px no-repeat; color:#4d4d4d; text-decoration:none; padding:5px 0 5px 25px;}
#container #header .h_bottom .lf_nav ul li a:hover {background:url(../images/bullet_h.gif) 10px no-repeat; color:#005596; text-decoration:none; padding:5px 0 5px 25px;}
#container #header .h_bottom .r_banner {width:616px; float:right; margin:16px 0 28px 0;}

/* ================================== BANNER ========================================= */
#container #banner .blue_banner {background:url(../images/vol_blue_banner_bg.gif) no-repeat left; width:300px; float:left; margin:0 22px 0 0; height:140px;}
#container #banner .green_banner {background:url(../images/vol_green_banner_bg.gif) no-repeat left; width:300px; float:left; margin:0 22px 0 0; height:140px;}
#container #banner .orange_banner {background:url(../images/vol_orange_banner_bg.gif) no-repeat left; width:300px; float:left; margin:0; height:140px;}
#container #banner h2 {font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#FFFFFF; padding:15px 10px 5px 15px;}
#container #banner p {font-family:Arial, Helvetica, sans-serif; font-size:76%; color:#FFFFFF; padding:0 15px; margin:0;}
#container #banner p a {text-decoration:underline; color:#FFFFFF;}
#container #banner p a:hover {text-decoration:none; color:#FFFFFF;}

#container #banner fieldset {border:0; margin:0; padding:10px 15px 15px 15px;}

/* ================================== BODY ========================================= */
#container #main .m_left {width:193px; float:left; background:url(../images/left_bg.gif) repeat-y top;}
#container #main .m_left h3 {background:url(../images/blue_title_bg.gif) no-repeat top; height:26px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#FFFFFF; text-transform:uppercase; text-align:center; font-weight:normal; padding:7px 0 0 0;}
#container #main .m_left .title2 {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-align:center; color:#005596; padding:3px 0;}
#container #main .m_left .img1 {text-align:center; color:#005596; padding:10px 0 20px 0;}
#container #main .m_left p {text-align:center; font-size:11px; color:#000000; padding:5px; margin:5px;}
#container #main .m_left p a {color:#0066CC; text-decoration:underline;}
#container #main .m_left p a:hover {color:#000000; text-decoration:none;}
#container #main .m_left .img2 { width:153px; padding:15px 0; border-top:dotted 1px #CCCCCC; border-bottom:dotted 1px #CCCCCC; margin:0 auto;}
#container #main .m_left .apply {background:#f9f9f9; margin:0 auto; width:133px; padding:15px 10px 25px 10px; border-top:#ffffff 4px solid; font-size:12px;}
#container #main .m_left .bottom_img {width:193px; height:9px;}

#container #main .m_content {width:540px; float:left; margin:0 auto; padding:0 10px;}
#container #main .m_content h1 {font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold; color:#005596; margin:5px; padding:5px;}
#container #main .m_content p {font-size:13px; margin:5px; padding:5px; font-family:Arial, Verdana, Sans-Serif; color:#666666;}
#container #main .m_content p a {color:#0066CC; text-decoration:underline;}
#container #main .m_content p a:hover {color:#000000; text-decoration:none;}
#container #main .m_content div {font-size:13px; margin:5px; padding:5px; font-family:Arial, Verdana, Sans-Serif; color:#666666;}
#container #main .m_content div a {color:#0066CC; text-decoration:underline;}
#container #main .m_content div a:hover {color:#000000; text-decoration:none;}
#container #main .m_content .img { float:left; margin:0 10px 5px 0; border:2px solid #51b948;}
#container #main .m_content .m_bottom {background:url(../images/body_gradient_bg.gif) repeat-x top; padding:5px; margin-top:20px;}
#container #main .m_content .m_bottom h2 {font-size:1.3em; color:#005596; padding:5px; margin:5px; font-weight:bold;}
#container #main .m_content .m_bottom .dot_box {border:dashed 1px #666666; margin:0 auto; width:475px; padding:5px;}

#container #main .m_right {width:193px; float:right;}
#container #main .m_right .box1 {width:193px; float:left; background:url(../images/left_bg.gif) repeat-y top; margin-bottom:15px;}
#container #main .m_right .box1 h3 {background:url(../images/green_title_bg.gif) no-repeat top; height:26px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#FFFFFF; text-transform:uppercase; text-align:center; font-weight:normal; padding:7px 0 0 0;}
#container #main .m_right .box1 .r_bottom_img {width:193px; height:9px;}
#container #main .m_right .box1 p {text-align:left; font-size:.75em; color:#666666; padding:15px 5px; line-height:17px; margin:5px;}
#container #main .m_right .box1 p a {color:#0066CC; text-decoration:underline;}
#container #main .m_right .box1 p a:hover {color:#000000; text-decoration:none;}
#container #main .m_right .box1 .link {text-align:center; padding:0;}
#container #main .m_right .box1 .link a {color:#0066CC; text-decoration:underline; text-align:center;}
#container #main .m_right .box1 .link a:hover {color:#000000; text-decoration:none;}
#container #main .m_right .box1 .news_title {background:url(../images/bullet_notepad.gif) no-repeat left; padding:0 0 0 20px; font-size:1em; color:#005596; margin:10px 5px 5px 10px;}
#container #main .m_right .box1 .news_text {color:#666666; padding:0 10px 0 15px; font-size:.75em; line-height:14px;}

/* ================================== FOOTER ========================================= */
#container #footer .f_middle {background:#f3f3f3;}
#container #footer .f_middle p a {color:#666666; text-decoration:underline;}
#container #footer .f_middle p a:hover {color:#666666; text-decoration:none;}

#container #footer .f_middle .footer_left {float:left; width:35%; padding:15px; margin-left:20px; font-size:76%; color:#666666; text-align:left;}
#container #footer .f_middle .footer_right {float:right; width:45%; padding:20px 15px; margin-right:20px; font-size:76%; color:#666666; text-align:right;}
#container #footer .f_middle .footer_header {float:right;  font-size:50%; color:#666666; text-align:right;}

/* ================================== FOOTER BOTTOM ========================================= */
#container .certfication {margin:0 auto; padding:15px; text-align:right;}