﻿
/*--------------------------------------------------------------------------------------------------
	1. Global
--------------------------------------------------------------------------------------------------*/

body{
font: 76% arial,sans-serif;
background:#283652;
}

div.generalcenter {
margin:0 auto;
width:920px;
}

div.disclaimer 
{
	width:auto;
	padding:4px;
	border:solid 1px #ff0000;
	background:#e8caca;
	font-size:14px;
	font-weight:bold;

}
div.disclaimer p
{
	margin:0px;
	text-align:center;
	color:#ffffff;	
}
a 
{
	color:#283652;
}
/*--------------------------------------------------------------------------------------------------
	2. Header
--------------------------------------------------------------------------------------------------*/

div.header {
background:#fff;
height:100px;
}


div.login {
float:right;
width:500px;
text-align:right;
margin-top:18px;
}	
div.login td {
padding-right:2px;
}
div.login .alignright {
text-align:right;
}




/*--------------------------------------------------------------------------------------------------
	3. Navigation Level
--------------------------------------------------------------------------------------------------*/

div#navigation {
width:auto;
background:#283652 url(../Images/BG_Navigation.png);
color:#fff;
text-align:center;
clear:both;
height:40px;

}
div#navigation div.navigationcenter {
width:920px;
margin:0px auto;
text-align:left;
height:40px;

}

    #navigation div.navigationcenter ul {
      list-style:none;
	  margin:0px;
	  padding:0px;
      }
    #navigation div.navigationcenter li {
      float:left;
	  position:relative;	  
	  margin-right:40px;
	  margin-top:15px;	  
      }
    #navigation div.navigationcenter a {
      display:block;
      text-decoration:none;
	  text-transform:uppercase;
      font-weight:bold;
      color:#FFFFFF;
	  font-size:12px;
      }
    #tabbednavigation div.navigationcenter a:hover {
      color:#FFFFFF;
      text-decoration:underline;	  
      }
	  


/*--------------------------------------------------------------------------------------------------
	4. Feature Level
--------------------------------------------------------------------------------------------------*/	  

div.featurelevel {
background:url(../Images/BG_FeatureLevel.png);
color:#fff;
min-height:10px;
clear:both;
}

div.featurelevel a{
background:#556c8f;
color:#fff;
}

div.featurelevel div.featureleft{
float:left;
width:642px;
height:228px;
padding:4px 8px 4px 8px;
background:url(../Images/BG_FeatureBox.png) top left no-repeat;
}
div.featurelevel div.featureright{
float:right;
width:260px;
padding-top:50px;
text-align:center;
}

div.featurelevel div.featureright .marginone{
margin-bottom:14px;
}
div.featurelevel div.featureright .margintwo{
margin-bottom:6px;
}

	  


/*--------------------------------------------------------------------------------------------------
	5. Title Level
--------------------------------------------------------------------------------------------------*/	  

div.titlelevel {
background:url(../Images/BG_ThirdLevel.png) repeat-x;
height:42px;
width:auto;
clear:both;
}
div.titlelevelleft {
background:url(../Images/BG_PageTitle.png) repeat-y;
height:42px;
width:650px;
float:left;
}
div.titlelevelleft h2{
margin-left:18px;
margin-top:16px;
color:#fff;
text-transform:uppercase;
margin-bottom:0px;
font-size:30px;
font-weight:normal;
}
div.titlelevelright{
float:right;
width:260px;
text-align:center;
margin-top:8px;
}
	  


/*--------------------------------------------------------------------------------------------------
	6. Main Content Level
--------------------------------------------------------------------------------------------------*/	  

div.maincontentlevel {
background:#d5d1ca;
width:auto;
clear:both;
}
div.maincontentleft {
background:url(../Images/BG_PageTitle.png) repeat-y;
width:650px;
float:left;
}
div.maincontentleftbottom {
background:url(../Images/BG_LeftBottom.png) top left no-repeat;
clear:both;
width:auto;
min-width:650px;
float:left;
height:30px;
}
div.maincontentleftbody {
background:#efeeea;
width:auto;
border-top:4px solid #fff;
padding:10px;
min-height:242px;
margin-left:18px;
margin-right:5px;
}

div.featuredfunctionTEXT {
color:#ffff00;
width:180px;
padding-left:100px;
padding-top:40px;
font-weight:bold;
font-size:18px;
text-transform:capitalize;
}
div.featuredfunctionONE {
background:url(../Images/FeaturedFunction1.png) top left no-repeat;
width:298px;
height:104px;
float:left;
margin-right:5px;
margin-bottom:10px;
}


div.featuredfunctionTWO {
background:url(../Images/FeaturedFunction2.png) top left no-repeat;
width:298px;
height:104px;
float:left;
margin-right:5px;
margin-bottom:10px;
}
div.featuredfunctionTHREE {
background:url(../Images/FeaturedFunction3.png) top left no-repeat;
width:298px;
height:104px;
float:left;
margin-right:5px;
margin-bottom:10px;
}

