body { margin: 0; font: 12px 'lucida sans', 'lucida grande', Arial, Helvetica, sans-serif;    line-height: 1.5em; background: #144d7f url(images/main_bg.jpg) repeat-x;  }

h1,h2,h3,h4,h5,
ul, ol, li, p { margin: 0; padding: 0; }

h1 { font: normal 1.8em 'lucida sans', 'lucida grande', arial, helvetica, sans-serif; color: #144d7f; padding: 5px 0; margin: 5px 0; }
h2 { font: normal 1.4em 'lucida sans', 'lucida grande', arial, helvetica, sans-serif; color: #cea70a; padding: 5px 0; margin: 5px 0; }
h3 { font: normal 1.2em 'lucida sans', 'lucida grande', arial, helvetica, sans-serif; color: #cea70a; padding: 5px 0; margin: 5px 0; }
h4 { font: normal 1.0em 'lucida sans', 'lucida grande', arial, helvetica, sans-serif; color: #cea70a; padding: 5px 0; margin: 5px 0; }
h5 { font: normal 0.9em 'lucida sans', 'lucida grande', arial, helvetica, sans-serif; color: #cea70a; padding: 5px 0; margin: 5px 0; }
h6 { font: normal 0.8em 'lucida sans', 'lucida grande', arial, helvetica, sans-serif; color: #cea70a; padding: 5px 0; margin: 5px 0; }

p { margin: 10px 0; }
a { color: #144d7f; }
a:hover { text-decoration: none; }


/*    structured divs
-------------------------------------------------------------------*/

#WSL { width: 100%; float: left; background: url('images/waterDrop.jpg') right bottom no-repeat; }

#frame { width: 935px; margin: 40px auto; background: #ecebeb url('images/frame_top.jpg') 0 0 no-repeat; }

#frame_s { width: 935px; float: left; padding: 0 0 9px 0; background: url('images/frame_bottom.jpg') 0 bottom no-repeat; }

#header { width: 935px; float: left; background: url('images/header.jpg') 0 bottom repeat-x; }

#body { width: 935px; float: left; background: #fcfcfc url('images/body.jpg') 0 0 repeat-x; }

#footer { width: 895px; padding: 20px; float: left; font-size: .9em; color: #737373; background: #000; }


/*    constructive elements
-------------------------------------------------------------------*/

#header h1#logo { width: 327px; float: left; padding: 30px; margin: 0; }
#header h1#logo a { width: 327px; height: 83px; float: left; text-indent: -9999px; background: url('images/logo.jpg') 0 0 no-repeat; }

#header #contact { width: 222px; height: 91px; padding: 10px 15px 10px 15px; float: right; margin: 20px 20px 20px 20px; color: #4f4e4e; background: url('images/contact_info.jpg') 0 0 no-repeat; }
#header #contact li { list-style: none; padding: 0px 0; }
#header #contact a { color: #4f4e4e; }

#body #actions { width: 100%; float: left; padding: 15px 0 20px 0; }
#body #actions #grayBox { width: 342px; float: left; color: #414040; background: url('images/gray_top.jpg') 0 0 no-repeat; }
#body #actions #grayBox_s { width: 342px; float: left; background: url('images/gray_bottom.jpg') 0 bottom no-repeat; }
#body #actions #grayBox h1{font-size: 1.5em; font-weight: normal; margin: 0; padding: 15px 25px; text-align: right; background: #c4c2c2 url('images/grayTitle.jpg') right 0 no-repeat;}
#body #actions #blueBox { width: 569px; float: right; color: #023560; background: url('images/blue_top.jpg') 0 0 no-repeat; }
#body #actions #blueBox_s { width: 569px; float: left; background: url('images/blue_bottom.jpg') 0 bottom no-repeat; }
#body #actions #blueBox h1{font-size: 1.5em; font-weight: normal; margin: 0; padding: 15px 25px; text-align: right; background: #8bb0d0 url('images/blueTitle.jpg') left 0 no-repeat;}
#body #actions .element{padding: 15px; float: left;}
#body #actions ul{ padding: 0 20px;}

#body #mainCol { width: 623px; height: auto; min-height: 400px; _height: 400px; padding: 20px 35px; float: right; background: #fff url('images/mainCol.jpg') 0 0 no-repeat; }
#body #mainCol h1{ color: #144d7f; font-weight: normal; }
#body #mainCol h2{ color: #cea70a; }
#body #mainCol ul, #body #mainCol ol { padding: 0 20px; }

#body #subCol { width: 175px; float: left; }
#body #subCol h1{ color: #000; font-size: 1.6em;}
#body #subCol h2{ color: #000; font-size: 1.4em;}
#body #subCol h3{ color: #000; font-size: 1.2em;}
#body #subCol #sideNav { width: 100%; float: left; background: #d8b116 url('images/sideTop.jpg') 0 0 no-repeat; }
#body #subCol #sideSec    { width: 100%; float: left; margin: 15px 0 0 0; background: #d8b116 url('images/sideSecTop.jpg') 0 0 no-repeat; }
body#noSideMenu #body #subCol #sideSec { margin: 0; background: #d8b116 url('images/sideTop.jpg') 0 0 no-repeat; }
#body #subCol #sideSec_s { width: 80%; padding: 10%; font-size: .9em; float: left; background: url('images/sideBottom.jpg') 0 bottom no-repeat; }
 
#footer a { color: #737373; }
#footer a:hover { text-decoration: none; }
#radium3 {float:right; margin: 25px 0 0 0;}

/*    menus
-------------------------------------------------------------------*/

.mainNav { width: 925px; float: left; padding: 15px 0 2px 10px; background: #000 url('images/mainNav.jpg') 0 bottom repeat-x; }
.mainNav li { list-style: none; float: left; margin: 0 5px;}
.mainNav li a { float: left; padding: 15px 10px 23px 9px; letter-spacing: -0.05em; color: #fff; font: normal 16px helvetica, arial; text-decoration: none; }
.mainNav li:hover, .mainNav li.selectedPage, .mainNav li.selectedPageRoot { background: #d8b116 url('images/mainNavRight.jpg') right 0 no-repeat; }
.mainNav li a:hover, .mainNav li.selectedPage a, .mainNav li.selectedPageRoot a { color: #000; background: url('images/mainNavLeft.jpg') left 0 no-repeat; }

.footNav { width: 895px; float: left; padding: 0 0 10px 0; }
.footNav li { list-style: none; float: left; }
.footNav li a { float: left; padding: 0px 15px 0 0; }

.sideNav_s { width: 100%; float: left; padding: 10px 0; background: url('images/sideBottom.jpg') 0 bottom no-repeat; }
.sideNav_s li{ list-style: none; border-bottom: 1px solid #bb980c; border-top: 1px solid #ebc632; }
.sideNav_s li a { display: block; padding: 10px 25px 10px 30px; text-decoration: none; color: #2b2929; background: url('images/arrow.gif') 15px 15px no-repeat; }
.sideNav_s li a:hover, .sideNav_s li.selectedPage a { background: #ebc632 url('images/arrow.gif') 15px 15px no-repeat; }


/* Goodies
-------------------------------------------------------------------*/

.clear:after { content:'.'; height: 0; font-size: 0; float: left; clear: both; display: block; }
.padded { padding: 20px; float: left; }
.image { width: 200px; padding: 10px; background: #eee; }
.searchInput { width: 130px; margin: 0 0 10px 0; }
.searchButton { float: right; }




/* Admin
-------------------------------------------------------------------*/

html body #adminbar { width: 100% !important; display: block; }
html body #adminbar #toolbar,
html body #adminbar #pagebar { display: block; }



