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

/* --------------- Defaults --------------- */

html, body {
height: 100%;
}

body {
font-family: Georgia, "Times New Roman", serif;
font-size:13px;
line-height:17px;
color:#666;
background-image:url(images/stripey_bg.gif);
margin:0 auto;
}

a:link, a:active {color: #A6C167; text-decoration: none;}
a:visited {color: #A6C167; text-decoration: none;}	
a:hover {color: #F7941E;}
a img {border-width: 0; border-style: none; padding:0; margin:0;}


/* --------------- Font Styling ID's --------------- */

#footer {
background:#FFF;
border-top:1px dashed #8BA245;
width:960px;
padding:20px 0px 10px 0px;
margin:0px;
clear:both;
height:30px;
font-size:10px;
text-align:center;
color:#666;
position: relative;
}

/* --------------- Font Styling Classes --------------- */

h2 {
font-family: Georgia, "Times New Roman", serif;
font-size:18px;
font-weight:normal;
line-height:28px;
color:#;
}

h1 {
font-family: Georgia, "Times New Roman", serif;
font-size:18px;
font-weight:normal;
line-height:23px;
color:#666;
}

h3, li {
font-family: Georgia, "Times New Roman", serif;
font-size:13px;
line-height:20px;
font-weight:normal;
color:#666;
}

h4 {
font-family: Georgia, "Times New Roman", serif;
font-size:13px;
line-height:17px;
font-weight:normal;
color:#666;
}

h5 {
font-family:Georgia,"Times New Roman", serif;
font-size:18px;
line-height:17px;
font-weight:normal;
color:#A6C167;}

h6 {
font-family:Georgia,"Times New Roman", serif;
font-size:14px;
line-height:17px;
font-weight:bold;
color:#666;}

.credit {
font-family: Georgia, "Times New Roman", serif;
text-align:left;
font-size:10px;
color:#999;
}

.large {
font-family: Georgia, "Times New Roman", serif;
text-align:left;
font-size:15px;
color:#666;
line-height:19px;
}



/*--------------- Div ID's --------------- */

#content {
width:960px;
height:auto;
margin:0;
padding:0;
}

#wrapper {
width:1020px;
border:0px;
margin:0 auto;
background-color:#FFF;
}

#page, #page_tall, #page_xtall, #page_xxtall, #page_xxxtall {
width:960px;
height:800px;
border:0px;
margin:0 auto;
background-color:#FFF;
}

#page_tall {
height:960px;
}

#page_xtall {
height:1810px;
}

#page_xxtall {
height:2000px;
}

#page_xxxtall {
height:2300px;
}

#page_mtall {
height:1110px;
}

#page_ltall {
height:1350px;
}


#page_form {
height:2100px;
}

#footer_box {
width:960px;
height:100px;
border:0px;
margin:0 auto;
background-color:#FFF;
}


/*--------------- Standard Layout --------------- */

#column1 {
background:#FFF;
width:470px;
padding:20px 20px 0px 0px;
float:left;
}

#column2 {
background:#FFF;
width:440px;
height:850px;
padding:0px 0px 0px 20px;
margin:0px 0 0 0;
border-left:dashed 1px #8BA245;
float:right;
}

#container1 {
width:470px;
text-align:center;
vertical-align:bottom;
border:0;
margin:0px 0 20px 0px;
}

#container1_left {
width:470px;
text-align:left;
vertical-align:bottom;
border:0;
margin:0px 0 20px 0px;
}

#container2 {
width:420px;
padding:0;
vertical-align:bottom;
border:0;
margin:0px;
}

/*--------------- About Layout --------------- */

#column3, #column3_2 {
background:#FFF;
width:285px;
height:370px;
padding:20px 0px 0px 60px;
float:left;
border-bottom:dashed 1px #8BA245;

}

#column4, #column4_2 {
background:#FFF;
width:590px;
height:390px;
padding:0px 0px 0px 20px;
margin:0px 0 0 0;
border-left:dashed 1px #8BA245;
float:right;
border-bottom:dashed 1px #8BA245;
}

#column3_2, #column4_2 {
border-bottom:none;
}

#container3 {
width:310px;
height:390px;
vertical-align:bottom;
border:0;
margin:0px 0px 20px 0px;
}

#container4 {
width:550px;
padding:0;
vertical-align:bottom;
border:0;
margin:0px;
}

#column_full {
background:#FFF;
width:900px;
padding:20px 20px 0px 0px;
float:left;
}

#column5 {
background:#FFF;
width:500px;
height:1000px;
padding:0px 0px 0px 30px;
float:left;
border-bottom:dashed 1px #8BA245;

}

#column5_xx {
background:#FFF;
width:500px;
height:1850px;
padding:0px 0px 0px 30px;
float:left;
border-bottom:none;

}

