/* layout styles */

html { padding: 0; margin: 0; min-height: 100%; }
body { padding: 0 0 20px 0; margin: 0; background: #012f49 url(../img/bg-body.png) repeat-x 0 100%; min-height: 100%; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-home-main { margin-left: -952px; width: 498px; }
.col-home-side { margin-left: -446px; width: 446px; zoom: 1; }

.col-full { margin-left: -952px; width: 952px; }

.col-main { margin-left: -783px; width: 498px; }
.col-side-left { margin-left: -952px; width: 160px; }
.col-side-right { margin-left: -276px; width: 276px; }


#grandgrandmother { background: url(../img/bg-grandgrandmother.png) repeat-x 0 0; }
#grandmother { background: url(../img/bg-grandmother.jpg) no-repeat 50% 0; padding-top: 1px; }
#mother { width: 982px; margin: 0 auto; position: relative; overflow: hidden; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Header */
#header {  position: relative; height: 112px; }

#logo { position: absolute; left: 16px; top: 38px; }
#logo p { margin: 0; }
#logo a img { display: block; }

#slogan { position: absolute; right: 0; top: 74px; width: 344px; height: 38px; background: url(../img/slogan.png) no-repeat 0 0; text-indent: -9999px; }

#motive-box { position: absolute; top: 0px; right: 0px; width: 745px; height: 100px; }

/* Main menu*/
#main-menu { margin: 0 0 9px; background: url(../img/bg-main-menu.png) no-repeat 0 0; padding-bottom: 31px; font-size: 84.615%; width: 100%; overflow: hidden; zoom: 1; }
#main-menu ul { float: left; margin: 0; height: 31px; }
#main-menu ul li { display: block; float: left; margin: 0; padding: 0 5px 0 6px; list-style: none; background: none; position: relative; z-index: 10; background: url(../img/bg-main-menu-separator1.png) no-repeat 0 50%; }
#main-menu ul li.first { background: none; }
#main-menu ul li a { display: block; float: left; padding: 0 0 0 8px; color: #fff; text-decoration: none; line-height: 31px; }
#main-menu ul li a .in { display: block; float: left; padding: 0 8px 0 0; }
#main-menu ul li.hover a, #main-menu ul li a:hover, #main-menu ul li.active a { background: url(../img/bg-main-menu-active.png) no-repeat 0 50%;  }
#main-menu ul li.hover a .in, #main-menu ul li a:hover .in, #main-menu ul li.active a .in { background: url(../img/bg-main-menu-active.png) no-repeat 100% 50%; cursor: pointer; }

/* Submenu */
#main-menu ul li ul { display: block; height: 31px; }
#main-menu ul li ul li { font-size: 100%; background-image: url(../img/bg-main-menu-separator2.png); }

#main-menu ul li .submenu { display: none; }
#main-menu ul li:hover .submenu, #main-menu ul li.hover .submenu, #main-menu ul li.active .submenu { clear: both; display: block; position: relative; top: 0; left: 0; padding: 0; margin: 0px; }
#main-menu ul li:hover .submenu ul, #main-menu ul li.hover .submenu ul, #main-menu ul li.active .submenu ul { position: absolute; top: 0; left: -2px; display: block; margin: 0px; padding: 0;  border-bottom: 0; width: 1200px; }

#main-menu ul li:hover ul li, #main-menu ul li.hover ul li, #main-menu ul li.active ul li { float: left;  border: 0px; margin: 0px; padding: 0; display: block; min-height: 0; white-space: nowrap; zoom: 1;  }
#main-menu ul li:hover ul li a, #main-menu ul li.hover ul li a, #main-menu ul li.active ul li a { text-transform: none; font-weight: normal; line-height: 31px; display: block; float: left; zoom: 1; text-decoration: underline; background: none !important; color: #fff; text-decoration: none;}
#main-menu ul li:hover ul li a .in, #main-menu ul li.hover ul li a .in, #main-menu ul li.active ul li a .in { background: none !important; }
/* #main-menu ul li:hover ul li span, #main-menu ul li.hover ul li span, #main-menu ul li.active ul li span { padding: 0; display: block; float: left; zoom: 1; } */
#main-menu ul li ul li a:hover, #main-menu ul li.hover ul li a:hover, #main-menu ul li ul li.active a { color: #fff; background: url(../img/bg-submenu-active.png) no-repeat 0 50% !important;  }
#main-menu ul li ul li a:hover .in, #main-menu ul li.hover ul li a:hover .in, #main-menu ul li ul li.active a .in { background: url(../img/bg-submenu-active.png) no-repeat 100% 50% !important;  }

/* Search box */
#search-box { position: absolute; top: 114px; right: 15px; }
#search-box .spc { padding: 0; }
#search-box input { vertical-align: middle; }
#search-box #q { width: 139px; border: 0; padding: 4px 10px; background: url(../img/bg-search-input.png) no-repeat 50% 50%; font-size: 92.308%; color: #999; text-transform: lowercase; }
#search-box #q:focus { color: #333; }

#top-menu { position: absolute; top: -35px; left: 15px; font-size: 84.615%; }
#top-menu, #top-menu a, #top-menu a:visited { color: #6794ad; }
#top-menu a:hover { color: #e3001a; }

.content-box { margin-top: 51px; }
.content-box-top { background: url(../img/bg-mother-top.png) no-repeat 0 0; height: 11px; font-size: 0; }
.content-box-bot { background: url(../img/bg-mother-bot.png) no-repeat 0 0; height: 11px; font-size: 0; }
.content-box-mid { background: white; zoom: 1; padding: 1px 14px; }

.rbox1 { margin-bottom: 9px; color: #d4e2ea; }
.rbox1-top { background: url(../img/bg-rbox1-top.png) no-repeat 0 0; height: 12px; font-size: 0; }
.rbox1-bot { background: url(../img/bg-rbox1-bot.png) no-repeat 0 0; height: 12px; font-size: 0; }
.rbox1-mid { background: #418ab3; zoom: 1; padding: 1px 11px; }

.rbox1 h2 { margin: 5px 0 3px; text-transform: none; font-size: 184.615%; font-weight: normal; }
.rbox1 a, .rbox1 a:visited { color: white; }
.rbox1 a:hover { color: white; }
.rbox1 p { margin-bottom: 5px; }

.rbox2 { margin-bottom: 9px; }
.rbox2-top { background: url(../img/bg-rbox2-top.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox2-bot { background: url(../img/bg-rbox2-bot.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox2-mid { background: #96c0d8; zoom: 1; padding: 1px 8px; }

.rbox3 { margin-bottom: 9px; }
.rbox3-top { background: url(../img/bg-rbox3-top.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox3-bot { background: url(../img/bg-rbox3-bot.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox3-mid { background: #bad6e6; zoom: 1; padding: 1px 8px; }

.rbox4 { margin-bottom: 9px; }
.rbox4-top { background: url(../img/bg-rbox4-top.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox4-bot { background: url(../img/bg-rbox4-bot.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox4-mid { background: #ddebf3; zoom: 1; padding: 1px 8px; }

.rbox6 { margin-bottom: 9px; }
.rbox6-top { background: url(../img/bg-rbox6-top.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox6-bot { background: url(../img/bg-rbox6-bot.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox6-mid { background: #65A2C4; zoom: 1; padding: 1px 8px; }

.rbox7 { margin-bottom: 9px; }
.rbox7-top { background: url(../img/bg-rbox7-top.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox7-bot { background: url(../img/bg-rbox7-bot.png) no-repeat 0 0; height: 8px; font-size: 0; }
.rbox7-mid { background: #89B8D2; zoom: 1; padding: 1px 8px; }

.rbox .img-box img { display: block; border: 1px solid white; float: left; }
.rbox .text-box { margin-left: 190px; font-size: 84.615%; color: #418ab3; }
.rbox .text-box h3 { margin: 0 0 3px; font-size: 115.385%; font-weight: bold; }
.rbox .text-box p { margin-bottom: 0px; }
.rbox .text-box a, .rbox .text-box a:visited { color: #418ab3; }
.rbox .text-box a:hover { color: #06507a; }

.rbox6 .text-box, .rbox7 .text-box { margin-left: 98px; color: #d4e2ea; }
.rbox6 .text-box a, .rbox6 .text-box a:visited, .rbox7 .text-box a, .rbox7 .text-box a:visited { color: #fff; }
.rbox6 .text-box a:hover, .rbox7 .text-box a:hover { color: #fff; }

.rbox7 .bnr img { display: block; margin: 4px auto; border: 1px solid #fff; padding: 0; }
.side-bnr { margin: 0 0 10px; }
.side-bnr img { display: block; margin: 0; } 

.breadcrumb { font-size: 84.615%; margin-bottom: 15px; }
.breadcrumb a, .breadcrumb a:visited { color: #afcfe7; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb strong { font-weight: normal; }

.signpost { width: 100%; float: left; margin: 20px 0; }
.signpost ul { width: 100%; float: left; margin: 0; padding: 0; }
.signpost ul li { width: 229px; float: left; margin: 0 0 0 12px; padding: 0; background: none; }
.signpost ul li.first { margin-left: 0; }
.signpost ul li .top { background: url(../img/bg-rbox5-top.png) no-repeat 0 0; height: 8px; font-size: 0; }
.signpost ul li .bot { background: url(../img/bg-rbox5-bot.png) no-repeat 0 0; height: 8px; font-size: 0; }
.signpost ul li .mid { background: #ddebf3; zoom: 1; padding: 2px 10px; }
.signpost ul li a, .signpost ul li a:visited { text-decoration: none; color: #002564; }
.signpost ul li a:hover { color: #e3001a; }
.signpost ul li img { display: block; border: 1px solid white; margin-bottom: 5px; }
.signpost ul li .name { display: block; background: url(../img/bullet-more.png) no-repeat 0 50%; padding-left: 12px; font-size: 84.615%; text-transform: uppercase; }

#footer { margin: 10px 0; padding: 0 15px; color: #50829d; font-size: 84.615%; }
#footer a, #footer a:visited { color: #50829d; }
#footer a:hover { color: #e3001a; }

.sep { background: url(../img/bg-footer-sep.png) no-repeat 0 50%; padding-left: 10px; margin-left: 6px; }

/* Related images */
.related-images { margin-bottom: 20px; }
.related-images h2 { font-size: 115.385%; font-weight: bold; margin: 1em 0 0.25em; }
.related-images ul { margin: 0 0 8px; padding: 0; width: 100%; float: left; }
.related-images ul li { margin: 0 0 0 9px; padding: 0; float: left; background: none;  }
.related-images ul li.first { margin-left: 0; }
.related-images ul li img { display: block; border: 1px solid #fff; background: #fff; padding: 0px; }

/* Related files */
.related-files { margin-bottom: 20px; }
.related-files h2 { font-size: 115.385%; font-weight: bold; margin: 1em 0 0.25em; }

/* File icons */
ul.files li { background: none; padding: 0; margin-bottom: 0.3em;}
ul.files li a, a.ico-file { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 22px !important; }
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", sans-serif; }
input, select { vertical-align: middle; }

.inp-text { border: 1px solid #f9c0d6; }
input.inp-text, textarea { padding: 1px 3px; }

.form-box { padding: 20px 28px 15px 20px; background: #FDEFF5; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid #f9c0d6; }
.form-box h2 { margin-top: 0; }
.form-box .w-full { margin-right: 0 -8px; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 100%;  }
.w-half { width: 50%;  }

.fm-box { background: #e1eadf; padding: 20px 0 20px 20px; margin: 25px 0 20px; zoom: 1; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 30px; padding-bottom: 5px; zoom: 1;}
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }
.fm-col h2 { margin-top: 0; }

.fm-col .w-full { width: 100%; }
.fm-col .w-half { width: 49%; }