@import url(mailform.css);
@import url(leftnav.css);

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 170%;
    font-family: Verdana, Helvetica, sans-serif;
    color: #494949;
/*	background: #f3f3f3 url(../images/gfx/body.png) repeat-x 50% 0;*/
	background: #000;
}

/* *********************************************************************************************************** */
/* ************************************************** basic elements ***************************************** */
/* *********************************************************************************************************** */

input {
    font: 12px / 100% "Verdana";
    color: #494949;
}

textarea, select {
    font: 12px / 160% "Verdana";
    color: #494949;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: 'Georgia', 'Times New Roman', Times, serif;
    color: #514D49;
}

h1 {
    font-size: 160%;
}

#content_1 h1 {
	margin-left: -25px;
	}

h2 {
    font-size: 140%;
    line-height: 130%;
}

h3 {
    font-size: 140%;
    font-family: Helvetica, Arial, sans-serif;
	color: #60b1ed;
}

h4 {
    font-size: 130%;
    font-family: Helvetica, Arial, sans-serif;
	color: #60b1ed;
}

h5 {
    font-size: 120%;
    font-family: Helvetica, Arial, sans-serif;
	color: #60b1ed;
}

h6 {
    font-size: 110%;
    font-family: Helvetica, Arial, sans-serif;
	color: #60b1ed;
}

/*ul,*/
quote, code, fieldset {
    margin: .5em 0;
}

p {
    margin: 0.6em 0 1.2em;
    padding: 0;
}

a:link, a:visited {
    color: #027AC6;
    text-decoration: none;
}

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

a:active, a.active {
    color: #5895be;
}

hr {
    margin: 0;
    padding: 0;
    border: none;
    height: 1px;
    background: #5294c1;
}


dl {
    margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
    margin: 0 0 .5em 1.5em;
}

img, a img {
    border: none;
}

table {
    /*margin: 1em 0;*/
    width: 100%;
}

thead th {
    border-bottom: 2px solid #d3e7f4;
    color: #494949;
    font-weight: bold;
}

th a:link, th a:visited {
    color: #6f9dbd;
}

td, th {
    padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
    border: solid #d3e7f4;
    border-width: 1px 0;
}

tr.odd, tr.info {
    background-color: #f3f3f3;
}

tr.even {
    background-color: #fff;
}

tr.odd td.active {
    background-color: #ddecf5;
}

tr.even td.active {
    background-color: #e6f1f7;
}


/* *********************************************************************************************************** */
/* ***************************************************** grid ************************************************ */
/* *********************************************************************************************************** */

#wrapper {
}

#wrapper #container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1270px;
    min-width: 900px;
}

#wrapper #container #header {
    height: 66px;
}

#slogan {
	height: 20px;
}

#logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 50%;
    float: left;
	padding-top: 20px;
}

#logo a, #logo a:visited, #logo a:hover, #logo a:active {
	text-decoration: none;
}

#headnav {
	width: 50%;
    float: left;
}

#headnav00 {
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
    min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
    min-width: 780px;
}
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
    float: left;
    width: 100%;
}
/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
    margin-left: -210px;
}

body.sidebar-right #center {
    margin-right: -210px;
}

body.sidebars #center {
    margin: 0 -210px;
}
/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
    margin-left: 210px;
}

body.sidebar-right #squeeze {
    margin-right: 210px;
}

body.sidebars #squeeze {
    margin: 0 210px;
}
/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
    margin: 60px 0 5em;
    width: 210px;
    float: left;
    z-index: 2;
    position: relative;
}

#wrapper #container .sidebar .block {
    margin: 0 0 1.5em 0;
}

#sidebar-left .block {
    padding: 0 1px 0 0px;
}

#sidebar-right .block {
    padding: 0 0px 0 15px;
}

.block .content {
    margin: 0.5em 0;
}

#sidebar-left .block-region {
    margin: 0 15px 0 0px;
}

#sidebar-right .block-region {
    margin: 0 0px 0 15px;
}

.block-region {
    padding: 1em;
    background: transparent;
    border: 2px dashed #b4d7f0;
    text-align: center;
    font-size: 1.3em;
}
/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
    background: #fff url(images/bg-content.png) repeat-x 50% 0;
    position: relative;
}

#wrapper #container #center .right-corner {
    background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
    position: relative;
    left: 10px;
}

#wrapper #container #center .right-corner .left-corner {
    padding: 60px 25px 5em 35px;
    background: transparent url(images/bg-content-left.png) no-repeat 0 0;
    margin-left: -10px;
    position: relative;
    left: -10px;
    min-height: 400px;
}

#wrapper #container #footer {
    float: none;
    clear: both;
    text-align: center;
    margin: 4em 0 -3em;
    color: #898989;
}

#wrapper #container .breadcrumb {
    position: absolute;
    top: 15px;
    left: 35px;
    z-index: 3;
}

body.sidebar-left #footer {
    margin-left: -210px;
}

body.sidebar-right #footer {
    margin-right: -210px;
}

