/* 
================================
Skin styles for DotNetNuke
================================
*/
body {
	text-align:center;
	background-color:white;
	margin:0;
	font-family:arial;
	font-size:12px;
	border:none;
}
.Head{
	font-size:12px;
}
#bodyContent{
	height:184px;
	text-align:center;
	background: url('/images/topImage.gif') no-repeat white;
}
.Normal { 
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Arial, Tahoma, Helvetica
}
A.SkinObject:link,
A.SkinObject:visited,
a:link,
a:visited{
	color:#00508c;
	text-decoration:underline;
}
img{
	border:none;
}

/*
=================
Utility Menu
=================
*/
#innerHeader {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:798px;
}
#utilityMenuWrapper {
	float:right;
	padding-top:30px;
	text-align:right;
}
ul.utilityMenu {
	display:inline;
	margin:0pt;
	padding:5px 8px 0pt;
}
ul.utilityMenu li {
	border-right:1px solid #073D66;
	display:inline;
	padding-left:7px;
	padding-right:5px;
}
ul.utilityMenu li a:link,
ul.utilityMenu li.first a:link ,
ul.utilityMenu li a:visited,
ul.utilityMenu li.first a:visited {
	color:#4b4f50;
	text-decoration:underline;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
ul.utilityMenu li a:hover {
	color:#db0914;
	text-decoration:underline;
}
ul.utilityMenu li.first {
	padding-left:0pt;
}
ul.utilityMenu li.current a:link{
	color:#db0914;
	text-decoration:underline;
}
ul.utilityMenu li.last {
	border-right:medium none;
	padding-right:0pt;
}

/*
=================
Main Navigation
=================
*/
#mainNav{
	float:right;
	padding-top:30px;
	padding-bottom:0;
	text-align:right;
	clear:both;
	height:29px;
}
/*RadMenu*/
div.RadMenu_CssBlue {
	float:none;
}
div.RadMenu_CssBlue .item {
	margin-right:5px;
	width:101px;
	line-height:29px;
}
div.RadMenu_CssBlue .item a {
	color:#00345c;
	text-decoration:none;
	text-align:center;
	border-top: 1px #b3dff3 solid;
	border-left: 1px #b3dff3 solid;
	border-right: 1px #b3dff3 solid;
}
div.RadMenu_CssBlue .item a:hover, 
div.RadMenu_CssBlue .item a:active,
div.RadMenu_CssBlue .group .link:hover{
	background: url('/images/menuHover.gif') repeat-x white;
	color:#00345c;
	border-top: 1px #b3dff3 solid;
	border-left: 1px #b3dff3 solid;
	border-right: 1px #b3dff3 solid;
	line-height:29px;
}
div.RadMenu_CssBlue .item a:visited {
	text-decoration:none;
}
div.RadMenu_CssBlue .group .link{
	background: #B3DFF3 none repeat scroll 0%;
	border-top: 1px solid #073d66;
}
#mainNavNarrow div.RadMenu_CssBlue .item a span {
	font-size:0.9em;
	padding-left:15px;
	padding-right:15px;
}
div.RadMenu_CssBlue li{
	background-color:#b3dff3;
}
div.RadMenu_CssBlue li.last {
	border-right:medium none;
	margin-right:7px;
	text-decoration:none;
}
div.RadMenu_CssBlue li.first a {
	color:#00345c;
	text-decoration:none;
	text-align:center;
}
div.RadMenu_CssBlue .expanded,
div.RadMenu_CssBlue .focused,
div.RadMenu_CssBlue .last .focused,
div.RadMenu_CssBlue .first .focused {
	background: url('/images/menuActive.gif') repeat-x white;
}

