/* css for basic items ------------------------------------------------------------------------------------------ */
html,body	{
 	width:100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 1004px;
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	line-height: 17px;
	color: #62646b;
	background: #6d8e9e url(../images/bg.gif);
 	}
img {
	margin: 0;
    padding: 0;
	}
a, 
a:visited,
a:active {
	color: #c34502;
    outline: none;
	text-decoration: none;
	}
a:hover { 
	color: #c34502;
    outline: none;
	text-decoration: underline;
	}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul li {
    padding: 0;
    margin: 0;
    float: left;
    }
p {
	padding: 0 0 10px 0;
	margin: 0;
	}
form {
	padding: 0;
	margin: 0;
	}
h1 {
	padding: 0 0 18px 0;
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	color: #a0b25e;
	font-weight: normal;
	}
h2 {
	padding: 0 0 8px 0;
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	color: #dbeb90;
	font-weight: normal;
	}
h3 {
	padding: 0 0 8px 0;
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	color: #cdde80;
	font-weight: normal;
	}
h4 {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	color: #62646b;
	font-weight: normal;
	}
h5 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	color: #62646b;
	font-weight: bold;
	}
h6 {
	padding: 8px 0 10px 0;
	margin: 0;
	font-size: 9px;
	line-height: 12px;
	color: #6b7278;
	font-weight: normal;
	}
hr {
	padding: 5px 0 5px 0;
	margin: 2px 0 5px 0;
	color: none;
	background: none;
	border: none;
	border-top: 1px solid #79909c;
	clear: both;
	}

/* css for site structure --------------------------------------------------------------------------------------- */

#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#container {
	position: relative;
	margin: 20px auto 0 auto;
	padding: 16px;
	width: 1004px;
	height: 700px;
	background: url(../images/bg-inner.gif) no-repeat;
    }
#inner {
	position: relative;
	width: 972px;
	height: 647px;
	}    

/* css for header ----------------------------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 972px;
	height: 131px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
#header ul li#top-nav ul li {
	float: none;
	}
#header ul li#top-nav {
	padding: 31px 0 0 0px;
	width: 119px;
	height: 100px;
	color: #ffe17b;
	font-size: 14px;
	line-height: 22px;
	}
#header ul li#top-nav a,
#header ul li#top-nav a:visited,
#header ul li#top-nav a:active {
	padding: 0 0 0 22px;
	color: #b14008;
	background: url(../images/dots-top.gif) no-repeat top left;
	}
#header ul li#top-nav a.on,
#header ul li#top-nav a.on:visited,
#header ul li#top-nav a.on:active,
#header ul li#top-nav a:hover {
	color: #5c2101;
	text-decoration: none;
	background: url(../images/dots-top-on.gif) no-repeat top left;
	}

/* css for main navigation -------------------------------------------------------------------------------------- */

#main-nav {
	position: relative;
	padding: 7px 0 0 93px;
	width: 879px;
	height: 21px;
	border-top: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
	background: #fff;
	clear: both;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #7b8c97;
	}
#main-nav ul li a,
#main-nav ul li a:visited,
#main-nav ul li a:active {
	color: #3b6f90;
	}
#main-nav ul li a:hover {
	color: #c34502;
	text-decoration: none;
	}
#main-nav ul li a.on,
#main-nav ul li a.on:visited,
#main-nav ul li a.on:active {
	color: #c34502;
	}
#main-nav ul li a.on:hover {
	color: #c34502;
	text-decoration: none;
	}

/* css for content left ----------------------------------------------------------------------------------------- */

#content-left {
	position: relative;
	padding: 30px 5px 0 0;
	width: 266px;
	height: 371px;
	float: left;
	background: #fff url(../images/bg-left.gif) repeat-y;
	font-size: 14px;
	color: #405973;
	font-weight: bold;
	text-align: right;
	}
#content-left ul li {
	float: none;
	}
