/* Regular Styles */

body {
background: #005100;
}

p {
	font-family: Verdana;
	color: #555555;
	padding: 5px;
}

h1 {
font-family: Verdana;
color: #555555;
padding: 5px;
}

h2 {
font-family: Verdana;
color: #555555;
padding: 5px;
}

div.container {
background: white;
width: 1024px;
margin-top: 25px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
border: 1px solid #999999;
}

a:link {
    color: #3B3B3B;
    text-decoration: underline;
}

a:visited {
    color: #3B3B3B;
    text-decoration: underline;
}

a:hover {
    color: #BBBBBB;
    text-decoration: none;
}

a:active {
    color: #828282;
    text-decoration: none;
}


/* Header Styles */
div.header {
height: 192px;
background-image: url("/images/header.jpg");
background-repeat: no-repeat;
background-position: top-right;
border-bottom: 1px solid #999999;
}

div.links {
height: 26px;
background-image: url("/images/link_bg.jpg");
background-repeat: no-repeat;
position: relative;
top: 155px;
}

div.links p.left {
float: left;
color: white;
margin-top: 0px;
padding-left: 30px;
font-family: Verdana;
}

div.links ul {
float: right;
margin-top: 3px;
}

div.links ul li {
font-family: Verdana;
float: left;
list-style-type: none;
list-style-image: none;
padding-left: 10px;
padding-right: 10px;
}

div.links a:link {
color: white;
text-decoration: none;
}

div.links a:visited {
color: white;
text-decoration: none;
}

div.links a:hover {
color: #BBBBBB;
text-decoration: none;
}

div.links a:active {
color: #BBBBBB;
text-decoration: none;
}

/* Sidebar */
div.sidebar {
float: left;
width: 15%;
margin-left: 0px;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana;
}

div.sidebar ul {
padding-left: 10px;
margin-left: 0px;
}

div.sidebar ul li {
list-style-type: none;
list-style-image: none;
padding-top: 5px;
padding-bottom: 5px;
}

div.sidebar a:link {
color: #444444;
text-decoration: none;
}

div.sidebar a:visited {
color: #444444;
text-decoration: none;
}

div.sidebar a:hover {
color: #999999;
text-decoration: none;
}

div.sidebar a:active {
color: #999999;
text-decoration: none;
}

/* Content */
div.content {
float: left;
width: 80%;
margin-right: 5px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana;
}

div.image {
	position: relative;
}

/* Inline list */

ul.inline {
    padding: 5px;
}

.inline li {
    display: inline;
    padding: 10px;
}

.inline li a {
    background: #fff;
    color: #444444;
    text-decoration: none;
}

.inline li a:hover {
    background: #fff;
    color: #BBBBBB;
}

/* Footer */

div.footer {
height: 252px;
background-image: url("/images/footerfade.jpg");
background-repeat: no-repeat;
border-top: 1px solid #999999;
position: relative;
clear: both;
}

.footer p {
color: white;
padding-top: 201px;
text-align: center;
font-family: Verdana;
}

form {
padding: 10px;
}

/********************************
 *
 * Flash Video Styles 
 *
 ********************************/

object.video {
    width: 100%;
    height: 350px;
}

.video_container {
    padding: 4px;
    background: #fff;
    border: 4px solid #ddd;
    margin: 10px auto;
    width: 575px;
}

.video_container h2 {
	font: 18px normal;
        font-family: Verdana;
	border: 1px solid #ddd;
	background: #fff;
	margin: 0;
	padding: 10px;
	color: #111;
	text-align: center;
}
.video_container p {
	font: 12px normal;
	font-family: "Century Gothic";
	padding: 10px;
	margin: 0;
	border: 1px solid #ddd;
	background: #f0f0f0;
}


/********************************
 *
 * Project Submission Form Styles 
 *
 ********************************/
 
 
/* Form Section Sizing */

div.requester, div.poc, div.location, div.project {
width: 100%;
}

div.requester h1, div.poc h1, div.location h1, div.project h1 {
font-weight: bold;
font-size: 1.2em;
color: #555555;
font-family: Verdana;
}

div.requester h2 {
font-weight: bold;
font-size: 1em;
color: #555555;
margin-top: -10px;
font-family: Verdana;
}

div.requester .inputText {
border: 1px solid #3b6e22
color: #666666;
}

div.requester label {
display: block;
margin-bottom: 10px;
color: #555555;
}