/*
=================
Header Graphics
=================
*/
#topHome{
	color:#b11518;
	padding:20px;
	text-align:center;
	font-family:arial;
	font-size:24px;
	font-weight:bold;
}
#kytoLogo{
	position:absolute;
	top:-94px;
	left:48px;
	padding:25px;
}
#kytoLogo img{
	border:none;
}
#imageTop{
	height:25px;
}
/*About KytoStat*/
#headerGraphicsAbout{
	clear:both;
	width:800px;
	height:136px;
	background-color:#80a814;
}
#topImageAbout{
	float:left;
	background-color:white;
}
#topGraphicAbout{
	background-color:#80a814;
	position:absolute;
	left:638px;
	top:35px;
	border:none;
}
/* How it Works */
#topGraphicHow{
	background-color:#b61000;
	position:absolute;
	left:618px;
	top:38px;
	border:none;
}
#headerGraphicsHow{
	clear:both;
	width:800px;
	height:136px;
	background-color:#b61000;
}

#headerGraphicsAbout img,
#headerGraphicsHow img{
	border:none;
}

/*
=================
Breadcrumb
=================
*/
#breadCrumb{
	padding-top:5px;
	padding-bottom:7px;
	margin-bottom:20px;
	background-color:#d9ecf3;
	text-align:left;
	border-top:3px white solid;
	clear:both;
	width:800px;
}
#breadCrumb,
#breadCrumb span,
#breadCrumb a.SkinObject,
#breadCrumb a{
	font-family: Arial, Tahoma, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color:#03518f;
}
#breadCrumb a.SkinObject,
#breadCrumb a{
	text-decoration:underline;
}

/*
=================
Content - Home
=================
*/
#contentWrapperAbout,
#contentWrapperHome {
	background-color:white;
	border:1px solid #b21318;
	margin:auto;
	position:relative;
	text-align:left;
	width:800px;
}

#leftHalfContent,
#rightHalfContent{
	width:370px;
	margin-left:10px;
	padding-bottom:15px;
}

#farLeftContent,
#leftMiddleContent,
#rightMiddleContent,
#farRightContent{
	width:175px;
}

#leftHalfContent{
	float:left;
}
#farLeftContent{
	float:left;
	background-color:#c4e4f3;
	border:1px solid #7db6d4;
}
#leftMiddleContent{
	float:right;
	background-color:#9a0e01;
}

#rightHalfContent{
	float:right;
	margin-right:10px;
}
#rightMiddleContent{
	float:left;
	background-color:#7fb4d6;
}
#farRightContent{
	float:right;
	background-color:#c6c6c6;
}
#topContent{
	background-color:#011d35;
}

/*
=======================
Content - About KytoStat
=======================
*/
#mainContent{
	margin-top:15px;
}
#mainContentAbout{
	float:right;
	width:643px;
	padding-bottom:15px;
}

/*
=======================
Content - Where to Buy
=======================
*/
#mainContentWhere{
	float:left;
	width:575px;
	margin:15px;
}
#rightContentWhere{
	float:right;
	width:175px;
	margin-top:20px;
	margin-right:0px;
}

#mainContentAdmin{
	float:left;
	width:96%;
	margin:15px;
	text-align:center;
}
/*
=================
Footer
=================
*/
#footer {
	background-color:#c3eaf9;
	border-top:1px solid #b21318;
	padding:7px;
	position:absolute;
	right:-1px;
}
ul.footerMenu {
	display:inline;
	margin:0pt;
	padding:5px 8px 0pt;
}
ul.footerMenu li {
	color:#000302;
	border-right:1px solid #073D66;
	display:inline;
	padding-left:5px;
	padding-right:5px;
}
ul.footerMenu li a,
ul.footerMenu li a:link,
ul.footerMenu li a:visited{
	text-decoration:underline;
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:#000302;
}
ul.footerMenu li.first {
	padding-left:0pt;
}
ul.footerMenu li.last {
	border-right:medium none;
	padding-right:0pt;
}
#login{
	position:absolute;
	right:0px;
	top:35px;
	background:transparent;
}
#login a.SkinObject{
	color: white;
	text-decoration:none;
}
#login a:hover{
	color: #011D35;
}