/* CSS section: Reset */
/* ==================================================================== */
/* ========================================================================================= */
/* Mass reset of all those problematic pre-defined browser settings such as and margins and  */
/* borders and all the other stuff you do over and over again                                */
/* ========================================================================================= */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}
table
{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var
{font-style:normal;font-weight:normal;}
ol,ul
{list-style:none;}
caption,th
{text-align:left;}
h1,h2,h3,h4,h5,h6
{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym,img
{border:0;}
option {
	margin: 0; padding: 0;
}

/* Remove link outlines */

a:active { outline: none; }
a { outline: none; }
:focus { -moz-outline-style: none; }
:-moz-any-link:focus { outline: none; }

/* popular */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.hide	{ position: absolute; left: -9999px; }
.left	{ float: left; }
.right	{ float: right; }
.test { width: auto; background: red; height: 20px; }
.error { color: red; font-size: 10px; }



/* CSS section: Grid */
/* ==================================================================== */
/* Hidden visually but not for screen readers */
#accessibility 			{ position: absolute; left: -9999px; }

/* Structure */
.swish, .canvas					{ width: auto; }
#page 							{ width: 940px; margin: 0 auto; position: relative; }
#header 						{ width: auto; height: 88px; }

#banner							{ clear: both; width: auto; height: 248px; }
#dashboard 						{ width: auto;  }
.dashboardinner					{ padding: 18px 18px 18px; 18px;  min-height:320px; height:auto !important; height:320px; }
#interactive 					{ width: auto;  }
.interactiveinner				{  }


#content 						{ clear: both; }
#content #twocolumn				{ width: 490px; }
#content #onecolumn				{ width: 238px; }
#content #threecolumn			{ float: left; width: 746px; }
#footer							{ clear: both; width: auto; }
.footerinner					{ width: 940px; margin: 0 auto; padding-top: 8px; }



/* Background's */
body 							{ background: #000 url(../imgv2/bg.jpg) repeat-x top center; }

#header	 						{  }
#banner	 						{ background: transparent url(../imgv2/bg-banner.png) no-repeat top left; }
#dashboard 						{ background: #ebebeb url(../img/bg-dashboard-header.gif) no-repeat top left; }
.dashboardinner 				{ background: url(../img/bg-dashboard-footer.gif) no-repeat bottom left; }
#interactive 					{ background: #fff}


#search							{ Clear: both; }
#content						{ background: #fff url(../img/bg-content.gif); }
.ctop							{  }
.cbot							{  }

#footer							{ background: #414141 url(../imgv2bg-footer-shadow.jpg) repeat-y top; }

#content .mainarea {
	float: right;
	width: 630px;
}
#content .mainareainner {
	padding: 20px 40px 20px 20px;
}
#content .sidebar {
	float: left;
	width: 275px;
	background:#656565;
}

#interactive .mainarea {
	float: right;
	width: 630px;
}
#interactive .mainareainner {
	padding: 20px 40px 20px 20px;
}
#interactive .sidebar {
	float: left;
	width: 295px;
}
#interactive .sidebarinner {
	padding: 20px 40px 20px 20px;
}
#interactive .sidebarinner {
	border-right: 10px solid #ccc;
}

/* CSS section: Type */
/* ==================================================================== */
body						{ font-family: "Trebuchet MS", arial }
strong						{ font-weight: bold; }

