/* top elements */
* { padding: 0; margin: 0; }

body { background: url(images/background.jpg) repeat-x; margin-top: 10px; font: 12px Tahoma, Arial, Helvetica, sans-serif; background-color: #03034b; }

/* links */
a { background: inherit; color: #993333; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em Tahoma, Arial, Helvetica, sans-serif; color: #333; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.2em; }

p, h1, h2, h3 { margin: 10px 15px; }
ul, ol { margin: 10px 30px; padding: 0 15px; color: #993333; }

/* images */
img { border: 1px solid #DDD; padding: 5px; background-color: #FFF; }
img.float-right { margin: 5px 0px 5px 15px; }
img.float-left { margin: 5px 15px 5px 0px; }

/* form elements */
form { margin:10px 15px; padding: 0; border: 1px solid #eee; background-color: #FAFAFA; }
label { display:block; font-weight:bold; margin:5px 0; }
input { padding: 2px; border:1px solid #eee; font: normal 1em Tahoma, Arial, Helvetica, sans-serif; color:#777; }
textarea { width:400px; padding:2px; font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
  border:1px solid #eee; height:100px; display:block; color:#777; }
input.button { margin: 0; font: bold 1em Tahoma, Arial, Helvetica, sans-serif; border: 1px solid #CCC; 
  background: #FFF; padding: 2px 3px; color: #333; }

/* LAYOUT */
#wrap { width: 770px; margin: 0 auto; background: #FFF url(images/wrap-bg.jpg) repeat-y; background-color: #FFFFFF; border: 0px solid #FFF; padding: 2px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; webkit-border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

#header-content, #content { width: 740px; }

/* header */
#header { position: relative; height: 176px; text-align: left; margin: 0; padding: 0; background: #FFF; }

#header #logo-box { position: absolute; left: 15px ; top: 15px; width: 740px; height: 156px; background: #FFF url(images/masthead.jpg) no-repeat; /* background: #030376; #4E3525; */ }

#header a { background: inherit; color: #0000CC; text-decoration: none; }
#header a:hover { color: #00FF00; text-decoration: underline;  }

#logo-box #logo { position: absolute; font: 20px Tahoma, Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0;  /* change left or top move logo */ top: 40px; left: 34px; }

#logo-box #slogan { position: absolute; font: bold 12px Tahoma, Arial, Helvetica, sans-serif; text-transform: none; color: #0000CC; margin: 0; padding: 0; /* change left or top move slogan */  top: 78px; left: 60px; }

/* header menu */
#menu { clear: both; margin: 0; padding: 0 0 10px 0; width: 770px; background: #FFF url(images/wrap-bg.jpg) repeat-y; float: left; }
#menu ul { font: bolder 14px Tahoma, Arial, Helvetica, sans-serif; width: 740px; color: #FFF; 
 background-color: #002080; margin: 0 15px; padding: 0; display: inline; border-bottom: 6px solid #FFF; float: left; }
#menu li { float: left; list-style: none; }
#menu li a { display: block; padding: 5px 15px; color: #FFF; text-decoration: none; }
#menu li a:hover { background: #002080; color: #FF1F1F; }

/* content */
#content-wrap { clear: both; float: left; width: 100%; background: #FFF url(images/content.jpg) repeat-y; }
#content { clear: both; text-align: left; padding: 0; margin: 0 auto; }

/* sidebar */
#sidebar { float: right; width: 30%; margin: 0 0 10px 0; padding: 0; } 
#sidebar h1 { padding: 10px 0px 5px 10px; margin: 0; color: #660000; }
.sidebox { margin-bottom: 10px; }

/* sidebar menu */
#sidebar ul.sidemenu { list-style:none; margin: 10px 0 15px 0; padding: 0;  }
#sidebar ul.sidemenu li { padding: 0px 10px; }
#sidebar ul.sidemenu a { display:block; font-weight:normal; color: #333; height: 1.5em; padding:.3em 0 .3em 15px; line-height: 1.5em; border-bottom: 1px dashed #D5D5D5; text-decoration:none; }
#sidebar ul.sidemenu a.top{ border-top: 1px dashed #D5D5D5; }
#sidebar ul.sidemenu a:hover { padding: .3em 0 .3em 10px; border-left: 5px solid  #993333; color: #993333; }

/* main */
#left { float: left; width: 67%; margin: 0 0 10px 0; padding: 0; }
#main h1 { padding: 10px 0 5px 5px; margin: 0 0 0 10px; border-bottom: 1px dashed #D5D5D5; }
.text { margin: 0; padding: 0; }

/* footer */
#footer { height: 39px; margin: 0 auto; font-size: 10px; color: #ffffff; padding-top: 14px; text-align: center; clear:both; }
#footer a { color: #ffffff; font-size: 10px; text-decoration: none; background: #03034b; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

#wrap2 { width: 770px; margin: 0 auto; background-color: #FFFFFF; border: 0px solid #000; padding: 1px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }