/*defaults*/
body 	{
	color: #000000;
	margin: 20px 0;
	padding: 0;
	font-family: "Trebuchet MS", verdana, arial, "Times New Roman", serif;
	font-size: 90%;
	background-color: #000033;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
p		{
	margin: 0;
	padding: 0 0 15px 0;
	text-align: left;
}
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}


/*structural elements*/
#container	{
	width: 760px;
	margin: 0px auto;
	text-align: center;
}
#holder		{
	width: 100%;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#logo		{
	border-bottom: 1px solid #DADADA;
	padding: 5px 30px 20px 0px;
	background-position: left 0;
}
#navigation	{
	padding: 10px 0;
}
#header		{
	background-image: url(../images/header_home.jpg);
	height: 200px;
}
#content	{
	float: left;
	width: 710px;
	line-height: 160%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 30px;
}

#news		{float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }
.newsItem	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }
#footer		{
	clear: both;
	width: 100%;
	font-size: 80%;
	background: #DADADA;
	padding: 5px;
	text-align: left;
	border-top: 2px solid #2765AF;
}
#copyright	{float:right; }


/*headings*/
.newsItem h1	{
	color: #000066;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 130%;
	font-weight: normal;
}
#content h1		{
	font-weight: bold;
	line-height: 130%;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
}
#logo h1		{
	font-weight: normal;
	font-size: 170%;
	margin: 0;
	padding: 0;
	color: #000066;
}


/*navigation*/
#navigation ul 		{
	margin: 0;
	padding: 0;
}
#navigation li 		{
	list-style: none;
	display: inline;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0px;
}
#navigation a		{
	color: #FFFFFF;
	padding: 0 10px 0 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
}

#navigation a:hover	{
	color: #F6151D;
}

#footer ul 		{
	margin: 0;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0px;
}
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */
#container #holder #content p strong {
	font-size: 14%;
}

.TextWrapLeft {
	clear: right;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.TextWrapRight {
	clear: left;
	float:right;
	margin: 10px;
}


/*Wrap*/
#wrapper {
margin-top: 20px;
width: 700px;
border: 1px solid #ccc;
background: #fff;
border-radius: 8px;
box-shadow: 1px 1px 8px rgba(0,0,0,.15);
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-bottom: 30px;

}

	
	/* Form Styles Start */
	#cform {
	background: #fff;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	
	}
	#cform p { 
	margin: 0 0 15px 0; 
	}
	
	#form p { 
	margin: 0 0 15px 0; 
	 
	}
	#form p.left {
	width: 300px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}
	#form p.right {
	width: 500px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 0;
	}
	#form label { display: block; 
	text-indent: 6px; 
	font-size: 14px; 
	color: #666; 
	}
	#form input, #form textarea { 
	width: 92%; 
	font-size: 14px; 
	padding: 5px; 
	margin: 3px; 
	border: 1px solid #999; 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	outline:none; 
	transition: all 0.25s ease-in-out; 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	}
	#form input:focus, #form textarea:focus { 
	border: 1px solid #666; 
	box-shadow: 0 0 5px rgba(0, 0, 0, 1); 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1); 
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1); }
	
	#form input.button { 
	-webkit-border-radius: 2em; 
	-moz-border-radius: 2em; 
	border-radius: 2em; 
	padding: .5em 2em .55em; 
	color: #d7d7d7; 
	border: solid 1px #333; 
	background: #333; 	
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top,  #666,  #000); filter 	: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	}
	#form input.button:hover { 
	background: #000; 
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top,  #444,  #000); filter										 	:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); 
	}
	#form input.button:active { 
	color: #666; 
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); 
	background: -moz-linear-gradient(top,  #000,  #444); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr=	'#666666'); 
	}
	/* Slider-Send Area */
	#Send {
	width: 330px;
	height: 45px;
	float: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	}
	.req { 
	color: #b42104; 
	font-weight: bold; 
	}
	/*Error/Success Classes*/
	.error { background: #ffebe8; border-color: #c00 !important;}
	.merror { font-size: 11px; color: #b42104;}
	.success {
	width: 66%;
	border: 1px solid #0E096F;
	background-color: #95A7CB;
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 68px;
	padding-right: 68px;
}
	.loaderIcon { float: left; margin: 5px 0 0 7px; }
	
	/* General */
	.left {float: left; }
	.right { float: right; }
	.clear { clear: both; }