@charset "utf-8";
/* screen Stylesheet */

/* reset.css */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* Typography Stylesheet */
body, p, h1, h2, h3, a, li {font-family: Arial, Helvetica, sans-serif;}
body {font-size: 100%;}
p {font-size: 0.75em; line-height: 1.4em;}
h1 {font-size: 1.125em; font-weight:normal; line-height: 1.3em; margin-bottom:1em;}/*18px*/
h2 {font-size: 0.875em; font-weight:800; line-height: 1.3em;}/*14px*/
h3 {font-size: 0.8em; font-weight:700; line-height: 1.3em;}
#topmenu a, #globel_nav a{ font-size: 0.875em; text-decoration: none;}
#globel_nav li {list-style-type: none; font-size: 15px;}
#mainfoot p {font-size: 11px;}
#mainfoot li {font-size: 0.75em;}
#side_menu, #side_menu li, #side_menu ul{ list-style-type: none;}
#side_menu li {font-size: 14px;}
#side_menu li, #related_links ul, #related_links li, #leftcont li{font-size: 12px;}
#content li {font-size: 0.75em; margin-left: 15px; list-style:disc; line-height:1.4em;}
#content ul {list-style:disc;}
#rightcont li {font-size: 0.75em; margin-left: 15px; list-style:disc;}
#rightcont ul {list-style:disc;}
#leftcont ul, #leftcont li {list-style-type: none;}
#leftcont h1 {margin: 0px;}
.bigfont {font-size: 1.125em; font-weight: 450;} /*for 16px font is 18px*/
#current_page {font-weight: bold;}

/* Color Stylesheet */
a {color: #1f80b9;}
a:hover {color: #6c9c38;}
body, p {color: #333;}
p {margin-bottom:18px;}
h1 {color: #666666;}
.bluecolor {color: #0b77b2;}
.graybck {background-color: #e9e7e7;}
.bluebck {background-color: #0b77b2;}
.greenbck {background-color: #6c9c38;}
.orangecol {color: #f90;}
.whitecol, .greenbck#leftcont p, .borderl, .greenbck#leftcont a {color: #fff;}
.selected {color: #6c9c38;}
#topmenu {color:#0b77b2;}
#leftcont, #rightcont, #leftnav  {border-bottom-color: #FFF;}
#header p {color: #FFF;}
#globel_nav {background-image: url(../images/bg_globalnav.gif); background-repeat: no-repeat; background-position: right top;}
#globel_nav ul {width:100%;}
#globel_nav li {background-color: #e8ded0; height:25px;}
#globel_nav li a {text-decoration: none; color: #0b77b2;}
#globel_nav li a:hover, #globel_nav .currentpage a {color: #6c9c38;}
#leftnav li a {color:#FFF;}
#leftnav li a:hover {color:#CCC;}
#content ul {list-style:disc; margin-bottom: 18px;}
.borleft {border-left-color: #1f80b9;}
#side_menu a:link, #side_menu a:visited, #side_menu a:active { color: #FFFFFF; background-color: #6c9c38;}
#side_menu a:hover, #side_menu a:focus { color: #333333; background-color:#99CCFF;}
#side_menu ul li a:link, #side_menu ul li a:visited { color: #FFFFFF; background-color: #6c9c38;}
#side_menu ul li a:hover, #side_menu ul li a:focus, #side_menu ul li a:active { color: #FCC000; background-color: #6c9c38;}
#related_links a { color: #6c9c38;}
.error {color:#900;}


/* Layout Stylesheet */
.clearboth {clear: both;}
.clearright {clear: right;}
.clearleft {clear: left;}
.leftflot {float: left;}
.rightflot {float: right;}
#container {position:relative; width:750px; margin: 0px auto; top: -10px; padding: 0px;}
#topmenu {float: right; width: 42%; height: 15px; text-align: right; vertical-align:middle; padding: 15px 0px;}
#header {width: 100%; height: 95px;}
#header img {float: left; width: 250px; padding: 5px 0px 5px 20px;}
.borleft {border-left-style: solid; border-left-width: 1px;}

#globel_nav { width: 100%; text-align: center; margin: 2px 0px; height:37px;} 
#globel_nav ul{text-align:center;}
#globel_nav li{ float:left; display:block; text-align:center; margin-right:2px; padding: 5px 21px;}
#lastitem {margin-right:0px; width: 120px;}

#left_col { width: 187px; float: left; clear: both;}
#side_menu { width: 187px; margin: 0 0 2px 0; background-color: #6c9c38;}
#side_menu a { width: 174px; /* = 187 - 3 - 10 */ display: block; padding: 5px 3px 5px 10px; text-decoration: none; border-bottom: 1px solid #FFFFFF;}
#side_menu li.menu_header a, #side_menu li.menu_header a:link, #side_menu li.menu_header a:visited, #side_menu li.menu_header a:hover, #side_menu li.menu_header a:focus, #side_menu li.menu_header a:active {
	padding: 10px 3px 10px 10px; font-weight: bold; color: #FCC000; background-color: #6c9c38;
}
#side_menu ul {padding: 5px 0; display: block; /* hidden or shown later via Javascript */ border-bottom: 1px solid #FFFFFF;}
#side_menu ul li a { width: 143px; /* = 165 - 2 - 20 */ padding: 0px 2px 0px 15px; border-bottom: none;}
#related_links {width: 187px;}
#related_links h1 { font-size: 14px; margin: 0px; padding: 15px 0 0 20px; font-weight:normal;}
#related_links ul { margin: 0 5px 0 0px; padding: 10px 0px; list-style-type: none;}
#related_links li { padding: 0 0 5px 20px;}

#header_image { margin-bottom:20px; float: right; width: 560px; height: 160px;}
#content { float: right; padding-bottom:18px;}
.narrow_content { width: 403px;}
.wide_content { width:540px;}

#mainfoot {width: 100%; height: 35px;}
#mainfoot p {float: left; width: 45%; padding: 7px 0;}
.nobotmarign {margin-bottom:0px;}

.borderl {border-left-style: solid; border-left-width: 3px; padding: 0px 2.5%; margin-top: 0px;}
#leftcont {float: left; width: 250px; border-bottom-style: solid; border-bottom-width: 3px; padding-top: 20px;}
.greenbck#leftcont {height: 232px;}
.graybck#leftcont {height: 145px;}
#leftcont h1, #leftcont h2, #leftcont li {padding-left: 10%; padding-bottom: 7px;}
#leftcont p {padding-left: 10%; margin-bottom:0px;}
#rightcont {float: right;}
#rightpicture {float: right}
.widhtcont {width: 500px;}
.padd {width: 445px; padding: 20px 25px 10px 30px;}

#eventContent {margin: 0px 0px 0px 227px; padding-bottom: 10px; min-height: 450px;} 
#eventleft { float: left; margin-top: 0px; width: 225px; min-height:450px;}