@import url('framework/screen.css');

/* DETAIL */
body{font-size:14px; background:#bed4e1}
a{color:#007CD5;}
a:hover{color:#000;}


#header{background:#3378a2; font-size:10px; margin-bottom:20px}
#header ul{width:960px; margin:0 auto; list-style:none;  text-align:right; }
#header ul li{display:inline}
#header ul a{color:#c2d6e3;font-weight:bold; line-height:3em; padding:0 10px}
#header ul a:hover{color:#fff;}

#content-top{clear:both; background:url(image/cap-top-content.png) no-repeat; height:15px; width:960px; margin:0 auto}
#content {background:#fff url(image/bg-content.png) repeat-y scroll top left; width:960px; margin:0 auto; min-height:300px}
#content-bot{background:url(image/cap-bot-content.png) no-repeat; height:15px; width:960px; margin:0 auto}

#secondary{float:left; width:220px; margin-left:15px; overflow:hidden; padding-bottom:40px}
#logo{padding-bottom:20px; border-bottom:2px solid #bed4e1}
#logo a{display:block; width:200px; height:165px; margin:0 auto; background:url(/pub/style/image/logo-new.jpg) no-repeat; text-indent:-10000px}

#menu, #menu ul{list-style:none; margin:0 15px;}
#menu ul{margin-bottom:1em}
#menu li{font-size:18px; line-height:1.1em; margin-bottom:0.5em; font-weight:bold}
#menu ul li{font-size:14px; line-height:1.1em; margin-bottom:0.5em; }
#menu a:link,#menu a:visited{color:#fff; text-decoration:none;}
#menu a:hover, #menu a.active{color:#fc0;}

#primary{margin:0px 80px 0 310px; padding:40px 0}
#primary-home{margin:0px 80px 0 310px; padding:0 0 40px 0}

#footer-top{clear:both; background:url(image/cap-top-footer.png) no-repeat; height:10px; width:960px; margin:20px auto 0}
#footer {background:#fff url(image/bg-footer.png) repeat-y scroll top left; width:960px; margin:0 auto; min-height:100px}
#footer-content{margin:0 40px; padding:20px 0; font-size:10px; line-height:1.5em}
#footer-content div.col{float: left; margin-right:10px; width:110px; overflow:hidden;}
#footer-content div.last{float:right; width:220px; margin-right:0}
#footer-content div.col ul,#footer-content div.col ul ul{margin:0;}
#footer-content div.col li{list-style-type:none}
#footer-content div.col strong{font-size:11px; line-height:1.5em}
#footer-content div.col a{text-decoration:none; color:#333}
#footer-content div.col a:hover{color:#007cd5}
#footer-content div.last a{color:#007cd5; text-decoration:underline}
#footer-content div.last a:hover{color:#111}
#footer-bot{background:url(image/cap-bot-footer.png) no-repeat; height:10px; width:960px; margin:0 auto}
#copy{margin:20px 0      ; text-align:center; font-size:10px; color:#3378a2}
#copy a{}
h2{font-size:2.5em;}
dt{font-size:1.2em;}
dd{margin:0 0 1.5em 0;}

.featured{background:#fff2b3; border:2px solid #FFE980; border-width:2px 0; padding:10px; margin:0 0 1.5em 0; font-size:1.2em; line-height:1.5em}
.featured ul{margin:0 0 0 20px;}
.featured-b{ background:#bed4e1; border:2px solid #8ea4d1;border-width:2px 0; padding:10px; margin:20px 0;}
.featured-b a{color:#111;}
.framed{border:1px solid #bad1e1; padding:3px}
ul.thumbs{list-style:none; margin:0; padding:0}
ul.thumbs li{float:left; margin-right:15px}
ul.articles{list-style:none; margin:0}
#primary-home ul.articles{margin-left:20px}
ul.articles h3{margin-bottom:0}
p.legal{font-size:0.9em;font-style:italic; line-height:1.5em; margin-bottom:0.5em}
#billboard{margin-top:-40px}

cite{display:block; text-align:right; margin-top:10px}
/* EDITOR */
.mceContentBody{background:#fff; width:570px; margin:0 auto; padding:20px 0; font-size:14px; line-height:1.5}

/* FORMS */
form{padding-bottom:20px}
/*fieldset{border:1px solid #bed4e1; padding:0 20px 20px 20px; margin-top:20px}*/

label{font-size:16px; margin-top:10px; display:block; font-weight:bold; color:#3378a2}
label.alt{font-size:18px; border-bottom:1px solid #ccc}
button{display:block;margin-top:12px; font-weight:bold}
input.text,select,textarea{width:400px; margin-top:2px; font-size:14px; padding:2px}
option{padding:1px 5px}
select{padding:0}
textarea{height:150px}

div.hint{color:#333; font-size:10px; line-height:14px; font-style:italic}


/* FORM  VALIDATION */
input.validation-failed, textarea.validation-failed {border: 1px solid #f30; color:#f30}
input.validation-passed, textarea.validation-passed {border: 1px solid #3378a2;}
.validation-advice,.custom-advice  {width:600px; margin: 5px 0; padding: 5px; background-color: #F30; color : #FFF; font-weight: bold;}
.custom-advice{background-color:#ca0}

.robot{display:none}