/*/////////// Color Scheme ///////////*/

html	{ background:	#357; color: #012; }
#topbar	{ color:	#ACE; text-shadow: #012 -2px -2px 2px; }

div.abstract { background:  #FFF; }

a		{ color:	#345; }
a:hover		{ color:	#567; }
a:active	{ color:	#789; }

#main		{ background:	#ACE; color: #012; border-radius: 0 45px 10px 45px; position: relative; z-index: 2 }
#tabs span	{ background:	#ACE; color: #012; border-radius: 15px 15px 0 0; position: relative; z-index:3 }
#subtabs span	{ background:	#ACE; color: #012; border-radius: 15px 15px 15px 15px; position: relative; z-index:3 }
#subtabs{ padding: 5px }
#tabs a		{ background:	#8AC; color: #012; border-radius: 15px 15px 0 0; position: relative; z-index:1 }
#subtabs a	{ background:	#8AC; color: #012; border-radius: 15px 15px 15px 15px; position: relative; z-index:1 }
#tabs a:hover { color: #012; border-radius: 15px 15px 0 0; position: relative; z-index:4;
background-image: linear-gradient(top, rgb(170,204,238) 0%, rgb(136,170,204) 75%);
background-image: -o-linear-gradient(top, rgb(170,204,238) 0%, rgb(136,170,204) 75%);
background-image: -moz-linear-gradient(top, rgb(170,204,238) 0%, rgb(136,170,204) 75%);
background-image: -webkit-linear-gradient(top, rgb(170,204,238) 0%, rgb(136,170,204) 75%);
background-image: -ms-linear-gradient(top, rgb(170,204,238) 0%, rgb(136,170,204) 75%);
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(170,204,238)),
	color-stop(0.75, rgb(136,170,204))
);
}


#subtabs a		{ color: #012; border: solid 1px #357;
background-image: linear-gradient(top, rgb(184,220,255) 100%, rgb(136,170,204) 0%);
background-image: -o-linear-gradient(top, rgb(184,220,255) 100%, rgb(136,170,204) 0%);
background-image: -moz-linear-gradient(top, rgb(184,220,255) 100%, rgb(136,170,204) 0%);
background-image: -webkit-linear-gradient(top, rgb(184,220,255) 100%, rgb(136,170,204) 0%);
background-image: -ms-linear-gradient(top, rgb(184,220,255) 100%, rgb(136,170,204) 0%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(1, rgb(184,220,255)),
	color-stop(0, rgb(136,170,204))
);
}
#subtabs a:hover	{ color: #012; }

#subtabs span		{ background: #8AC; color: #012; border: solid 1px #357;
	-webkit-box-shadow: inset -2px -2px 2px #012;
	-moz-box-shadow: inset -2px -2px 2px #012;
	box-shadow: inset -2px -2px 2px #012;
 }

/*//////////// Shadow Code ///////////*/

#main, #tabs span {
	-webkit-box-shadow: -2px -2px 2px #012;
	-moz-box-shadow: -2px -2px 2px #012;
	box-shadow: -2px -2px 2px #012;
}


#tabs a:hover {
	-webkit-box-shadow: -2px -2px 2px #012, inset 0px -1px 1px #012;
	-moz-box-shadow: -2px -2px 2px #012, inset 0px -1px 1px #012;
	box-shadow: -2px -2px 2px #012, inset 0px -1px 1px #012;
}

#tabs a {
	-webkit-box-shadow: -1px -1px 1px #012;
	-moz-box-shadow: -1px -1px 1px #012;
	box-shadow: -1px -1px 1px #012;
}

/* //////////// Layout Code ///////////*/

html { padding: 1.5em 2em 1em 2em; }
h1 { font-size: 140%; }
h3 { margin-bottom: 0; }
img.left { float: left; padding: 4px 16px 10px 0px; }
img.right {	float: right; padding-top: 5px; }
.smallcaps { font-variant: small-caps; }
#main {clear: both; min-height: 300px; }
#bodyarea {clear: both; padding: 20px; }
#subpage {clear: both; padding: 1px 20px 20px 20px; }
#topbar {
	padding-bottom: 0.5em;
	font-family: "trebuchet ms,verdana,sans-serif";
	font-weight: bold;
	font-size: 200%;
}

div.withjs {
	display: none;
}

div.abstract {
	display: none;
	text-align: justify;
	border: solid;
	border-width: 1px;
	padding: 10px;
	width: 750px;
	margin: 10px;
}


/*///////////// Tabs Code ////////////*/

#tabs a,span, #subtabs a,span { } /*width: 7em; }*/

#tabs		{ font-size: 85%; }
#subtabs	{ font-size: 70%; }

#tabs, #subtabs {
	font-family: tahoma,verdana,sans-serif;
	clear: both;
	text-align: center;
}

#tabs ul, #subtabs ul {
	display: inline;
	list-style-type: none;
}

#tabs li, #subtabs li { float: left; }

#tabs a,span,
#subtabs a,span {
	top: 0;
	margin: 0 3px 0 0;
	float: left;
	text-decoration: none;
}

#tabs a, span { padding: 4px 10px 8px 10px; }

#subtabs a		{ padding: 2px 5px 3px 5px; }
#subtabs a:hover	{ padding: 2px 5px 3px 5px; }
#subtabs span		{ padding: 2px 5px 3px 5px; }