@charset "UTF-8";
/* CSS Document */

/* for IE, with IE5/Mac backslash filter \*/
* html #contentDivSub {
 height: 700px;
}

* html #picBoxLeft {
 width: 150px;
}

* html #picBoxRight {
 width: 150px;
}

/* end filter */



/* html elements */
body {margin:0px; background:url(images/bg-body.gif)}
body, table {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242739; line-height:16px}
a {text-decoration:none; font-weight:bold; color:#213f8b}
a:hover {color:#2d6ed0}
a img {border:0}
h1 {margin:0 0 20px; font-size:32px; line-height:36px; padding-top:15px; color:#2d6ed0}
p {margin:15px 0 0}

/* structural elements */
#container {background:url(images/bg-content.gif); width:1000px; margin:auto; position:relative}
#containerInner-index, #containerInner-sub {width:996px; margin:0 2px}
#containerInner-index {background:url(images/head-index.jpg) no-repeat; padding-top:270px}
#containerInner-sub {background:url(../../images/articleHeads/rotate.php) no-repeat; padding-top:160px}
#column1, #column2 {float:left}
#column1 {width:750px}
#column2 {width:200px; margin-left:-1px; padding-bottom:160px; background:url(images/logo-sda.png) bottom no-repeat}

.contentBoxes-container {width:610px; padding:0 70px; background:url(images/bg-contentBox.png); margin:0}
.contentBox-left, .contentBox-right {float:left; width:282px}
.contentBox-left {padding-right:20px}
.contentBox-right {padding-left:22px; border-left:2px solid #7c8da6}
.contentBox-right img {float:left; margin:0 6px 4px 0}
.open500 {min-height:600px; height:auto !important; height:600px;}
.open380 {min-height:380px; height:auto !important; height:380px;}
.open40 {min-height: 135px; height: auto; _height: 135px}
.topR {border-bottom:1px dotted #7c8da6}
.c {text-align:center}

.boxTop {background:url(images/bg-contentBoxTop.png); height:15px}
.boxSplit {width:750px; height:50px; background:url(images/bg-contentBoxSplit.png) no-repeat; clear:both}
.boxBottom {width:750px; height:45px; background:url(images/bg-contentBoxBottom.png); margin:0}

#footer {width:900px; padding:20px 50px; background:#000; color:#c3b7a1; text-align:center; font-size:11px}
#footer a {color:#95b1e1}
#footer a:hover {color:#fff}
.navigationBox {margin:5px 0 10px; font-size:12px}
.navigationBox a {padding:2px 10px; margin:8px 0; border:1px solid #000; border-left-color:#1b3377; border-right-color:#1b3377}
.navigationBox a:hover {border:1px dotted #205d9f}

.clear {margin:0; clear:both; height:0; width:0}

/* main navigation */
.menuSpace {padding-top:110px}
#menu {width:154px; margin:0 23px 20px; position:relative; font-size:12px; font-weight:bold; text-align:center}
#menu ul {list-style:none; position:relative; margin:0px; padding:0px}
#menu li {display:block; width:146px; padding:2px 4px; border-top:1px solid #d7cfbf; border-bottom:1px solid #a39480; position:relative; text-transform:uppercase}
#menu li:hover {background-color:#cec8bc}
#menu li ul {display:none; position:absolute; top:-5px; left:125px; width:100px; border:3px solid #c1baab; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; z-index:100}
#menu li li {font-size:11px; background-color:#e8e6df; border-top:1px solid #c1baab; width:auto; text-transform:none; line-height:13px}
#menu li li:hover {background-color:#cbd4db}
#menu li:hover ul {display:block}
#menu a {text-decoration:none; color:#21334e}
#menu a:hover {color:#0d183c}


/* list of newest content */
.newBox {padding:7px 0 4px; border-top:1px dotted #7c8da6; line-height:14px}
.newBox a img {float:left; border:2px solid #4c628a; width:60px; height:60px; margin:0 10px 5px 0}
.newBox a:hover img {border:2px solid #6a9acd}


/* right column contents */
.searchBox {font-size:9px; background:url(images/bg-search.gif) no-repeat; width:190px; height:45px; padding:5px 0 0 15px; margin:20px 0}

.iconBox {width:155px; height:40px; padding:8px 10px 2px 55px; margin-bottom:10px; font-size:10px; line-height:12px}
.iconBox a {font-size:12px; text-transform:uppercase}
.iconBox a:hover {color:#fff}


/* misc */