/* - - - - - - - - - - - - - - - - - - - - -

Title : main
Author : Yabin Ge
URL : tbd

Created : 2009-12-06
Modified : 2009-12-15

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{ margin:0; padding:0; }	
html{ font-family:Arial, Helvetica, sans-serif; color:#4c4545; font-size:1em; }	
body{ background:url(../img/bg_color.jpg) #9bbba4; }

/* ----- IDS ----- */

#top-info{ margin:auto; width:980px; padding:0 0 0 0; }
#top-info h1, #top-info h3{ position:relative; float:left; top:42px; left:22px; }
#top-info h1 a{ position:relative; display:block; top:1px; left:0px; width:280px; height:60px; }
#top-info h1 span{ display:none; }
#top-info h3{ display:none; }
#search-placeholder{ width:130px; height:18px; position:relative; top:50px; left:-25px; float:right; }
#search{ display:none; position:relative; top:50px; left:-25px; float:right; }
#top-links{ position:relative; top:89px; left:106px; float:right; font-size:.75em; }
#top-links a{ color:#4c4545; text-decoration:none; }
#top-links a:hover{ color:#4c4545; text-decoration:underline; }
#middle{ margin:auto; width:980px; background:url(../img/bg_middle.jpg) repeat-y; }
#top{ background:url(../img/bg_top.jpg) top left no-repeat; }
#bottom{ background:url(../img/bg_bottom.jpg) bottom left no-repeat; padding:107px 23px 45px; text-align:left; }