#column6 {
background:#FFF;
width:370px;
height:1000px;
padding:0px 0px 0px 20px;
margin:0px 0 0 0;
border-left:dashed 1px #8BA245;
float:right;
border-bottom:dashed 1px #8BA245;
}

#column6_xx {
background:#FFF;
width:370px;
height:1850px;
padding:0px 0px 0px 20px;
margin:0px 0 0 0;
border-left:dashed 1px #8BA245;
float:right;
border-bottom:none;
}

#container5 {
width:500px;
height:1000px;
vertical-align:bottom;
border:0;
margin:0px 0px 20px 0px;
}

#container6 {
width:370px;
height:1000px;
padding:0;
vertical-align:bottom;
border:0;
margin:0px;
}

#container_badge {
width:150px;
height:175px;
vertical-align:bottom;
border:0;
margin:0px 10px 20px 0px;
float:left;
}

#container7 {
width:320px;
height:175px;
vertical-align:bottom;
border:0;
margin:0px 0px 20px 0px;
float:right;
}


/*--------------- FAQ x-long Layout --------------- */

#column2_x {
background:#FFF;
width:440px;
height:1650px;
padding:0px 0px 0px 20px;
margin:0px 0 0 0;
border-left:dashed 1px #8BA245;
float:right;
}

#column2_xx {
background:#FFF;
width:440px;
height:1850px;
padding:0px 0px 0px 20px;
margin:0px 0 0 0;
border-left:dashed 1px #8BA245;
float:right;
}


/* --------------- Header --------------- */


#header {
	width:960px;
	height:150px;
	padding:10px 0px 0px 0px;
}

#header_plain {
	width:960px;
	height:120px;
	padding:10px 0px 0px 0px;
}

#navbox {
background:transparent;
width:960px;
height:40px; 
border-bottom:dashed 1px #8BA245;
margin:0 0 50px 0;
}

#nav_border {
background:transparent;
width:960px;
height:5px; 
border-bottom:dashed 1px #8BA245;
margin:0 0 50px 0;
}

#navbar {
	background:transparent;
	height:40px;
	width: 960px;
	padding:0 0 0 70px;
	margin:0 0 50px 0
}


/* --------------- Nav --------------- */


#example-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 960px;
    height: 40px;
    overflow: hidden;
}

#example-nav li {
    float: left;
}

#example-nav a {
    display: block;
    background-image: url(images/nav/nav_sprite.gif);
    padding-top: 40px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

#example-nav-welcome {
    width: 120px;
}
#example-nav-welcome:hover {
    background-position: 0px -40px;
}

#example-nav-welcome-selected {
	width: 120px;
    background-position: 0px -40px;
}

#example-nav-about {
    width: 120px;
    background-position: -120px 0;
}
#example-nav-about:hover {
    background-position: -120px -40px;
	
}

#example-nav-about-selected {
	width: 120px;
    background-position: -120px -40px;
}

#example-nav-lab {
    width: 120px;
    background-position: -600px 0;
}
#example-nav-lab:hover {
    background-position: -600px -40px;
	
}

#example-nav-lab-selected {
	width: 120px;
    background-position: -600px -40px;
}

#example-nav-faq {
    width: 120px;
    background-position: -240px 0;
}

#example-nav-faq:hover {
    background-position: -240px -40px;
}

#example-nav-faq-selected {
	width: 120px;
    background-position: -240px -40px;
}

#example-nav-register {
    width: 120px;
    background-position: -360px 0;
}

#example-nav-register:hover {
    background-position: -360px -40px;
}

#example-nav-register-selected {
	width: 120px;
    background-position: -360px -40px;
}

#example-nav-contact {
    width: 120px;
    background-position: -480px 0;
}

#example-nav-contact:hover {
    background-position: -480px -40px;
}

#example-nav-contact-selected {
	width: 120px;
    background-position: -480px -40px;
}

#example-nav-blog {
    width: 120px;
    background-position: -720px 0;
}

#example-nav-blog:hover {
    background-position: -720px -40px;
}

#example-nav-blog-selected {
	width: 120px;
    background-position: -720px -40px;
}





/* --------------- Footer --------------- */

#footer {
border-top:1px dashed #8BA245;
width:960px;
padding:20px 0px 10px 0px;
clear:both;
height:50px;
}


/* --------------- Classes --------------- */

hr.clear {
clear:both;
display:block;
visibility:hidden;
}

img.alignright {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 0px 0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.project_left {
	float:left;
	margin:0 0 30px 0;
}

.project_right {
	float:left;
	margin:0 0 30px 0;
}

.project_center {
	margin:0px 29px 30px 29px;
}

.clearfooter {
height: 50px;
clear: both;
}

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


form.cmxform fieldset { margin-bottom: 10px;
	border:0px;
}
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	text-align:right;
	margin-right:20px;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	border:0px;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */