/*------------------------------------------------------
Copyright Kemie Guaida,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/
------------------------------------------------------

------------------------------------------------------
Copyright exiang,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/
------------------------------------------------------*/

/* general styles */

body
{
color:#4D4D4D;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.8em;
text-align:center;
background:#E6E6E6;
}

a
{
color:#005880;
}

a:hover
{
color:#006B95;
}

a:visited
{
color:#006B95;
}

a:visited:hover {
color:#2C91B2;
}

img
{
	border:0;
}

hr
{
	border:0;
	background:#56A7C1;
	height:1px;
	margin:20px 10px 20px 0px;
}


textarea, input
{
	border:1px solid #006B95;
	background-color:#D1EBF4;
	padding:2px;
	filter:alpha(opacity=90);
	opacity:0.9;
}

input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover
{
	border:1px solid #56A7C1;
	background-color:#6FC0DA;
}

#title, h1{
font-weight:bold;
font-family:"Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:1.6em;
color:#006B95;
margin:15px 5px 15px 0;
padding-left:15px;
}

h2 {
font-family:"Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#007AAC;
margin:15px;
}

h3 {
font-family:"Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#007AAC;
margin:15px;
}

h4, h5, h6 {
font-family:"Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
color:#007AAC;
margin:15px;
}

div.p, p {
margin:10px 15px 5px 15px;
}


/* layout styles */

#inner-container {
width:756px;
text-align:left;
margin:10px auto 0 auto;
background:url(images/back_container.gif) #FFFFFF repeat-y;
padding:0 !important;
line-height:1.8em;
}

#header {
height:98px;
background:url(images/back_banner.jpg) #006B95 no-repeat;
}

#header h1 {
float:left;
color:#FFFFFF;
margin:35px 0 0 5px;
padding:10px;
background:none;
}

#header h1 a
{
font-size:150%;
text-decoration:none;
color:white;
}

#logo
{
position:relative;
margin:20px;
}

#content {
float:left;
width:450px;
margin:10px;
background-image:url(images/back_content.jpg);
background-repeat:no-repeat;
padding:10px;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

* html #content {
margin-left:5px;
}

#sidebar
{
	float:left;
	width:254px;
	margin:10px 0 0 0;
	padding:5px;
	background-image:url(images/back_sidebar.jpg);
	background-repeat:no-repeat;
	color:#787878;
	min-height:300px;
}

/* meta nav */

#meta_menu {
float:right;
margin:11px 25px 0;
background:url(images/back_navmeta2.gif) no-repeat bottom right;
}

#meta_menu ul {
margin:0;
padding:2px;
background:url(images/back_navmeta1.gif) no-repeat bottom left;
}

#meta_menu li {
display:inline;
padding:4px;
}

#meta_menu a, #meta_menu a:visited {
color:#FFFFFF;
text-decoration:none;
margin:4px;
}

#meta_menu a:hover, #meta_menu a:visited:hover {
color:#D1EBF4;
}

.skip {
position:absolute;
overflow:hidden;
width:0;
height:0;
}

.skip:active, .skip:focus {
position:absolute;
overflow:visible;
width:auto;
height:auto;
background:#2C91B2;
}

/* main nav */

#menu {
margin:10px 16px 10px 11px;
min-height:30px;
background:url(images/back_navmain.gif) no-repeat;
}

#menu ul {
height:100%;
margin:0;
padding:0 0 0 10px;
}

#menu li {
list-style-type:none;
float:left;
width:auto;
margin:7px 5px 0 5px;
background:url(images/back_navmainitems2.gif) no-repeat top right;
}

#menu a:link, #menu a:visited {
display:block;
color:#D1EBF4;
font-weight:bold;
text-decoration:none;
padding:1px 10px 2px 12px;
background:url(images/back_navmainitems.gif) no-repeat top left;
}

#menu a:hover, #menu a:visited:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding:2px 10px 1px 12px;
}

#menu .on {
background-image:url(images/back_current2.gif)!important;
}

#menu .on a:link, #menu .on a:visited {
color:#006B95 !important;
background-image:url(images/back_current1.gif) !important;
}

#menu .on a:hover, #menu .on a:visited:hover {
color:#2C91B2 !important;
}

/* tagline */

#tagline
{
clear:both;
color:#005880;
list-style-type:none;
float:left;
margin:0px 4px 0 10px;
background-repeat:no-repeat;
background-position:bottom left;
padding-left:20px;
font-weight:bold;
background-image:url(images/bullet_on.gif);
width:740px;
}

