
/* CSS Document */


/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 
 * grey text was 9f9f9f
 */

html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color:#f0f2ea;
	background-image:url(../images/interface/mainbg.jpg);  background-position:center 0px; background-repeat:no-repeat;
}

* html #container {
	/* height: 100%; */
}

ul {
	margin-top:2px;
	margin-bottom:10px;
}

li {
	color:#7e7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

.sidebarlist {
list-style:none; background-image:url(../images/interface/list-arrows.gif); background-repeat:no-repeat; background-position:7px 6px; margin:0; padding:0 0 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:12px;	
}
form {
	margin:0px;
	padding:0px;
}

.input {
	width:215px;
	font-size:11px;
	margin: 1px 0 5px 0;
	padding:3px 3px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ecefe5;
	border:solid 1px #ecefe5;
	color:#566c5f;
}
div#contentright .input {
	color:#566c5f;
	background-color:#ecefe5;
	border:solid 1px #ecefe5;
}

.textarea {
	width:223px;
	font-size:11px;
	margin-bottom:0px;
	padding:3px 3px 3px 3px;
	font-family:Arial, Helvetica, sans-serif;
}
div#contentright .textarea {
	color:#566c5f;
	background-color:#ecefe5;
	border:solid 1px #ecefe5;
}


select {
	width:223px;
	font-size:11px;
	padding:3px 3px 3px 3px;
	margin: 1px 0 5px 0;
	color:#7b8f76;
	background-color:#ecefe5;
	border:solid 1px #ecefe5;
}

textarea {
	height:80px;
}

.button {
	width:90px;
	font-size:11px;
	padding:4px 5px 3px 5px;
	margin:5px 0 0 0px;
	color:#ffffff;
	font-weight:bold;
	border: solid 0px;
	background-color:#7b8f76;
}
.ddSelect {
padding:2px 0 0 0;	
}

