/* CSS Document */

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 110%;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}
/*content: '';content: none;*/

html, body { height: 100%; }


body {
font: normal 14px Verdana, Geneva, sans-serif;
color: #DDDDDD;
background: #202223 url(images/backgrounds/body.gif) repeat-x;
}

.alignright {
float: right;
margin: 0 0 16px 16px;
}
.alignleft {
float: left;
margin: 0 16px 16px 0;
}
.aligncenter {
display: block;
margin: 0 auto 16px auto;
}



/* ------------------- */
/* ------ Text ------- */
/* ------------------- */

#content h3 {
padding: 0 0 10px 0;
font-family: Nobile, Verdana, Geneva, sans-serif;
font-size: 20px;
font-weight: normal;
}

#content h4 {
padding: 0 0 10px 0;
font-family: Nobile, Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: normal;
}

.off {
color: #006224;
}

#content p {
padding: 0 0 16px 0;
text-align: justify;
}/*
#content p:last-child {
padding: 0;
margin: 0;
}*/

#content ul li {
padding: 0 0 0 16px;
margin: 0 0 8px 0;
background: url('images/icons/cBullet.gif') 5px 4px no-repeat; 
}
#content ul li:last-child {
margin: 0;
}

#footer {
color: #A6A6A6;
font-size: 10px;
text-align: center;
}

a:link { color:#FFFFFF; background: transparent;}
a:visited { color:#FFFFFF; background: transparent;}
a:hover { color:#006224; background: transparent;}
a:active { color:#FFFFFF; background: transparent;} 

#content object {
padding: 2px;
background: url('images/backgrounds/cBorder.gif') repeat;
}

#content img {
padding: 1px;
border: 2px solid #323232;
}

#content .gallery {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: url('images/backgrounds/cBorder.gif') bottom left repeat-x;
}
#content .gallery:last-child, #content .cContainer .gallery {
margin: 0;
background: none;
}
#content .gallery img {
padding: 0;
margin: 0 0 1px 1px;
border: 1px solid #323232;
}

.error {
color: #FF0000;
}

.success {
color: #04AB00;
}

.clear {
clear: both;
}

/*begin float fix*/
/* new clearfix */
.clearfix:after, .cContainer:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix, * html .cContainer
{height: 1%} /* IE6 */
*:first-child+html .clearfix, *:first-child+html .cContainer
{min-height: 0;} /* IE7 */
/*end float fix*/



/* ------------------- */
/* ----- Blocks ------ */
/* ------------------- */

#wrapper {
position: relative;
width: 960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
height: 20px; /* .push must be the same height as .footer */
margin: 60px 0 0 0;
clear: both;
}
#footer {
position: relative;
width: 960px;
margin-left: auto;
margin-right: auto;
}

#header {
position: relative;
width: 960px;
height: 130px;
}

#content {
position: relative;
width: 930px; /*960-30*/
margin: 30px 16px 16px 16px;
}

#logo {
position: absolute;
width: 220px;
height: 110px;
top: 8px;
right: 10px;
background: url('images/icons/logo.gif') no-repeat;
}

.cContainer {
position: relative;
width: auto;
}
.column {
position: relative;
width: 456px;
}
.cLeft {
float: left;
margin: 0 8px 0 0;
}
.cRight {
float: right;
margin: 0 0 0 8px;
}



/* ------------------- */
/* ---- Navigation --- */
/* ------------------- */

#nav{
position: absolute;
bottom: 0;
left: 16px;
width: auto;
list-style: none;
}

#nav li {
position: relative;
float: left;
width: auto;
}

#nav li a {
display: block;
float: left;
padding: 32px 0 16px 0;
margin: 0 15px 0 0;
cursor: pointer;
white-space: nowrap;
font-family: 'Nobile', Verdana, Geneva, sans-serif;
font-size: 14px;
text-decoration: none;
text-align: center;
}

#nav li a:link {
color: #A6A6A6;
}

#nav li a:visited {
color: #A6A6A6;
}

#nav li a:hover {
color: #FEFEFE;
background: transparent url('images/backgrounds/nBorder.gif') bottom left repeat-x;
}

#nav li a:active {
color:#006224;
background: transparent url('images/backgrounds/nBorder_on.gif') bottom left repeat-x;
}

#nav li.activePage a {
color: #FEFEFE;
background: transparent url('images/backgrounds/nBorder.gif') bottom left repeat-x;
}



/* ------------------- */
/* ------ Form ------- */
/* ------------------- */

#contactform {
float: right;
width: 500px;
padding: 35px 0 0 20px;
}

#contactform label{
display: block;
}

#contactform input, #contactform textarea {
width: 200px;
height: 17px;
padding: 4px;
margin: 0 0 10px 0;
border: 1px solid #323232;
}

#contactform textarea {
width: 400px;
height: 117px;
}

#contactform #submit {
display: block;
width: auto;
height: 25px;
margin: 15px 0 0 0;
cursor: pointer;
}
#contactform #submit:hover {
color: #000000;
background-color: #8E8E8E;
}

#contactform #captcha {
float: right;
width: 95px;
margin: 0;
background: #FFFFFF url('images/backgrounds/cBorder.gif') left repeat-y;
border: 0;
}
#contactform #mathBox {
width: 210px;
height: 25px;
background-color: #FFFFFF;
border: 1px solid #323232;
}
#contactform img {
float: left;
padding: 0;
border: 0;
}