#bottom
{
clear: both;
text-align: center;
background-image: url(images/back_infosite.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
padding: 30px 0 15px 0;
height:110px;
}


#footer
{
width:740px;
height:35px;
margin:10px auto 0 auto;
background: url(images/back_navmain.gif) no-repeat;
color: #FFFFFF;
}

#list_blog .blog
{
	height:7em;
	line-height:110%;
	padding:5px;
	clear:both;
}

#list_blog .thumbnail
{
	float:left;
	margin:0px 5px 0 -5px;
}

.header_title
{
	text-align:justify;
	color:#005880;
	font-weight:bold;
}

.header_text
{
	color:#007AAC;
}

#flashbox
{
	clear:both;
	display:block;
	padding:5px;
}

#flashbox ul
{
	list-style: circle outside url('images/bullet_off.gif');
}

#flashbox li
{
	margin-bottom:1em;
	vertical-align:middle;
}

.html_text li
{
	color:#2C91B2;
}

.html_text ul li
{
	list-style: circle outside url('images/bullet_link.gif');
}

#form-feedback
{
	margin-left:20px;
}

#form-feedback .row
{
	margin-top:5px;
}

#form-feedback .label
{
	color:#005880;
	float:left;
	font-weight:bold;
	height:100%;
}

#form-feedback .value
{
	margin-left:120px;
}

#form-feedback .info
{
	font-size:75%;
}

#list_contact
{
	width:100%;
	padding:3px;
}

#list_contact .label
{
	width:30%;
}

#list_contact .item
{
	background:white url('images/list_big.bg.jpg') repeat-x;
	margin:2px;
}

#list_contact .item_on
{
	margin:2px;
}

#list_contact td
{
	padding:2px;
}

.submit
{
	color:black;
	font-weight:bold;
	width:100px;
	border-style:outset;
	border:1px solid #005880;
	background-color:#2C91B2;
}

.submit:hover, .submit:focus
{
	font-weight:bold;
	width:100px;
	border-style:inset;
	border:1px solid #005880;
	background-color:#2C91B2;
}

#list_profile
{
	width:100%;
}

#list_profile .item
{
	background:white url('images/list_big.bg.jpg') repeat-x;
	margin:2px;
}

#list_profile td
{
	padding:3px;
}

#list_profile .item_on
{
	margin:2px;
	padding:2px;
}

#tree_gallery
{
}

#tree_gallery .title
{
	margin:0;
	padding-left:1.1em;
	color:#005880;
	font-weight:bold;
	background-image:url(images/bullet_on.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#tree_gallery ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#tree_gallery li
{
	margin-left:1.5em;
	padding-left:1.2em;
	background-image:url(images/bullet_off.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#tree_gallery .on
{
	background-image:url(images/bullet_on.gif);
	font-weight:bold;
}

#tree_gallery .off
{

}

#tree_gallery a
{
	text-decoration:none;
}

#list_gallery
{
	margin-left:15px;
}

#list_gallery .category
{
	margin:5% 0 5% 0;
}

#list_gallery .category .title
{
	font-weight:bold;
	font-size:130%;
}

#list_gallery .category a
{
	text-decoration:none;
}

#list_gallery .category .container
{
	width:100%;
}

#list_gallery .category .container .item
{
	float:left;
	margin:4px 2px 4px 2px;
}

#list_gallery .category .container .label
{
	font-weight:bold;
	text-align:center;
	width:128px;
	height:30px;
	line-height:15px;
	overflow:hidden;
	padding-top:5px;
	margin-bottom:5px;
}

#list_gallery .category .container .thumbnail
{
	background-color:#ecf4f7;
	border:1px solid #D1EBF4;
	text-align:center;
	padding:5px;
}

#list_gallery .category .container .thumbnail a
{
	display:block;
	width:100%;
	height:100%;
}

.footnote
{
	color:#005880;
	padding:3px;
	margin:4px;
}


#tree_blog
{
}

#tree_blog .title
{
	margin:0;
	padding-left:1.1em;
	color:#005880;
	font-weight:bold;
	background-image:url(images/bullet_on.gif);
	background-repeat:no-repeat;
	background-position:center left;
	text-decoration:underline;
}

#tree_blog ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#tree_blog li
{
	margin-left:1.5em;
	padding-left:1.2em;
	background-image:url(images/bullet_off.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#tree_blog .on
{
	background-image:url(images/bullet_on.gif);
	font-weight:bold;
}

#tree_blog .off
{

}

#tree_blog a
{
	text-decoration:none;
}

.image
{
	padding:10px;
	background-color:#ecf4f7;
	border:1px solid #D1EBF4;
}