body.sidebars #footer {
    margin: 0 -210px;
}
/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
    color: #fff;
    font-weight: normal;
    font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
    text-decoration: none;
}

#wrapper #container .breadcrumb {
    font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
    color: #529ad6;
}

#mission {
    padding: 1em;
    background-color: #fff;
    border: 1px solid #e0e5fb;
    margin-bottom: 2em;
}

/* *********************************************************************************************************** */
/* *************************************************** Navigation ******************************************** */
/* *********************************************************************************************************** */

#headnav ul {
text-align: right;
margin: 20px 10px 0 0;
}

#headnav ul li {
font-family: verdana, arial, sans-serif;
font-size: 1em;
list-style: none;
display: inline;
padding: 0 5px;
}

#headnav ul li a, #headnav ul li a:visited {
padding: 5px;
color: #027AC6;
border-left: 1px solid transparent;
text-decoration: none;
}

#headnav ul li a:hover, #headnav ul li a:active, #headnav ul li a.active {
color: #fff;
}

#headnav00 ul {
text-align: right;
margin: 20px 10px 0 0;
}

#headnav00 ul li {
font-family: verdana, arial, sans-serif;
font-size: 1em;
list-style: none;
display: inline;
padding: 0 5px;
}

#headnav00 ul li a, #headnav00 ul li a:visited {
padding: 5px;
color: #027AC6;
border-left: 1px solid transparent;
text-decoration: none;
}

#headnav00 ul li a:hover, #headnav00 ul li a:active, #headnav0ß0 ul li a.active {
color: #fff;
}

/* *********************************************************************************************************** */
/* ************************************************ content sections ***************************************** */
/* *********************************************************************************************************** */

#c00wrapper {
	padding-top: 150px;
	background: #000;
}

#c1-2wrapper {
	padding-top: 30px;
/*	background: #2e3540 url(/fileadmin/images/gfx/bg_c1-2.gif) repeat-x;*/
	background: #000;
}

#c3wrapper {
	margin: 0;
	padding: 20px 0 10px 0;
/*	background: #636d84 url(/fileadmin/images/gfx/bg_c3.gif) repeat-x;*/
	background: #000;
}

#content_00 {
	height: 300px;
}

#content_00 h3 {
margin-left: -50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #027AC6;
	padding-top: 100px;
	text-align: center;
}

#content_00 p {
	margin: -20px 0 0 -50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #027AC6;
	text-align: center;
	padding: 10px  0 0 550px;
}

#content_00 h3 a, #content_00 p a, #content_00 h3 a:visited, #content_00 p a:visited {
	text-decoration: none;
	color: #027AC6;
}

#content_00 h3 a:hover, #content_00 p a:hover, #content_00 h3 a:active, #content_00 p a:active {
	text-decoration: none;
	color: #027AC6;
}
	  

#content_1, #content_2, #content_3 {
	position: relative;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}

#content_1 {
	min-height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;	
	color: #61b2ed;
	padding: 0 0 0 25px;
	background: url(../images/gfx/c1_header.png) no-repeat;
}

#content_2 {
	margin-top: -10px;
	min-height: 250px;
	padding-bottom: 15px;
}

#content_2 .leftnav {
	width: 25%;
	float: left;
}

#content_2 .main_c {
	width:75%;
	float: left;
}



#content_1 h1, #content_2 h1, #content_3 h1, #content_1 h2, #content_2 h2, #content_3 h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #61b2ed;
}

#content_1 p, #content_2 p, #content_3 p {
	color: #ccc;
}

#content_2 ul li {
	color: #ccc;
}
	
	

	

/* *********************************************************************************************************** */
/* ************************************************ content features ***************************************** */
/* *********************************************************************************************************** */


#features {
	padding-left: 25px;
	border-top:1px solid #6E7A93;
	background-color:#636D84;
	background-image: url('../images/gfx/feature_background.gif');
	background-repeat: repeat-x;
}

#feature {
}

#feature_header {
	height:30px;
	background-color: #323943;
	color : inherit;
	text-align:center;
	font-size:10px;
}

#feature_header a {
	color: #FFFFFF;

}

#features a {
    color: #FFFFFF;
}

/* *********************************************************************************************************** */
/* ***************************************************** footer ********************************************** */
/* *********************************************************************************************************** */

span.clear {
    display: block;
    clear: both;
    height: 1px;
    line-height: 0px;
    font-size: 0px;
    margin-bottom: -1px;
}

#footer {
	clear: both;
	position: relative;
	left: 50%;
	width: 900px;
	margin-left: -450px;
    padding: 20px 0px;
    text-align: center;
    font-size: 9px;	
	background-repeat: repeat-x;
	font-size:9px;
	color: #ccc;
}

#footer .footnav {
	width: 33%;
	float: left;
	margin-bottom: 5px;
}

#footer .copyright {
	width: 33%;
	float: left;
}

#footer .validw3c {
	width: 33%;
	float: left;
}