.dashinner					{ padding: 10px 10px 0px 10px; color: #787878; font-size: 11px; }
.dashinnergrey				{ padding: 10px 10px 0px 10px; color: #fff; font-size: 12px; }

.mainareainner 			{ font-size: 12px; color: #555; }
.mainareainner h1 		{ font-size: 27px; font-weight: bold; letter-spacing: -1px; margin-bottom: 15px; line-height: 95%;  }
.mainareainner h2 		{ font-size: 22px; margin-bottom: 10px; line-height: 90%; }
.mainareainner h3 		{ font-size: 18px; margin-bottom: 4px; line-height: 90%; }
.mainareainner h4 		{ font-size: 15px; margin-bottom: 4px; line-height: 90%; }
.mainareainner h5 		{ font-size: 14px; margin-bottom: 4px; line-height: 90%; }
.mainareainner h6 		{ font-size: 12px; margin-bottom: 4px; line-height: 90%; }
.mainareainner p 		{
	margin-bottom: 12px;
	line-height: 150%;
}
.mainareainner a 		{ color: #ff7902; text-decoration: none; }
.mainareainner a:hover 	{ color: #ffc600; }
.mainareainner a:active	{ color: #ff7902; }
.mainareainner em 		{ font-style: italic; }
.mainareainner strong 	{ font-weight: bold; }
.mainareainner dl, 
.mainareainner ul, 
.mainareainner ol 		{ margin-bottom: 8px; }
.mainareainner ul, 
.mainareainner ol 		{
	margin-left: 35px;
}
.mainareainner ul ul, 
.mainareainner ol ol 	{
	margin-bottom: 0;
}
.mainareainner ul 		{
	list-style-type: disc;
}
.mainareainner ol 		{
	list-style-type: decimal;
}
.mainareainner li 		{
	margin-bottom: 2px;
}
.mainareainner dl 		{ padding-left: 8px; border-left: 8px solid #B9BBBE; color: #6C6C6C; }
.mainareainner dt 		{ font-weight: bold; margin-bottom: 6px; }
.mainareainner dd 		{ margin-bottom: 8px; }
.mainareainner img		{ margin-right: 5px; }

.sidebarinner 			{ font-size: 11px; color: #555; }
.sidebarinner h1 		{ font-size: 27px; font-weight: bold; letter-spacing: -1px; margin-bottom: 15px; line-height: 95%;  }
.sidebarinner h2 		{ font-size: 22px; margin-bottom: 10px; line-height: 90%; }
.sidebarinner h3 		{ font-size: 18px; margin-bottom: 4px; line-height: 90%; }
.sidebarinner h4 		{ font-size: 15px; margin-bottom: 4px; line-height: 90%; }
.sidebarinner h5 		{ font-size: 14px; margin-bottom: 4px; line-height: 90%; }
.sidebarinner h6 		{ font-size: 12px; margin-bottom: 4px; line-height: 90%; }
.sidebarinner p 		{
	margin-bottom: 12px;
	line-height: 150%;
}
.sidebarinner a 		{ color: #ff7902; text-decoration: none; }
.sidebarinner a:hover 	{ color: #ffc600; }
.sidebarinner a:active	{ color: #ff7902; }
.sidebarinner em 		{ font-style: italic; }
.sidebarinner strong 	{ font-weight: bold; }
.sidebarinner dl, 
.sidebarinner ul, 
.sidebarinner ol 		{ margin-bottom: 8px; }
.sidebarinner ul, 
.sidebarinner ol 		{
	margin-left: 35px;
}
.sidebarinner ul ul, 
.sidebarinner ol ol 	{
	margin-bottom: 0;
}
.sidebarinner ul 		{
	list-style-type: disc;
}
.sidebarinner ol 		{
	list-style-type: decimal;
}
.sidebarinner li 		{
	margin-bottom: 2px;
}
.sidebarinner dl 		{ padding-left: 8px; border-left: 8px solid #B9BBBE; color: #6C6C6C; }
.sidebarinner dt 		{ font-weight: bold; margin-bottom: 6px; }
.sidebarinner dd 		{ margin-bottom: 8px; }
.sidebarinner img		{ margin-right: 5px; }

table.default 				{
	margin-bottom: 8px;
}
table.default th, 
table.default td 			{
	padding: 4px 4px;
}
table.default th, 
table.default td 			{
	padding: 4px 4px;
	border-bottom: 1px solid #ddd;
}
table.default th 			{
	font-weight: bold;
	border-bottom: 1px solid #7E9124;
}
fieldset					{
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 10px;
}

#footer, #footer a 			{ color: #ddd; font-size: 10px; text-decoration: none; }

.float_img {
	float: left;
	margin: 5px 5px 5px 5px;
	border: 3px solid #FFC600;
}

.float_img_right {
	float: right;
	margin: 5px 5px 5px 5px;
	border: 3px solid #FFC600;
}

/* CSS section: Widgets */
/* ==================================================================== */

a.logo {
	display: block;
	position: absolute;
	top: 0px; left: 0px;
	width: 160px; height: 105px;
	background: url(../imgv2/logo.png) no-repeat;
	text-indent: -9999px;
}

#banner {
	position: relative;
}
#banner h1 {
	text-indent: -9999px;
}

#banner h2 {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	padding: 15px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	width: 55%;
}
#banner a {
	color: #d39100;
}
#introduction {
	background: #242424;
	padding: 32px 40px;
	color: #d2d2d2;
	font-size: 13px;
	font-weight: normal;
}

#introduction a {
	color: #d39100;
}

#ticker {
	width: auto;
	height: 41px;
	background: url(../imgv2/bg-home-yellowbar.jpg);
	overflow: hidden;
	font-size: 14px;
}

#ticker h2 {
	display: block;
	float: left;
	padding: 10px;
	color: #d39100;
	font-size: 14px;
}

#ticker-area {
	display: block;
	float: left;
	padding: 10px;
}

#ticker-area a {
	color: #000;
	text-decoration: none;
}


#navigation						{ float: right; margin-top: 25px;  overflow: hidden; }
#navigation						{   }
.navigationinner				{   }
#navigation h3 {
	float: left;
	border-right: #222 1px solid;
}
#navigation h3.last {
	border: none;
}
#navigation h3 a {
	text-decoration: none;
	color: #ddd;
	display: block;
	padding: 8px 7px;
	font-size: 11px;
}
#navigation h3 a:hover {
	color: #bbb;
}