div.featuredfunctionFOUR {
background:url(../Images/FeaturedFunction4.png) top left no-repeat;
width:298px;
height:104px;
float:left;
margin-right:5px;
margin-bottom:10px;
}

div.maincontentbody {
clear:both;
width:auto;
margin-top:20px;
color:#282828;
}
div.maincontentlevel p{
color:#282828;
line-height:18px;
}
div.maincontentlevel h3{
width:auto;
border-top:solid 1px #283652;
padding-top:6px;
margin-bottom:10px;
margin-top:10px;
color:#283652;
font-weight:bold;
font-size:16px;
clear:both;
}

div.leftbottombuttons {
width:auto;
margin:20px 28px 10px 28px;
height:39px;
color:#ffff00;
font-size:14px;
font-weight:bold;
}
div.leftbottombuttons a{
display:block;
width:auto;
text-align:center;
line-height:39px;
text-decoration:none;
color:#ffff00;
font-size:16px;
font-weight:bold;
}
div.leftbottombuttons div.leftbottomleft{
width:259px;
height:39px;
background:url(../Images/BTN_Blue.png) top left no-repeat;
float:left;
text-align:center;
line-height:39px;

}
div.leftbottombuttons div.leftbottomright{
width:259px;
height:39px;
background:url(../Images/BTN_Blue.png) top left no-repeat;
float:right;
text-align:center;
line-height:39px;
}
div.maincontentright {
float:right;
width:250px;
padding-left:10px;
padding-top:12px;
}
div.maincontentright h3{
font-weight:bold;
font-size:16px;
color:#000;
margin-bottom:10px;
border:none;
margin-top:0px;
padding-top:0px;
}


div.maincontentright  ul
{
	list-style:disc;
}
div.maincontentright  li{
margin-left:25px;
}

/*--------------------------------------------------------------------------------------------------
	6. Footer Level
--------------------------------------------------------------------------------------------------*/	  

div.footerlevel {
background:#283652;
min-height:200px;
padding-bottom:40px;
width:auto;
clear:both;
border-top:4px solid #fff;
}
div.footerlevel a {
	color:#fff;
	text-decoration:underline;
}
div.footergroupleft {
width:65%;
padding-top:10px;
float:left;
color:#fff;
}
div.footergroupleft ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
div.footergroupleftsingle {
float:left;
width:140px;
margin-right:20px;
}
div.footergroupleftsingle li{
margin-bottom:6px;
}

div.footergroupleftsingle h4{
	font-weight:bold;
	font-size:14px;
	color:#fff;
	margin-bottom:12px;
}
div.footergroupright {
width:30%;
text-align:right;color:#fff;
float:right;
padding-top:10px;
}

div.footergroupright p{
line-height:18px;
text-align:right;
}



/*--------------------------------------------------------------------------------------------------
	7. Forms
--------------------------------------------------------------------------------------------------*/	
input 
{
	margin-bottom:2px;
}
.formlabelcolumn 
{
	font-weight:bold;
	width:120px;

}

table td{
padding:2px 0px 2px 0px;
}


/*--------------------------------------------------------------------------------------------------
	X. Blogs
--------------------------------------------------------------------------------------------------*/	
.commentsbox
{
	padding:10px;
}
.commentsbox h4
{
	font-weight:bold;
	font-size:16px;
	color:#000000;
	margin-bottom:12px;
}
.CommentHeader
{
	font-weight:bold;
	font-size:16px;
	color:#000000;
	margin-bottom:12px;
	border-bottom: 1px solid gray;
}


.BlogComment
{
	color:Gray;
	font-style:italic;
	font-size:11px;
}
.BlogCommenter
{
	color:#000000;
	font-style:normal;
	font-size:9px;
	padding:5px;
}
.BlogCommentDate
{
	color:#000000;
	font-style:normal;
	font-size:9px;
}





div.blogreadentry 
{
	font-weight:bold;
	font-size:14px;
	margin-top:20px;
	margin-bottom:50px;
}

div.newsandblogsdate 
{
	font-style:italic;
	margin-top:-8px;
	color:#666666;
	font-size:11px;
}
div.commentsbox h4
{
	color:#000;
	font-weight:normal;
	font-size:16px;
	margin-bottom:10px;
	margin-top:20px;
}
div.commentsbox h5
{
	color:#000;
	font-weight:normal;
	font-size:12px;
	margin-bottom:10px;
}
div.commentsbox input
{
	clear:both;
}
div.commentsboxright 
{
	float:right;
	width:350px;
	margin-right:20px;
}
div.commentsboxright textarea, div.commentsboxleft input
{
	width:100%;
	margin-left:0px;
}
div.commentsboxleft
{
	float:left;
	width:180px;
}
div.commentsboxclear 
{
	width:auto;
	clear:both;
}

div.commentsboxright  a{
text-decoration:none;

}