/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Stefan Dzisiewski-Smith
*/

/* top, right, bottom, left */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	/*font-family: Georgia,"Times New Roman",Times,serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #50575F;	
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

body span.error { color:#FF0000 }

#menu a:link { text-decoration: none; color: #B8C3CF; font-size: 10px;}
#menu a:active { text-decoration: none; color: #FFB200; font-size: 10px;}
#menu a:visited { text-decoration: none; color: #5C6268; font-size: 10px;}
#menu a:hover { text-decoration: none; color: #FFB200; font-size: 10px;}
/*
#content a:link { text-decoration: none; color: #50575F; font-size: 10px; padding: 1px 3px 2px 3px;}
#content a:active { text-decoration: none; color: #50575F; font-size: 10px; background: #FFB200; color: #ffffff;}
#content a:visited { text-decoration: none; color: #50575F; font-size: 10px; padding: 1px 3px 2px 3px;}
#content a:hover { text-decoration: none; color: #50575F; font-size: 10px; background: #FFB200; color: #ffffff;}
*/

#content a:active { text-decoration: none; color: #50575F; font-size: 10px;  border: solid 2px #ffb200; background: #FFFFFF; padding: 0px 2px 1px 2px;}
#content a:link { text-decoration: none; color: #50575F; font-size: 10px; background: #FFB200; color: #ffffff; padding: 2px 4px 3px 4px;}
#content a:hover { text-decoration: none; color: #50575F; font-size: 10px; border: solid 2px #ffb200; padding: 0px 2px 1px 2px;  background: #FFFFFF;}
#content a:visited:hover { text-decoration: none; color: #50575F; font-size: 10px; border: solid 2px #ffb200; padding: 0px 2px 1px 2px;  background: #FFFFFF;}
#content a:visited { text-decoration: none; color: #50575F; font-size: 10px; background: #FFB200; color: #ffffff; padding: 2px 4px 3px 4px;}

a img { border: none; }

a active{outline: none;}

:focus { outline: none; }

#menu {
	font-size: 10px;
    width: 215px;
    overflow: auto;
    top: 0px;
    bottom: 0;
	left: 0px;
    position: fixed;
    height: 100%;
	background-color: #333333;
	color: #5C6268;	
}

#menu a.active { color: #FFB200;}

#menu ul {
	list-style: none;
	margin: 0 12px 12px 0;
	border-top:1px dotted #B8C3CF;
	padding-top:10px;
}

#menu ul li { 
	margin-left: 1.2em;
}

#menu ul li.section-title { 
	margin-left: 0px;
}
#menu ul li.active a { 
	color: #FFB200;
}

#content {
    height: 100%;
    margin: 0px 0 0 215px;
    top: 0;
}

#content p {
	line-height: 150%;
}

#content ul {
	margin-left: 1em;
	list-style: disc inside;
}

.container {
    padding: 18px 5px 25px 18px;
}

#content .nav a{
	padding: 2px 8px 3px 8px;
	margin: 0px;
	background: #FFB200;
	color: #ffffff;
	border:none;
}

#content .nav a:hover{
	padding: 1px 6px 2px 6px;
	margin: 1px 2px 1px 2px;
	background: #FFB200;
	color: #ffffff;
	border:none;
}

#content p { width: 640px; height:100%; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 640px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

/* stuff below here is just for the contact form */

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 800px;
	height: auto !important;
	height: 800px;
}

#contact-area {
	width: 318px;
	margin-top: 0px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 303px;
	font-size: 10px;
	/*font-family: Georgia,"Times New Roman",Times,serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	/*color: #50575F;*/
	margin-left: 15px;
	border: 2px solid #B8C3CF;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #FFB200;
}

#contact-area input.submit-button {
	text-decoration: none; 
	font-size: 10px; 
	background: #FFB200; 
	color: #ffffff; 
	padding: 0px 2px 1px 2px;
	border: solid 2px #ffb200;	
	width: 100px;
	margin-left: 285px;
	margin-top:  5px;	
}

#contact-area input.submit-button:hover {
	padding: 1px 6px 2px 6px;
	text-decoration: none; 
	color: #50575F; 
	font-size: 10px; 
	border: solid 2px #ffb200; 
	padding: 0px 2px 1px 2px;  
	background: #FFFFFF;
	width: 100px;

}

td.left {
	width: 80px;
	text-align: left;
	font-size: 10px;
	vertical-align:text-top;
	padding-top: 7px;
}

#captcha-area {
	padding-left: 72px;
	text-align: left;
	width: 390px;
}

/* recaptcha custom theme 

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FF0000 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FF0000 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #FF0000 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
 }

*/