/* CSS Document */

body {
	background:url(img/page_bg.jpg) repeat-x #f1efe4;
	text-align:center;
	font: 13px trebuchet ms; 
}

.wrapper {
	width:950px;
	text-align:left;
	background:white;
}

.header {
	background:#5280a3;
}

.navigation {
	border-left:4px white solid;
	border-right:4px solid white;
	background-image:url(img/nav_bg.jpg);
	height:67px;
}

div.navigation ul {
	height: 63px;
	width: 942px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	top: 4px;
	left: 14px;
}

div.navigation li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

div.navigation a {
	height: 63px;
	line-height: 63px;
  	float: left;
  	margin: 0px;
  	padding: 0px 0px 0px 2px;
  	text-decoration: none;
	cursor: pointer;
}
	
.navigation li.current a {
	background: url("img/navigation_left_bg.png") no-repeat left top;
}
	
.navigation li.current a span {
	background: url("img/navigation_right_bg.png") no-repeat right top;
	color: #ffffff;
}
	
.navigation a span {
	font: 14px trebuchet ms;
	color: #dddddd;
	line-height: 63px;
   	float: left;
   	display: block;
	padding: 0px 30px 0px 30px;
}

.navigation a:hover {
	background: url("img/navigation_left_bg.png") no-repeat left top;
}

.navigation a:hover span {
	background: url("img/navigation_right_bg.png") no-repeat right top;
}

.navigation li.current a:hover {
	text-decoration: none;
}


.content {
	background:url(img/shadow.jpg) top repeat-x white;
	margin:0px 4px 0px 4px;
	padding:30px 20px 30px 20px;
}

.social_media {
	background:url(img/bottom_shadow.jpg) top repeat-x;
	margin:0px 4px 1px 4px;
	padding:30px 20px 5px 20px;
	background-color:#424242;
	color:#fff;
}

.footer {
	background:url(img/shadow.jpg) top repeat-x;
	margin:0px 4px 40px 4px;	
	padding:30px 20px 20px 20px;
}

a, a:visited {
	color:#424242;
}

a:hover {
	color:#000;
}

.social_media a, .social_media a:visited {
	color:#FFFFFF;
}

.social_media a:hover {
	color:#999999;
}

h1 {
	font: 36px trebuchet ms;
	color: #323232;
	font-weight: normal;
	padding-top: 5px;
	margin-bottom:10px;
}

h2 {
	font: 30px trebuchet ms;
	color: #393939;
	font-weight: normal;
	margin-bottom: 10px;
}

h3  {
	font: 18px trebuchet ms;
	font-weight: normal;
	margin: 20px 0px 10px 0px;
}

h4 {
	font: 15px trebuchet ms;
	font-weight: bold;
	margin-bottom: 10px;
}

table.main-table {
	width: 100%;
	border-collapse: collapse;
}

table.main-table th {
	padding: 5px;
	background: #454545;
	border: 1px solid #ffffff;
	color: #ffffff;
}

table.main-table td {
	padding: 5px;
	text-align: left;
	border: 1px solid #ffffff;
	background: #fcfcfc;
}

table.main-table td.center {
	text-align: center;
}

table.main-table tr.dark td {
	background: #f6f6f6;
}

table#table-contact {
	width: 100%;
	border-collapse: collapse;
	margin-top: 25px;
}

table#table-contact td.left{
	text-align: right;
	padding: 10px;
	background: #f6f6f6;
	border: 1px solid #ffffff;
}

table#table-contact td.right{
	text-align: left;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #ffffff;
}

/* FORM */

table#table-contact input {
	width: 350px;
	border: 1px solid #cdcdcd;
	font: 13px trebuchet ms;
	color: #5a5a5a;
	padding: 5px;
	background: #ffffff;
}

table#table-contact input.submit {
	width: 100px;
	border: none;
	font: 13px trebuchet ms;
	color: #ffffff;
	padding: 5px;
	background: #555555;
	cursor: pointer;
}

table#table-contact textarea {
	width: 350px;
	height: 200px;
	border: 1px solid #cdcdcd;
	font: 13px trebuchet ms;
	color: #5a5a5a;
	padding: 5px;
	background: #ffffff;
}


div.c-r-content {
	background: #fafafa;
	border: 1px solid #e2e2e2;
	padding: 15px;
}

.lt {
	width:575px;
	float:left;
	padding-right:24px;
}

.rt {
	width:300px;
	float:right;
}

p {
	margin-top:10px;
	margin-bottom:10px;
}

.fail {
	background-color:#FF9999;
	border:1px #FF0000 solid;
	padding:7px 10px 7px 10px;
}

.success {
	background-color:#66CC66;
	border:1px #339900 solid;
	padding:7px 10px 7px 10px;
}