/** Tempalte 18 **/
*{margin: 0; padding: 0;}
html, body { position: relative; min-height: 100%; width: 100%; text-align: left; border: 0; outline: 0; vertical-align: baseline; }
body { font: 12px/1.3em verdana,tahoma,helvetica,arial,sans-serif; color: #251; background: #164871;background: linear-gradient(to bottom, hsl(207,67%,26%),hsl(200,67%,40%)) no-repeat;color: #052D4E}

/*Paragraphs*/
p { padding-bottom: .8em; }

img { border: 0; }

#wrapper {margin: 28px auto 0px auto;width:900px;position: relative;z-index:0;}

/*Headers*/
h1,h2,h3{color:hsl(220,67%,50%);position:relative;}
h1:after,h2:after,h3:after{content:'';display: block;position: absolute;bottom:0;width: 100%;height:2px;background:linear-gradient(to right, hsla(102,50%,50%,1),hsla(102,50%,50%,.7));}
h1{font-size:1.5em;font-weight:bold;margin:1em 0 .6em 0;padding-bottom:.5em;}
h2{font-size:1.25em;font-weight:bold;margin:1.7em 0 .5em 0;padding-bottom:.5em}
h3{font-size:1.2em;margin:1em 0 .5em 0;padding-bottom:.5em}

.ltitleRB{padding: 0 25px 0 0; margin-bottom: 20px;}

/*Lists*/
ul { list-style: none; }
ol { list-style-position: inside; }
li{padding-bottom:.5em}

.bold{font-weight:bold}
.cdn{font:1em helvetica,arial;}

.clear {
    clear: both;
    height: 1px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1px;
    line-height: 1px;
}

a:hover {color: #ff0000;text-decoration: underline;}

/* col */
#col {position: absolute;top: 0; left: 0;width: 329px;background: #F0F8FE;padding: 7px;box-shadow:5px 4px 3px 3px hsla(0,0%,0%,.3);z-index:1;}
* html #col {width: 343px;}

/* micronav */

#micronav {
    position: absolute;
    top: 0px; right: 0px;
    width: 521px;
    text-align: right;
}

#micronav a {
    color: #CBE3F5;
    text-decoration: none;
    padding-right: 18px;
    display: block;
    float: right;
}

#micronav a.home {
    padding-left: 16px;
    position: relative;
    background: url(images/ico_home.gif) center left no-repeat;
}

#micronav a.mail {
    padding-left: 18px;
    background: url(images/ico_email.gif) center left no-repeat;
}

#micronav a:hover {
    color: #fff;
}

/* body */
#body {margin: 0 0 0 344px;background: #A5CAE5 url(images/shadow_r.gif) top right repeat-y;}
#bodyRB{position: absolute; margin: 25px 0 0 344px; background-color:hsl(205,55%,77%);background-image: linear-gradient(to bottom, hsl(205,80%,77%),hsl(200,95%,80%));border-radius:8px;}
#contRB{padding: 0 25px;margin-bottom:25px}
/*
#body h3 {font-weight: bold;color: #007DDA;}
*/

#body h3 a {color: #052D4E;text-decoration: none;}

* html #body { margin-top: 2em; }

/* nav */

#nav {
    padding: 3px 2px 2px 2px;
    border-bottom: 2px solid #164871;
}

* html #nav .clear {
    margin-top: -1px;
}

#nav span {
    float: left;
    width: 10px;
    padding: 5px 0;
    margin-left: 2px;
    background: #245882 url(images/menu_l.gif) no-repeat;
}

#nav a {
    float: left;
    color: #A5CAE5;
    background: #245882 url(images/menu_split.gif) top right no-repeat;
    padding: 5px 26px 5px 8px;
    font-weight: bold;
    text-decoration: none;
}

#nav a.last {
    background-image: url(images/menu_r.gif);
    padding-left: 12px;
    padding-right: 26px;
}

#nav a:hover {
    color: #fff;
}

/* body */
#body .ltitle, #body .rtitle {padding-right: 25px;padding-left: 35px;}
* html #body .ltitle, * html #body .rtitle  {height: 1%;}
#body .ltitle {border-top: 1px solid #164871;border-bottom: 1px solid #164871;}
#body .rtitle {background: url(images/title_bg.gif) top right repeat-y;}
#body .ltitle {background: url(images/title_bg.gif) top left repeat-y;}
#body .rtitle h2 {float: right;width: 25px;text-align: right;margin-right: -25px;display: inline;}
#body .ltitle h2 {float: left;width: 23px;margin-left: -35px;display: inline;}

/* gal */
#galRB{clear:both;}
#galRB .pic{float: left;padding: 5px 5px 2px 5px;margin:5px 8px 8px 0px;display: inline;background:hsl(207,67%,65%)}

#body #gal {padding-left: 0px;}
#gal .pic {float: left;padding: 5px 5px 2px 5px;margin: 5px;display: inline;background:hsl(207,67%,65%)}
* html #gal .pic {width: 119px;}
#gal .clear {float: none;clear: both;}

/* hotstuff */

#mgal {
    float: left;
    width: 119px;
    margin-left: -25px;
    display: inline;
}

#mgal .pic {
    padding: 7px 0;
    margin: 14px 0 7px 0;
    text-align: center;
    background: #CBE3F5;
}

.floating {
    float: left;
    width: 112px;
    margin-left: 20px;
    display: inline;
}

/* footer */

#footer {
    text-align: center;
    margin-left: 344px;
    color: #3C7DB2;
}

#footer a {
    color: #3C7DB2;
    text-decoration: underline;
}

#footer a:hover {
    color: #fff;
}