div.requester label span, 
div.poc label span, 
div.location label span,
div.project label span {
display: block;
float: left;
padding-right: 6px;
width: 220px;
text-align: left;
font-weight: bold;
font-family: Verdana;
font-size: 80%;
}

/* Point of Contact */


div.poc .inputText {
border: 1px solid #3b6e22
color: #666666;
}

div.poc label {
display: block;
margin-bottom: 10px;
color: #555555;
}


/* Event Location */


div.location .inputText {
border: 1px solid #3b6e22
color: #666666;
}

div.location label {
display: block;
margin-bottom: 10px;
color: #555555;
}

/* Project Information */


div.project .inputText {
border: 1px solid #3b6e22
color: #666666;
}

div.project label {
display: block;
margin-bottom: 15px;
color: #555555;
}

/* Error Text */
div.requester span.error {
text-align: left;
font-weight: normal;
margin-top: -30px;
font-family: Verdana;
font-size: 80%;
}

div.poc span.error {
margin-top: -35px;
text-align: left;
font-family: Verdana;
font-size: 80%;
}

div.location span.error {
margin-top: -35px;
text-align: left;
font-family: Verdana;
font-size: 80%;
}

div.project span.error {
margin-top: -35px;
text-align: left;
font-family: Verdana;
font-size: 80%;
}

.error {
clear: both;
display: block;
float: right;
color: red;
width: 45%;
}

.termerror {
clear: both;
display: block;
float: right;
color: red;
width: 35%;
}

/********************************
 *
 * Team Leader Form Styles 
 *
 ********************************/
 
 div.teamleader {
 width: 100%;
 }
 
 div.teamleader h1 {
font-weight: bold;
font-size: 1.2em;
color: #555555;
font-family: Verdana;
}

div.teamleader h2 {
font-weight: bold;
font-size: .8em;
color: #555555;
font-family: Verdana;
padding-left: 10px;
width: 500px;
}

div.teamleader .inputText {
border: 1px solid #3b6e22
color: #666666;
}

div.teamleader label {
display: block;
margin-bottom: 10px;
color: #555555;
}

div.teamleader span.error {
margin-top: -30px;
text-align: left;
font-family: Verdana;
font-size: 80%;
}

div.teamleader span.termerror {
margin-top: -35px;
text-align: left;
font-family: Verdana;
font-size: 80%;
}

div.teamleader label span {
display: block;
float: left;
padding-right: 6px;
width: 300px;
text-align: right;
font-weight: bold;
font-family: Verdana;
font-size: 80%;
}

div.teamleader label.skills span {
display: block;
float: left;
padding-right: 6px;
width: 0px;
text-align: right;
font-weight: bold;
font-family: Verdana;
font-size: 80%;
}

div.teamleader label.terms {
display: block;
margin-bottom: 15px;
margin-top: 25px;
color: #555555;
}

div.teamleader label.terms span {
display: block;
float: left;
padding-right: 6px;
width: 600px;
text-align: right;
font-weight: bold;
font-family: Verdana;
font-size: 80%;
}

/********************************
 *
 * Volunteer Form Styles 
 *
 ********************************/
 
 div.volunteer {
 width: 100%;
 }
 
 div.volunteer h1 {
font-weight: bold;
font-size: 1.2em;
color: #555555;
font-family: Verdana;
}

div.volunteer h2 {
font-weight: bold;
font-size: .8em;
color: #555555;
font-family: Verdana;
padding-left: 10px;
width: 500px;
}

div.volunteer .inputText {
border: 1px solid #3b6e22;
color: #666666;
}

div.volunteer label {
display: block;
margin-bottom: 10px;
color: #555555;
}

div.volunteer span.error {
margin-top: -30px;
text-align: left;
font-family: Verdana;
font-size: 80%;
}

div.volunteer label span {
display: block;
float: left;
padding-right: 6px;
width: 175px;
text-align: right;
font-weight: bold;
font-family: Verdana;
font-size: 80%;
}

div.volunteer label.skills span {
display: block;
float: left;
padding-right: 6px;
width: 0px;
text-align: right;
font-weight: bold;
font-family: Verdana;
font-size: 80%;
}

div.volunteer label.terms {
display: block;
margin-bottom: 15px;
margin-top: 25px;
color: #555555;
}

div.volunteer label.terms span {
display: block;
float: left;
padding-right: 6px;
width: 600px;
text-align: right;
font-weight: bold;
font-family: Verdana;
font-size: 80%;
}