#content-left ul li a,
#content-left ul li a:visited,
#content-left ul li a:active {
	padding: 0 24px 0 0;
	background: url(../images/dots.gif) no-repeat right top;
	line-height: 22px;
	color: #405973;
	}
#content-left ul li a:hover {
	color: #c34502;
	text-decoration: none;
	background: url(../images/dots-on.gif) no-repeat right top;
	}
#content-left ul li a.on,
#content-left ul li a.on:visited,
#content-left ul li a.on:active {
	color: #c34502;
	background: url(../images/dots-on.gif) no-repeat right top;
	}
#content-left ul li a.on:hover {
	color: #c34502;
	text-decoration: none;
	background: url(../images/dots-on.gif) no-repeat right top;
	}
#content-left ul li ul li a,
#content-left ul li ul li a:visited,
#content-left ul li ul li a:active {
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #405973;
	}
#content-left ul li ul li a:hover {
	font-weight: normal;
	color: #c34502;
	text-decoration: none;
	}
#content-left ul li ul li a.on,
#content-left ul li ul li a.on:visited,
#content-left ul li ul li a.on:active {
	font-weight: normal;
	color: #c34502;
	background: url(../images/dots-on.gif) no-repeat right top;
	}
#content-left ul li ul li a.on:hover {
	font-weight: normal;
	color: #c34502;
	text-decoration: none;
	background: url(../images/dots-on.gif) no-repeat right top;
	}
#content-left-community {
	position: relative;
	padding: 0 0 0 0;
	width: 271px;
	height: 371px;
	float: left;
	}
	
	
/* css for content right ---------------------------------------------------------------------------------------- */

#content-right-intro {
	position: relative;
	padding: 30px 0 0 25px;
	width: 676px;
	height: 371px;
	font-size: 13px;
	line-height: 18px;
	float: left;
	background: #fff;
	}
#content-right-intro a, 
#content-right-intro a:visited,
#content-right-intro a:active {
	font-size: 12px;
	line-height: 18px;
	color: #c34502;
    outline: none;
	text-decoration: none;
	}
#content-right-intro a:hover { 
	color: #c34502;
    outline: none;
	text-decoration: underline;
	}
#content-right {
	position: relative;
	padding: 0 0 0 9px;
	width: 692px;
	height: 401px;
	float: left;
	background: #fff;
	}
#content-right ul li.text {
	padding: 28px 25px 0 26px;
	width: 367px;
	height: 373px;
	background: #e9e9e8;
	}
.photo {
	font-size: 0;
	line-height: 0;
	}
#content-right ul.col-photo {
	padding: 0 0 0 9px;
	font-size: 0;
	line-height: 0;
	}
#content-right ul.col-photo li {
	float: none;
	}
#content-right ul li.bio {
	padding: 20px 35px 0 32px;
	width: 198px;
	height: 101px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	background: #abbc61;
	}
#content-right ul li.archive {
	padding: 30px 0 0 32px;
	width: 271px;
	height: 371px;
	background: url(../images/enews.jpg) no-repeat;
	font-size: 12px;
	line-height: 17px;
	color: #fff;
	}
#content-right ul li.archive ul li {
	padding: 0 20px 0 0;
	width: 64px;
	float: left;
	}
#content-right ul li.text-wide {
	padding: 20px 18px 0 26px;
	width: 374px;
	height: 381px;
	background: #e9e9e8;
	}
#content-right ul.contact {
	clear: both;
	}
#content-right ul.images {
	font-size: 0;
	line-height: 0;
	}
#content-right li.contact-text {
	padding: 3px 20px 8px 0;
	width: 59px;
	font-size: 13px;
	line-height: 20px;
	text-align: right;
	float: left;
	color: #fff;
    }
#content-right li.contact-box {
	padding: 0 0 8px 0;
	width: 249px;
	float: left;
    }
.textfield {
	width: 245px;
	height: 18px;
	background: #ebebea;
	border: 1px solid #c5c4c2;
    }