#container{ }
#masthead{ height:227px; background:url(../img/masthead_01.jpg) top left no-repeat; }
#primaryContent{ padding:1em .5em; }	
#primaryContent #homepage{ background:url(../img/main_bg.jpg) top no-repeat; margin:0 -1em; padding:1em; }
#primaryContent #sitemap-bg{ background:url(../img/main_bg.jpg) top no-repeat; margin:0 -1em; padding:1em; }
#primaryContent h1{ color:#134b36; font-size:2em; font-weight:normal; padding:.3em 0 .5em .35em; }
#primaryContent h1 span{ color:#4f919f; }
#primaryContent h2{ font-size:1.5em; font-weight:normal; padding:.3em 0 .25em .45em; }
#primaryContent p{ color:#383939; font-size:.85em; line-height:1.4em; padding:0 1em 1em .85em; }
#primaryContent span#homeContent{ width:50%; display:block; padding-bottom:1em; }
#children{ padding:270px 0 20px 0; }
#home-slideshow{ float:right; padding:270px 0 20px 0; }
#secondaryContent{ }
.clear{ clear:both; }
.right{ float:right; }
.center{ margin:auto; }
#primaryContent img.center{ margin:0 0 0 .2em; }
.left{ float:left; }
#primaryContent .light{ background:white; padding:1.5em 1.25em; }
#primaryContent .dark{ background:#f6f9f7; padding:1.5em 1.25em; }
#top-breadcrumb{ padding:0 0 1em 1.15em; font-size:.75em; }
.profile img{ float:left; background:#dee0df; padding:.25em; margin:.5em 1.25em 1em .75em; }
.profile{ padding:1em 0 0 0; }
#green_border{ background:#cfdbce; padding:.5em; margin:.25em 0 2em 2em; }

#sitemap{ font-size:1em; }
#sitemap ul{ width:140px; list-style:none; float:left; padding-right:1em; }
#sitemap ul li{ margin-left:-.5em; padding-bottom:.55em; }
#sitemap ul strong{ border-bottom:1px solid #134b36; }
#sitemap a{ color:#4c4545; }
#sitemap a:hover{ text-decoration:none; }
#sitemap ul#list1{ width:90px; }
#sitemap ul#list2{ width:80px; }
#sitemap ul#list3{ width:300px; }
#sitemap ul#list4{ width:140px; padding-right:2em; }
#sitemap ul#list5{ width:100px; padding-right:0; }
#sitemap ul#list6{ width:100px; padding-right:0; }
#sitemap ul#list7{ width:100px; padding-right:0; }
#sitemap ul#list8{ width:100px; padding-right:0; }

#footer{ background:#f4faf0; border-top:1px solid #ebf1e3; font-size:.7em; line-height:1.4em; margin-top:2em; padding:1em; }
#footer a{ text-decoration:none; color:#4c4545; }
#footer a:hover{ text-decoration:underline; }
#breadcrumb{ float:left; }
#footer-search-placeholder{ float:right; width:171px; height:19px; }
#footer-search{ display:none; float:right; }
#footer-info{ float:right; padding:2em 0 0 0; }
#footer-info p{ position:relative; top:0; right:1.35em; text-align:right; }


/* ----- CLASSES ----- */

span.sbox_l{ background:url(../img/search_left.jpg) no-repeat top left; float:left; width:20px; height:18px; }
span.sbox_r{ background:url(../img/search_right.jpg) no-repeat top left; float:left; width:10px; height:18px; }
span.sbox input{ background:url(../img/search_bg.jpg) repeat-x top left; float:left; border:0; height:18px; width:100px; padding:0px; font:11px/13px arial; color:#000; }

span.footer_sbox_l{ background:url(../img/footer_search_left.jpg) no-repeat top left; float:left; width:20px; height:19px; }
span.footer_sbox_r{ background:url(../img/footer_search_right.jpg) no-repeat top left; float:left; width:10px; height:19px; }
span.footer_sbox input{ background:url(../img/footer_search_bg.jpg) repeat-x top left; float:left; border:0; height:19px; width:141px; padding:0px; font:11px/13px arial; color:#000; }

ul.link-box{ list-style:none; float:left; padding:1em 2.6em 1em 0; }

.hide{
}
.show{
}

/* ----- HEADINGS ----- */

h1{
}
h2{
}
h3{
}
h4{
}

/* ----- PARAGRAPHS ----- */

p{
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

#primaryContent li{ margin-left:1.45em; padding-left:.5em; }
li p{
}
#primaryContent ol{ color:#383939; font-size:.85em; line-height:1.4em; margin:0 0 1.5em .85em; }
#primaryContent ul{ color:#383939; font-size:.85em; line-height:1.4em; margin:0 0 1.5em .85em; }
#primaryContent ul#bg{ background:#f4f9f4; padding:1.5em; width:42%; }
ol li{
}
ul li{
}

li{
}

ul#nav {
	list-style: none;
}
#nav{ background:#f4f9f4; height:2.1em; border-bottom: 1px solid #ecf3e3; }
#nav a, #nav div {
	font-weight: bold;
	color: #305030;
}
 
#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #4c4545;
	text-decoration:none;
	padding: 0 0 0 .5em;
}
 
#nav li li a:hover {
	color:#0c4107;
	text-decoration:underline;
}
 
#nav li {
	float: left;
	position: relative;
	/*width: 5em;*/
	/*text-align: center;*/
	cursor: default;
	background-color: #f4f9f4;
	border-top: 1px solid white;
	border-left: 2px solid white;
	border-right: 1px solid #eaf3e9;
	padding:.6em 1.2em;
	color:#305030;
	font-size:.85em;
}
#nav li:hover{ background:#cfdbce; }
 
#nav li#first {
	border-left-width: 0;
}
 
#nav li#last {
	border-right-width: 0;
}
 
#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
 
	font-weight: normal;
	background: #cfdbce;
	padding: 0.5em 0;
	
}
 
#nav li>ul {
	top: auto;
	left: auto;
}
 
#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
 
#nav li:hover ul, li.over ul {
	display: block;
	margin:.6em 0 0 -1em;
	min-width:165px;
}
#primaryContent {
	clear: left;
}

/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{ color:#0b5ba9; text-decoration:none; }
a:hover{ color:#0b5ba9; text-decoration:underline; }
a:visited, a:active, a:focus{  }
a:visited{  }
a:active{  }
a:focus{  }

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}