div#hpdetail h1 {
	margin:0px;
	padding:130px 0 5px 0;
	font-size:30px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#b4bfa3;
}
h1 {
	margin:0 0 0 -1px;
	padding:0px 0 0px 0;
	font-size:50px;
	font-weight:normal;
	color:#7b8f76;
	font-family:Arial, Helvetica, sans-serif;	
}
h2 {
	margin:0px;
	padding:0px 0 0px 0;
	font-size:25px;
	font-weight:normal;
	color:#7b8f76;
	font-family:Arial, Helvetica, sans-serif;	
}
h3 {
	margin:0px;
	padding:0px 0 0px 0;
	font-size:18px;
	font-weight:normal;
	color:#7b8f76;
	font-family:Arial, Helvetica, sans-serif;
}
h4 {
	margin:0px;
	padding:0px 0 4px 0;
	font-size:12px;
	font-weight:normal;
	color:#009859;
	font-family:Arial, Helvetica, sans-serif;
}
h5 {
	margin:8px 0 -5px 0px;
	padding:0px 0 0px 0;
	font-size:13px;
	font-weight:bold;
	color:#7b8f76;
	font-family:Arial, Helvetica, sans-serif;
}
p {
	padding:0 0 0 2px;
	color:#7e7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div#footer p {
	padding:0 0 0 2px;
	color:#7e7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#contentleft p {
	margin:0px;
	padding:0 0 0 2px;
	color:#7e7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

A:link {color:#7e7a7a;text-decoration:underline;}
A:visited {color:#7e7a7a;text-decoration:underline;}
A:active {color:#7e7a7a;text-decoration:underline;}
A:down {color:#7e7a7a;text-decoration:underline;}
A:hover {color:#009859;text-decoration:none;}

A.footerlink:link {color:#7e7a7a;text-decoration:none;}
A.footerlink:visited {color:#7e7a7a;text-decoration:none;}
A.footerlink:active {color:#7e7a7a;text-decoration:none;}
A.footerlink:down {color:#7e7a7a;text-decoration:none;}
A.footerlink:hover {color:#009859;text-decoration:none;}

A.newslink:link {color:#7b8f76;text-decoration:none;}
A.newslink:visited {color:#7b8f76;text-decoration:none;}
A.newslink:active {color:#7b8f76;text-decoration:none;}
A.newslink:down {color:#7b8f76;text-decoration:none;}
A.newslink:hover {color:#009859;text-decoration:none;}


A.sec:link {color:#566c5f;text-decoration:none;}
A.sec:visited {color:#566c5f;text-decoration:none; }
A.sec:active {color:#566c5f;text-decoration:none;}
A.sec:down {color:#566c5f;text-decoration:none; }
A.sec:hover {color:#009859;text-decoration:underline;}

A.lhslink:link {color:#7e7a7a;text-decoration:none;}
A.lhslink:visited {color:#7e7a7a;text-decoration:none; }
A.lhslink:active {color:#7e7a7a;text-decoration:none;}
A.lhslink:down {color:#7e7a7a;text-decoration:none; }
A.lhslink:hover {color:#009859;text-decoration:none;}




.body
{	
}

div#container {
	position:relative; /* needed for footer positioning*/
	width:940px;
	height:auto !important; /* real browsers */
	/* height:100%;  IE6: treaded as min-height
	min-height:100%; /* real browsers */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-color:#ffffff;
	
}

div#masthead {
	width: 870px;
	height:78px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/bg_masthead.gif);
	background-repeat:no-repeat;
	padding:20px 0 0 0;
}

div#masthead .logo {
	float:left;
	width:309px;
	height:78px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/interface/logo.gif); background-position:0px 0px; background-repeat:no-repeat;
}

div#secnav {
	padding:0px 0px 0px 0px;
	width: 870px;
	height:30px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:right;
	background-color:#ecefe5;
}


div#secnav .link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 10px 10px 10px;
	margin:0;
	float:right;
}
div#secnav .hilight {
	background-color:#7b8f76;
	padding:10px 10px 6px 10px;
	margin:0 0 0 0;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
}

.secnav span, .secnav a {
	padding:10px 5px 10px 5px;
}

div#nav-one {
	width: 530px;
	padding:0px;
}














div#hpdetail {
	width: 870px;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
}
div#hpdetailrhs {
	background-image:url(../images/interface/hp-rhs.gif); background-repeat:no-repeat; float:left; margin-left:31px; height:219px; width:450px; padding:40px; vertical-align:baseline; position:relative;
}

.hpdetailtxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cdd3cf;	
	padding:8px 0 0 2px;
	margin:0px;
}

div#content {
	width: 870px;
	padding:20px 0 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}




div#contentleft {
	float:left;
	width:309px;
	padding:0 0px 0px 0px;
	margin:0px;
	color:#979797;
}

div#contentright {
	float:left;
	width:530px;
	padding:0 0px 0 0;
	margin-left:31px;
	color:#7e7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.csrhs {
padding:0px; margin:0px;	
}
div#footer {
	width: 908px;
	height:124px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding:30px 0 0 0px;

	text-align:center;
	background-image:url(../images/interface/bg_footer.gif);
	background-repeat:repeat-x;
}
.footerbarthick
{
	width:870px;
	height:20px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	background-color:#ecefe5;	
}
.footerbarthin
{
	padding:0;
	margin:0 0 10px 0;
	width:870px;
	height:1px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	background-color:#e5e5e5;	
}
.newsdate
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#a29c9c;
	margin:2px 0 0px 0px;
	padding:0px;
}
.thumbnails {
	margin:2px 10px 5px 0;
	float:left;
}
.newsThumbnailHolder {
	margin:15px 0px 15px 15px;
	width:130px;
	float:right;
}

.copythumbnails {
	border:6px solid #253743;
	margin:0px 0px 5px 10px;
}
.copyThumbnailHolder {
	margin:10px 0px 15px 15px;
	width:130px;
	float:right;
}
.portraits {
	float:left;
	margin:18px 10px 10px 0px;	
}


.seperator {
	background-image:url(../images/interface/seperatorLine.gif);
	background-repeat:repeat-x;
	height:20px;
	width:529px;
}


.nextNewsPage {
	width:521px;
	text-align:center;
	margin:10px 0px 0px 0px;
	padding:10px 0px 6px 0px;
	color:#7e7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.backtoNewsPage {
	width:521px;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:10px 0px 6px 0px;
	color:#7e7a7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}



.contactlhs {
	float:left;
	padding:6px 6px 6px 6px;
	text-align:right;
	width:120px;
	/*background-color:#182b39;*/
	margin:2px 2px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7b8f76;
	font-size:12px;
}

.contactrhs {
	float:left;
	padding:6px 0px 6px 6px;
	width:355px;
	background-color:#ecefe5;
	margin:2px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7b8f76;
	font-size:12px;
}


.feedbacklhs {
	float:left;
	padding:6px 6px 6px 0px;
	text-align:right;
	width:126px;
	margin:0px 2px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7b8f76;
	font-size:12px;
}

.feedbackrhs {
	float:left;
	padding:0px 0px 6px 0px;
	width:234px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7b8f76;
	font-size:12px;

}

/*.submit {
	margin-left:129px;
	height:24px;
	width:210px;
	font-weight:bold;
	padding:6px;
}*/
.submitRHS {
	margin-left:129px;
	height:24px;
	width:210px;
	font-weight:bold;
	padding:6px;
}
.wideseperator
{
	width: 870px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(../images/interface/seperatorLine.gif);
	background-repeat:repeat-x;
	height:45px;
}
.spacer5 {
	height:5px;
}
.spacer10 {
	height:10px;
}
.spacer20 {
	height:20px;
}
.spacer30 {
	height:30px;
}
.spacer40 {
	height:40px;
}
.spacer60 {
	height:60px;
}
.spacer80 {
	height:80px;
}
.spacer100 {
	height:100px;
}
.spacer110 {
	height:110px;
}

.rollover {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;

}