.dash							{ width: 366px; float: left; }
.dashinner, .dashinnergrey		{ width: auto; margin-right: 14px; padding: 15px; }
.dashinner						{ background: #fff; }
.dashinner a 					{ color: #ffa200; }
.dashinnergrey					{ background: #494949 url(../img/bg-dash-inner-grey.jpg) repeat-x; }
.dashinnergrey a 				{ color: #ffd800; }
.dashboardinner p				{ padding-bottom: 10px; line-height: 150%; }

.dashsmall						{ width: 171px; float: left; }
.dashsmallinner					{ width: auto; border: 2px solid #fff; margin-bottom: 13px; background: #ffd800; padding: 8px; }
.dashsmallinner h3				{ padding: 5px 10px 0px 5px; font-size: 14px; }
.dashsmallinner p				{ padding: 2px 8px; font-size: 11px; color: #222; }
.dashsmallinner p a				{ color: #222; text-decoration: none; }

.pushpoint {
	float: right;
	display: block;
	width: 200px;
	height: 140px;
	border-left: 1px solid #ccc;
	text-align: right;
	margin-left: 15px;
}

.inlinenavigation {
	width: 230px;
	float: right;
}
.inlinenavigation ul {
	list-style-type: none;
	padding-left: 20px;
	margin: 10;
	border-left: 8px solid #ccc;
}
.inlinenavigation ul li {
	padding: 4px;
	border-top: 1px solid #ccc;
}

#subnavigation {
	width: auto;
	margin: 0 0 22px 0;
	display: block;
	border-top: 80px solid #000;

}
#subnavigation li {

}
#subnavigation li a {
	padding: 6px;
	display: block;
	width: auto;
	text-decoration: none;
	font-size: 11px;
	color: #000;
	background: url(../imgv2/bg-sidebar-li.jpg)
}
#subnavigation li a:hover {
	background: #ffe179;
}
#subnavigation li a:active {
	background: #fff;
}
#subnavigation li a.current {
	background: #fff;
}
#subnavigation li ul {
	margin: 0;
	border: none;
}
#subnavigation li ul li a {
	padding-left: 20px; font-style: italic;
}

.minigallery, .login {
	margin: 22px 20px;
}
.minigallery img {
	border: 2px solid #666666;
}

.login {
	background: #fff;
	padding: 15px;
	font-size: 11px;
}

.login p {
	padding: 3px 0;
	color: #666666
}

.bio {
	float: left;
	font-size: 11px;
	text-align: center;
}


.bio-pics {
	float: left;
	height: 160px;
	width: 45%;
	background: #eee;
	padding: 5px;
	margin-bottom: 7px;
	margin-right: 7px;
	font-size: 11px;
	border: 2px solid #333;
}

.cimage {
	float: right;
	margin: 0 0 5px 7px;
	border: 3px solid #FFC600;
}

#flashcontainer {
	width: auto;
	text-align: center;
}

.interactive {
	padding: 30px;
	font-size: 12px;
	
}

.interactiveinner h1 		{ padding: 20px; font-size: 27px; font-weight: bold; letter-spacing: -1px; margin-bottom: 15px; line-height: 95%;  }

.interactiveinner p 		{
	padding-left: 35px;
}

.dashsmallpush {
	border: 3px solid #FFD800;
	margin-bottom: 7px;
}

float_img {
	float: right;
	margin: 5px 5px 5px 5px;
}

#header.inside {
	height: 71px;
}

#footer ul li {
	display: block;
	width: 20%;
	float: left;
}

#footer ul li ul li {
	width: auto;
	display: block;
	padding: 2px 12px;
	clear: both;
	color: #d2d2d2;
}

#footer ul li ul li a {
	color: #fff200;
}


#footer ul li ul li h3 {
	display: block;
	padding-top: 8px;
}



/* CSS section: Internet explorer  */
/* ====================================================================
/* fix menu item height */
img, div, a, input { 
	behavior: url(iepngfix.htc)
}

