﻿body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:0.7em;
	color:#221E1F;
	text-align:center;
	background-color:White;
}

form
{
	padding:0;
	margin:0;
}

img.GeneralImageLeft,cosmosimgformat_00CosmosDefaultImage_floatleft { float:left; margin-right:12px; }
img.GeneralImageRight, cosmosimgformat_00CosmosDefaultImage_floatright { float:right; margin-left:12px; }

h1
{
	color:#006BAF;
	font-weight:normal;
	font-size:160%;
	padding:0 0 0.2em 0;
	margin:0 0 1em 0;
	background-image:url(Backgrounds/H1UnderlineDash.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

h1.Tab
{
    margin:0;
    color:#FFFFFF;
    font-size:140%;
    background:none;
    background-color:#00AEEF;
    padding:3px 8px 3px 8px;
}

h2
{
	color:#006BAF;
	font-weight:bold;
	font-size:112%;
	padding:0;
	margin:0 0 0.3em 0;
}

.HUnderlineDouble
{
    background-image:url(Backgrounds/HUnderlineDouble.jpg);
    background-position:left bottom;
    background-repeat:repeat-x;
}

.HUnderlineDouble h2
{
    color:#A38D6E;
    background-image:url(Backgrounds/HeadingLeaf.png);
    background-position:left top;
    background-repeat:no-repeat;
    font-weight:normal;
	font-size:160%;
	padding:0 0 0.2em 1.4em;
	margin:0 0 1em 0;
}

h3
{
	font-size:100%;
	font-weight:bold;
	color:#A38D6E;
	text-transform:uppercase;
	margin:0 0 0.3em 0;
	padding:0;
}

h4
{
	font-size:108%;
	color:#221E1F;
	font-weight:bold;
	padding:0;
	margin:0 0 0.2em 0;
}

p
{
	line-height:1.5em;
	padding:0;
	margin:0 0 1.3em 0;
}

b, strong
{
    color:#333333;
}

a, a b 
{
	color:#006BAF;
	text-decoration:none;
}

a:hover  
{
    text-decoration:underline; 
    color:#0093d0;    
}

a img { border:none; }

ul
{
	padding:0 0 0 4px;
	margin:0 0 1.6em 30px;
}

ul li
{
	padding-left:0;
	margin-bottom:0.3em;
}

ul li ul { margin:0.2em 0 0.2em 0; }

ol
{
	padding:0 0 0 0;
	margin:0 0 1.6em 20px;
}

ol li { margin-bottom:0.3em; }

ol li ul { margin:0.2em 0 0.2em 0; }

.NavigationHeader { display:none; }

.ClearFix  
{
    clear:both;height: 0;
	clear: both;
	visibility: hidden; 
}

.ListSeperator,
.GreenListSeperator
{
    position:relative;
    background-image:url(Backgrounds/GrayHDash.jpg);
    background-position:left bottom;
    background-repeat:repeat-x;
    padding-bottom:7px;
    margin-bottom:7px;
}

.GreenListSeperator
{
    background-image:url(Backgrounds/GreenHDash.jpg);
    padding-bottom:16px;
    margin-bottom:16px;
}

.GreenListSeperator .Leaf
{
    background-image:url(Backgrounds/SeperatorLeaf.png);
    background-repeat:no-repeat;
    width:18px;
    height:16px;
    position:absolute;
    bottom:-8px;    
}

#pageContainerFrame
{
	background:url(Backgrounds/PageContainerFrame.jpg) repeat-y center top;
}

#pageContainerInner
{
	margin:0 auto;
	text-align:left;
	background:url(Backgrounds/PageContainerInner.png) no-repeat center bottom;
	padding:0 0 78px 0;
}

.CosmosContent img
{
    border:0;
}

/******************************************* Header Frame */

#headerFrame
{
	position:relative;
	height:76px;
	background-color:#E9EFF5;
	position:relative;
	overflow:hidden;
	background-image:url(Backgrounds/HeaderBackgroundFade.jpg);
	background-position:right top;
	background-repeat:repeat-y;
}

#siteLogo a
{
    position:absolute;
    top:8px;
    left:20px;
    display:inline-block;
    width:162px;
    height:54px;
    background-image:url(Backgrounds/Ceres-Enterprises.jpg);
}

/*********** Header Frame - Site Nav */

#headerNavPanel
{
    background-image:url(Backgrounds/HeaderNavCurve.png);
    background-position:left top;
    background-repeat:no-repeat;
    position:absolute;
    right:0;
    bottom:0;
    height:31px;
    width:354px;
}


#headerNav
{
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	right:185px;
	bottom:0;
	background-color:#E9EFF5;
	height:31px;
}

#headerNav li
{
	float:left;
	margin:7px 2px 0 0;
	padding:0;
}

#headerNav li a
{
	display: -moz-inline-box;
	display:inline-block;
	color:#FFFFFF;
	line-height:24px;
	height:24px;
	vertical-align:middle;
}

#headerNav li a.Home
{
	background:url(Navigation/Header-Home.jpg) no-repeat left top;
	width:70px;
}

#headerNav li a.ContactUs
{
	background:url(Navigation/Header-Contact-Us.jpg) no-repeat left top;
	width:87px;
}

#headerNav li a span
{
    display:inline-block;
    margin-left:7px;
}

/******************************************* Login Panel */

#LoginPanel
{
    position:absolute;
    right:4px;
    top:7px;      
}

#LoginPanel label
{
    margin-top:3px;
    float:left;
    font-weight:bold;
    text-transform:uppercase;
    color:#006BAF;
}

#LoginPanel input,
#LoginPanel button
{
    margin-left:3px;   
}

#LoginPanel .UserName,
#LoginPanel .Password
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:100%;
	color:#777777;
	float:left;
	border:solid 1px #B4B4B4;
	width:50px;
	height:auto !important;min-height:12px;height:12px;
	padding:2px 5px 2px 2px;
	margin-bottom:0;
}


.loginButton
{
    margin-top:2px;
    float:left;   
	width:50px;
	height:16px;
	border:none;
	cursor:pointer;
	background:url(Buttons/LoginButton.jpg) no-repeat left top;
}
.loginButton span { display:none; }

#LoginPanel .ClearFix
{
    position:relative;
    height:15px;
    visibility:visible;
}

#LoginPanel .ClearFix a
{
    position:absolute;
    top:0;
    right:0;
    margin-top:2px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

#LoginPanel .ClearFix div
{
    position:absolute;
    left:0;
    margin-top:2px;
}

/******************************************* Main Nav Frame */

#mainNavFrame
{
	width:980px;
	position:relative;
	overflow:hidden;
	background-color:#00AEEF;
	border-top:solid 1px #65D5FF;
	border-bottom:solid 1px #006BAF;
	text-align:center;
}

#mainNavFrame ul
{
    height:auto !important;min-height:26px;height:26px;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}

#mainNavFrame ul li
{
    vertical-align:middle;
    line-height:26px;
    height:auto !important;min-height:26px;height:26px;
	float:left;
	padding:0;
	margin:0;
	border-left:solid 1px #006BAF;
	border-right:solid 1px #65D5FF;
}

#mainNavFrame ul li.First
{
    border-left:0;  
}

#mainNavFrame ul li.Last
{
    border-right:0;  
}

#mainNavFrame ul li a
{
    line-height:26px;
    height:auto !important;min-height:26px;height:26px;
	color:White;
	display:block;
	font-size:110%;
	font-weight:bold;
	padding:0 27px 0 27px;
	vertical-align:middle;
}

#mainNavFrame ul li a:hover,
#mainNavFrame ul li.Active a
{
    background-color:#0086B8;
    text-decoration:none;
}

/*********** Nav Frame - Search Frame */

#searchFrame
{
    
    background-color:#E9EFF5;
    position:absolute;
    height:31px;
    right:0;
    padding-left:10px;
}

#searchFrame .SearchText
{
    margin-top:9px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:100%;
	color:#777777;
	float:left;
	border:none;
	width:121px;
	height:auto !important;min-height:12px;height:12px;
	padding:2px 5px 2px 20px;
	margin-bottom:0;
	background:url(Backgrounds/SearchInputBg.png) no-repeat left top;
}

#searchFrame .searchButton
{
	margin:9px 7px 0 6px;
	float:left;
	width:17px;
	height:16px;
	border:none;
	overflow:hidden;
	cursor:pointer;
}


/******************************************* Page Frame */

#pageFrame
{
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}

/******************************************* Content Area */

#ContentArea a { color:#00AEEF; }

/******************************************* Container Frame */

#containerFrame { width:980px; }

#containerFrame div.siteInfo p { margin-bottom:1em; }

/*********** Container Frame - Container Inner */

#containerInner { width:980px; }

/*********** Container Frame - Container Inner - Page Bg Frame */

#pageBgFrame
{
	width:980px;
	padding-bottom:20px;
}

/*********** Container Frame - Container Inner - Aux Panel */

#auxPanel
{
	float:left;
	width:238px;
	margin-left:22px;
}

/******************************************* Footer Frame */

#footerFrame
{
	width:980px;
	color:White;
	padding:0 0 0 0;
	position:relative;
	overflow:hidden;
}

#footerInner
{
	width:964px;
	padding:4px 16px 2px 0;
	background-color:#00AEEF;
	position:relative;
	overflow:hidden;
}

#footerInner p { margin-bottom:0; }
#footerInner a { color:White; }

.FooterNav { float:left; }

.FooterNav a { padding:0 10px 0 10px; }

.FooterAux { float:right; }

.FooterAux span
{
	display:inline-block;
	padding:0 10px 0 10px;
}

/*********** Container Frame - Container Inner - Quick Links */

#quickLinksFrame
{
    background-image:url(Backgrounds/HomePanel.png);
    background-position:left top;
    background-repeat:repeat-x;
    height:auto !important;min-height:363px;height:363px;
    padding:10px;
}

#quickLinksFrame .ListSeperator
{
    margin-bottom:7px;
    padding-bottom:7px;
}

#quickLinksFrame p 
{
	line-height:1.4em;
	margin-bottom:0.2em;
	
}

#quickLinksFrame b
{
    
}

#quickLinksFrame span
{
	white-space:nowrap;
}

img
{
    border:solid 1px #BDB9B9; 
}
