* {padding:0; margin:0;}
a, a:visited {color: #930;}
a:hover {color:#09c; text-decoration:none;}
#sidebar {
	width: 200px;
	float: right; padding:15px 30px 5px 5px;
}
#left {
	padding-left: 25px;
	float: left;
	width: 845px;
}
body {
	font:14px "Trebuchet MS", Arial, sans-serif;
	color:#666;
	background:#999 url(images/bg.jpg) repeat-x;
}
.clear {clear:both;}

#wrap {background:url(images/contentbg.jpg) repeat-y; width:867px; margin:auto;}
#header{ background:url(images/header.jpg) no-repeat; height:188px;}
#footer {background:url(images/footer.jpg) no-repeat; height:103px; padding:25px 0 0 0;}
#left p {line-height:18px; margin-bottom:10px;}
#breadcrumb { padding:5px; width: 810px; background:#f4f4f4; border-bottom:solid 1px #e2e2e2; margin-bottom:10px; font:16px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase;}
h1, h2, h3, h4 {font:"Trebuchet MS", Arial, sans-serif;}
h2 {font:18px "Trebuchet MS", Arial, sans-serif;}
h2.bodyBig {font:22px "Trebuchet MS", Arial, sans-serif;}
#topbar {
	height:40px; padding:55px 25px 0 25px;
}
#searchbar {
	width:250px;
	float:left;
	padding-left:35px;
	background-image: url(images/searchicon.jpg);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
}
#searchbar #keyword {
	width:150px;
	display: block;
	float: left;
	height: 20px;
	border: 1px solid #969696;
	padding: 2px;
	margin-right: 5px;
	font-size: 14px;
}
#searchbar form {padding:3px;}
#navigation { margin-left:305px; padding-top:8px;}
#navigation ul {list-style:none;}
#navigation li {display:inline;} 
#navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url(images/menu2.jpg) repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;}
#navigation a:hover {background:url(images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;}
#navigation .active a {background:url(images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;}
#sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;}
#sidebar ul {list-style:none; margin-bottom:15px;}
#sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;}
#sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;}
#sidebar a:hover { color:#069;}
h3.subhead {
	font-size:16px; text-transform:uppercase;
	color: #fff;
	display:block;
	padding:5px;
	border:solid 1px #ddd;
	background: #990000;
}
h3.bodyBig {
	font-size:18px; 
	color: #990000;
	display:block;
	padding:5px;
	background: #f3fbe0;
}

h3.body {
	font-size:12px; 
	color: #990000;
	display:block;
	padding:5px;
	background: #f3fbe0;
}

.boxes  {padding:0 8px 0 8px;}
.columns  {padding:0 8px 0 8px;}
.colfull {width:98%; float:mid;}
.colleft {width:48%; float:left;}
.colright {width:48%; float:right;;}

.col1 {width:30%; float:left;}
.col2 {margin:0 32% 0 32%;}
.col3 {width:30%; float:right;}
.clear2 {width:590px; clear:left; float:right; color:#fff!important;}
.columns div {background:#f3fbe0; height:200px;}
.columns div p {padding:5px;}
.boxes div {background:#f3fbe0;}
.boxes div p {padding:5px;}
#subnav {padding: 9px 50px 0 420px; color:#fff;}
#subnav a {color:#fff; text-decoration:none; }
img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;}
img.leftalign {float:left; margin-right:8px;}
img.rightalign {float:right; margin-left:8px;}
h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal "Trebuchet MS", Arial, sans-serif; }
#sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;}
#footer p {text-align:center; display:block; padding:3px;}
#footer #credit {font-size:10px;}
#left h2 { color:#900!important;}
blockquote {background:#efefef; padding:5px; border:solid 1px #ddd; display:block; margin:5px;}
blockquote.leftalign {width:300px; float:left;}
.post ul, .post ol {margin-bottom:15px;}
.post li {padding:3px;}
code {background:#ccc; white-space:pre; display:block; margin:5px; padding:5px;}
.postbottom a { margin:0 10px 0 10px;}
.postbottom {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;}
.pagenav {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;}
.pagenav span {display:block; width:250px;}
.pagenav .leftalign {float:left;}
.pagenav .rightalign { margin-left:300px; text-align:right;}

article.tabs
{
	position: relative;
	display: block;
	width: 600px;
	height: 850px;
	margin: 5px;
}

article.tabs section
{
	position: absolute;
	display: block;
	top: 10px;
	left: 0;
	width: 550px;
	height: 800px;
	padding: 10px 20px;
	background-color: #f3fbe0;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	z-index: 0;
}

article.tabs section:first-child
{
	z-index: 1;
}

article.tabs section h2
{
	position: absolute;
	font-size: 1em;
	font-weight: normal;
	width: 67px;
	height: 1.8em;
	top: -1.8em;
	left: 5px;
	padding: 0;
	margin: 0;
	color: #999;
	background-color: #ddd;
	border-radius: 5px 5px 0 0;
}


article.tabs section:nth-child(2) h2
{
	left: 75px;
}

article.tabs section:nth-child(3) h2
{
	left: 145px;
}

article.tabs section:nth-child(4) h2
{
	left: 215px;
}

article.tabs section:nth-child(5) h2
{
	left: 285px;
}

article.tabs section:nth-child(6) h2
{
	left: 355px;
}

article.tabs section:nth-child(7) h2
{
	left: 425px;
}

article.tabs section:nth-child(8) h2
{
	left: 495px;
}



article.tabs section h2 a
{
	display: block;
	width: 100%;
	line-height: 1.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

article.tabs section:target,
article.tabs section:target h2
{
	color: #333;
	background-color: #f3fbe0;
	z-index: 1;
}

article.tabs section,
article.tabs section h2
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