/* css for contact page ---------------------------------------------------------------------------------------- */
	
#content-left-contact {
	position: relative;
	padding: 30px 0 0 52px;
	width: 219px;
	height: 255px;
	font-size: 12px;
	line-height: 18px;
	color: #405973;
	background: url(../images/bg-contact-left.gif) no-repeat;
	float: left;
	}
#content-right-contact {
	position: relative;
	padding: 0 0 0 0;
	width: 701px;
	height: 285px;
	font-size: 12px;
	line-height: 16px;
	color: #62646b;
	background: url(../images/bg-contact-right.gif) no-repeat;
	float: left;
	}
#content-right-contact ul {
	float: none;
	}
#content-right-contact ul li {
	padding: 28px 90px 0 36px;
	float: left;
	}
#footer-contact {
	position: relative;
	padding: 0 0 0 0;
	width: 972px;
	height: 184px;
	clear: both;
	font-size: 11px;
	line-height: 16px;
	color: #62646b;
	background: url(../images/footer-contact.gif) no-repeat;
	}

	
/* css for footer ----------------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	padding: 0px 0 0 160px;
	width: 812px;
	height: 68px;
	clear: both;
	font-size: 49px;
	line-height: 59px;
	color: #d1dd97;
	}
#footer-experience {
	position: relative;
	padding: 0;
	width: 972px;
	height: 206px;
	clear: both;
	font-size: 13px;
	line-height: 18px;
	color: #6b7278;
	background: url(../images/footer-experience-project.gif) no-repeat;
	}
#footer-experience p {
	padding-bottom: 5px;
	}
#footer-experience ul {
	}
#footer-experience ul li.text {
	padding: 28px 49px 0 36px;
	width: 413px;
	}
#footer-experience ul li.logo {
	padding: 67px 21px 0 21px;
	width: 152px;
	}
#footer-experience ul li.info {
	padding: 30px 0 0 25px;
	font-size: 12px;
	line-height: 16px;
	color: #405973;
	}
#footer-experience a, 
#footer-experience a:visited,
#footer-experience a:active {
	font-size: 11px;
	line-height: 16px;
	color: #c34502;
    outline: none;
	font-weight: bold;
	text-decoration: none;
	}
#footer-experience a:hover { 
	color: #c34502;
    outline: none;
	text-decoration: underline;
	}
	
/* css for contact ---------------------------------------------------------------------------------------------- */
#contact {
	position: relative;
	padding: 20px 0 0 0;
	width: 972px;
	height: 53px;
	clear: both;
	color: #3c4a57;
	}
#copyright {
	float: right;
	font-size: 9px;
	}
#copyright a,
#copyright a:visited,
#copyright a:active,
#copyright a:hover {
	color: #3c4a57;
	text-decoration: none;
	}

/* css for misc ------------------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	}
.clear-pad {
	width: 972px;
	height: 9px;
	background: #fff;
	clear: both;
	font-size: 0;
	line-height: 0;
	}	
.quote {
	padding: 75px 23px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #c34502;
	font-weight: normal;
	}
.quote-name {
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
	}
ul.bullet {
	padding: 0 0 0 15px;
	list-style: disc;
	}
ul.bullet li {
	padding: 0 0 12px 0;
	float: none;
	}
ul.bullet-no-space {
	padding: 0 0 12px 15px;
	list-style: disc;
	}
ul.bullet-no-space li {
	float: none;
	}
ul.bullet-red {
	padding: 0 0 0 15px;
	list-style: disc;
	}
ul.bullet-red li {
	float: none;
	color: #d54e05;
	}
h1.small {
	padding: 0 0 8px 0;
	font-size: 18px;
	line-height: 22px;
	}
.gray-text {
	color: #62646b;
	}
.red-text {
	color: #c34502;
	}
.white-text {
	color: #fff;
	}
.green-text {
	color: #646f39;
	}