/* ### DEFAULT STYLES ### */

* { margin:0; }

body { background:#FFF url('/template/img/background.gif') repeat-x top left;text-align:center;font-family:Arial, Tahoma, sans-serif;font-size:75%;line-height:1.5em;color:#004081; }

h1,h2,h3,h4,h5,h6 { font-weight:bold;color:#09F;margin:10px 0; }
.boxInner h2, .boxInner h3, .boxInner h4, .boxInner h5, .boxInner h6 { color:#004081;margin-top:0px; }
h1 { color:#004081;font-size:150%;text-transform:uppercase;margin:0 0 20px 0; }
h2{ font-size:130%; }
h3 { font-size:110%; }
h4,h5,h6 { font-size:100%; }

a:link, a:visited, a:hover, a:active { color:#09F;text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:10px 0; }

#cRight ul { list-style-type:square;margin:0px;padding-left:20px; }

/* ### STRUCTURE STYLES ### */

#wrapper { width:820px;margin:0 auto;text-align:left; }
#left { width:10px;height:610px;overflow:hidden;background:url('/template/img/shadow_left.jpg') no-repeat top left; }
#middle { width:800px;overflow:hidden;background-color:#FFF; }
#right { width:10px;height:610px;overflow:hidden;background:url('/template/img/shadow_right.jpg') no-repeat top left; }

#shadowTop { width:800px;height:17px;background:#FFF url('/template/img/shadow_top.jpg') no-repeat top left; }
#header { width:800px;height:74px;overflow:hidden;background:#FFF url('/template/img/headerRemark.jpg') no-repeat top left; }
#slogan { width:678px;height:22px;overflow:hidden;line-height:1.2em;margin:26px 25px 26px 95px;font-size:150%;color:#004081;}
#visual { width:800px;height:175px;overflow:hidden;background-color:#999; }
#menu { width:800px;height:45px;background-color:#0099FF; }
#cWrapper { width:750px;padding:30px 25px;overflow:hidden; }
#cLeft { width:180px;margin-right:30px; }
#cRight { width:540px; }


/* ### MENU STYLES ### */

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color:#FFF; }
#nav{ width:630px;margin:0 auto;padding:0; }
#nav, #nav ul { list-style:none;line-height:0.5; }
#nav ul{ padding:0;margin:0; }
#nav li { padding:20px 10px 19px 10px;display:block;float:left; }
#nav li ul { font-size:0.8em;position:absolute;background-color:#036;margin:10px 0 0 -10px;padding:2px 0;line-height:0.5em;left:-999em;display:block }
#nav li li{ padding:10px;float:none; }
#nav li.sub:hover, #nav li.sub.sfhover { background-color:#036; }
#nav li.sub:hover ul, #nav li.sub.sfhover ul  { left:auto; }
#nav li.sub a { display:block;padding:0;}
#nav li ul a:link, #nav li ul a:visited, #nav li ul a:hover, #nav li ul a:active { color:#FFF;}


/* ### COMMON STYLES ### */

/* form styles */
label{ display:block; }
fieldset{ margin:0;padding:0;width:160px;;border:0; }
.fInputSmall { width:150px;border:0;background-color:#E1E1E1; }

/* font styles */
.fntLBlue { color:#09F; }

/* box styles */
.boxOuter  { width:178px;padding:1px;margin:0;border:0;background-color:#999; }
.boxInner { width:158px;padding:10px;background-color:#FFF; }
.boxFooter { width:180px;height:15px;background:url('/template/img/boxFooter.jpg') no-repeat top left;margin-bottom:20px; }

/* margin styles */
.mt { margin-top:10px; }
.mr { margin-right:10px; }
.mb { margin-bottom:10px; }
.ml { margin-left:10px; }

/* floating styles */
.fl { float:left; }
.fr { float:right; }
.fc { clear:both; }
