body { width:950px; font-family:Arial, helvetica, sans-serif; font-size:80%; color:#333; margin:0 auto; background:#ccc url(graphics/bg.jpg) 0 0 repeat-x }

a { color:#333; text-decoration:none }
a:hover { color:#4c88cb }
img { border:0 }
h1 { font-size:150%; font-weight:normal; line-height:150%; margin:0 0 30px }
h1 strong { color:#4c88cb }
h2 { font-size:150%; font-weight:normal; margin-bottom:20px }
h2 strong { color:#4c88cb }
hr { margin:8px 0; height:1px; border:0; color:#7c7c7c; background:#7c7c7c }



#header { width:100%; height:100px; margin-top:25px; font-size:110%; color:#5c6165 }


#mainmenu { float:right; margin-top:38px; font-size:100%; text-align:center }
a.off { padding:10px 10px 14px 10px; color:#4d4d4d; background:url(graphics/mainmenu/bg.gif) 0 50% repeat-x }
a.off:hover { color:#4c88cb }
a.on { padding:10px 10px 14px 10px; color:#fff; background:url(graphics/mainmenu/bg-on.gif) 0 50% repeat-x }
a.on:hover { color:#fff }
#mainmenu .end_left { padding:11px 8px 15px 9px; background:url(graphics/mainmenu/end-left.gif) 0 50% no-repeat }
#mainmenu .end_left_on { padding:11px 8px 15px 9px; background:url(graphics/mainmenu/end-left-on.gif) 0 50% no-repeat }
#mainmenu .end_right { padding:11px 9px 15px 8px; background:url(graphics/mainmenu/end-right.gif) 100% 50% no-repeat }
#mainmenu .end_right_on { padding:11px 9px 15px 8px; background:url(graphics/mainmenu/end-right-on.gif) 100% 50% no-repeat }

/* CSS Dropdown Menus */
#csstopmenu, #csstopmenu ul { margin:0; padding:0; list-style:none }
#csstopmenu ul.submenus { position:absolute; top:25px; left:0; width:250px; z-index:1; padding:0 }
#csstopmenu li { float:left; position:relative; padding:12px 0 }

.submenus { display:none; width:10em; position:absolute; top:0; left:0; background-color:#e2e2e2 }
.submenus li { width:100%; font-size:90%; font-weight:normal; text-align:left }
.submenus li a { display:block; width:100%; color:#000030; padding:10px 12px 4px 20px }
html>body .submenus li a { /* non IE browsers */ width:auto }
.submenus li a:hover { color:#c843ae }

#csstopmenu li>ul {/* non IE browsers */ top:auto; left:auto }
#csstopmenu li:hover ul, li.over ul { display:block }
html>body #clearmenu { /* non IE browsers */ height:3px }




#contentlayout { margin:30px 0 0 }

#content { float:right; padding-left:30px; width:680px }
#contentfullwidth { padding-left:10px }

.sidebar { float:left; width:227px }


.checkboxes1 { float:left; line-height:250% }
.checkboxes2 { float:left; width:200px; line-height:250% }



.boxout .title { height:30px; color:#fff; font-size:120%; font-weight:bold }
.boxout .main { padding:10px 20px; font-size:110%; background:#f7f7f7 }
.boxout .foot .left { float:left; width:10px; height:10px; background:url(graphics/boxouts/main-bl.gif) 0 100% no-repeat }
.boxout .foot .right { float:right; width:10px; height:10px; background:url(graphics/boxouts/main-br.gif) 100% 100% no-repeat }
.boxout .foot .middle { height:10px; margin:0 10px; background:#f7f7f7 }

.boxout ol { margin:0; padding-left:15px; font-size:85% }
.boxout html>body ol { margin:0 10px 0 0 }
.boxout li { padding:10px 0 5px; color:#4c88cb; font-weight:bold }
.boxout li div { color:#333; font-weight:normal }

.blue .left { float:left; width:10px; height:30px; background:url(graphics/boxouts/corner-tl-blue.gif) 0 0 no-repeat }
.blue .right { float:right; width:10px; height:30px; background:url(graphics/boxouts/corner-tr-blue.gif) 100% 0 no-repeat }
.blue .body { height:30px; margin:0 10px; padding:6px 0 0 5px; background:url(graphics/boxouts/bg-blue.gif) 0 0 repeat-x }
.green .left { float:left; width:10px; height:30px; background:url(graphics/boxouts/corner-tl-green.gif) 0 0 no-repeat }
.green .right { float:right; width:10px; height:30px; background:url(graphics/boxouts/corner-tr-green.gif) 100% 0 no-repeat }
.green .body { height:30px; margin:0 10px; padding:6px 0 0 5px; background:url(graphics/boxouts/bg-green.gif) 0 0 repeat-x }

.button { float:right }
.button a { padding-right:10px; font-size:90%; color:#fff; background:url(graphics/arrow-right-white-small.gif) 100% 50% no-repeat }
.button a:hover { color:#333 }
.button .left { float:left; width:11px; height:22px; background:url(graphics/buttons/left-green.gif) 0 0 no-repeat }
.button .right { float:right; width:11px; height:22px; background:url(graphics/buttons/right-green.gif) 100% 0 no-repeat }
.button .body { height:22px; margin:0 11px; padding:2px 0 0; text-align:center; background:url(graphics/buttons/bg-green.gif) 0 0 repeat-x }




#footer { padding:50px 0 30px; font-size:85%; color:#5c6165 }
#footer strong { color:#4c88cb }
#footer a { color:#5c6165 }
#footer a.webdesign { color:#999 }
#footer a:hover { color:#4c88cb }


.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }
.floatleft { float:left }
.floatright { float:right }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }

#trace, .trace { border:solid 1px #ff0000 }