body
{
    font-size: 100%;
    font-family: arial, verdana;
    background-color: #EEF2E5;
    margin: 0;
    padding: 0;
    /*text-align: left;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

img { border: 0; }

.clear { clear: both; }

p { font-size: 13px; color: #585252; text-align: left; padding: 10px 10px 5px 10px; margin: 0; line-height: 16px; }

h1 { margin: 0; padding: 6px 10px 0 10px; color: #369; font-size: 130%; font-weight: bold;  text-align: left; }
h2 { margin: 0; padding: 7px 10px 0 10px; color: #000; font-size: 80%; font-weight: normal; text-transform: uppercase;  text-align: left; } 

ol{ padding: 0;}




/*  Feature Box Rollover
----------------------------------------------------*/
p.one {
border-bottom:1px solid #CCCCCC;
font-size:12px;
line-height:normal;
margin:0;
padding:0;
width:100%;
}

.one a.featureLink, .two a.featureLink, .three a.featureLink {
background-color:#6699CC;
color:#FFFFFF;
display:block;
height:33px;
margin:0;
padding:3px 5px 0;
text-decoration:none;
width:140px;
}

.one a[class="featureLink"], .two a[class="featureLink"], .three a[class="featureLink"]{
height:33px;
width:140px;
}

p.two {
border-bottom:1px solid #CCCCCC;
font-size:12px;
line-height:normal;
margin:0;
padding:0;
width:100%;
}

p.three {
font-size:12px;
line-height:normal;
margin:0;
padding:0;
width:100%;
}

.one a:hover.featureLink, .two a:hover.featureLink, .three a:hover.featureLink { background-image:url("../../images/index1/Feature_LinkBox_OVER.gif");}

a.bottomLink { float:left; font-size:11px; color:#336699; padding: 0 3px 0 0; text-decoration: none; }

a:hover.bottomLink { text-decoration: underline; }

a.watchvideolink, a:visited.watchvideolink, a:active.watchvideolink  { display:block; font-size:11px; color:#336699; padding: 10px 0 0 0; text-decoration: none; font-weight: bold;}

a:hover.watchvideolink { display:block; font-size:11px; text-decoration: underline; padding: 10px 0 0 0;  font-weight: bold;}


span.linkDivider {float:left; font-size:11px; color: #ccc;  padding: 0;}

p.alignLeft { padding: 2px 0 0 0; margin: 0; float: left; font-weight: bold; line-height: normal; }

input.Email { margin: auto 0; float: right; }

input.Password { margin: auto 0; float: right;}

input.Remember { margin: 4px 0; padding: 0; float: right; }

input.loginButton { margin: 0 10px 10px 0;  float: right; }

input.logoutButton { margin: 0 10px 10px 0;  float: right; }

img.logoutButton { margin: 0 10px 10px 0;  float: right; }

/*  Page
--------------------------------------------------*/
#wrapper
{
  width: 974px;
  background-color: #FFF;
  padding: 0 10px 0 10px;
  margin: 0 auto 0 auto;
  height:100%;
}

/*  Header
--------------------------------------------------*/
#header
{
  width: 974px;
  height: 86px;
  /*[if IE] height: 140px;*/
  font-size: 70%;
  color: #FFF;
  background: url("../../content/images/ham-header.gif") no-repeat scroll 0 0 #3f7eb1
}

.date
{
  float: right;
  margin: 5px 15px 0 0;
  text-align: right;
}

.logo
{
  float: left;
  margin: 5px 0 0 0px;
  width: 184px;
  height: 30px;
}

.logo h1
{
    font-family:Tahoma;
    font-weight:bold;
}


.logo h1 a {
color:#FFFFFF;
text-decoration:none;
font-size:260%;
padding: 0;
}


.searchBox
{
  width: 300px;
  height: 24px;
  float: right;
  margin: 30px 15px 0 0;
}

.searchField                      
{
  width: 230px;
  margin-top: 2px;
  float: left;
}

.searchButton
{
  width: 56px;
  height: 24px;
  float: right;
}

/*  Navigation
--------------------------------------------------*/
#navigation
{
  width: 974px;
  height: 58px;  
  background:url(../../content/images/nav-bkg-darkblue.png) repeat-x scroll 0 0 #E5EFF9;
}

#navigation .navmenu
{
  float: left;
  padding: 0;
}

#navigation .navmenu ul
{
  margin:0;
  list-style-type: none;
  float: left;  
  padding: 0;
}

#navigation .navmenu li
{
  float: left;
  display: inline;
  padding-right: 5px;
  color: #fff; 
  font-size:100%;
}

#header .navigation ul li { padding: 2px; }

#header ul
{
  margin:0;
  padding: 5px 0 0 15px;
  /*padding: 0 0 0 5px;*/
  list-style-type: none;
  float: left;  
}

#header li
{
  float: left;
  display: inline;
  padding-right: 5px;
  color: #fff; 
  font-size:110%;
}

#header li a                            
{
    font-weight: normal;
    color: white;
    text-decoration: none;
}

#header li a:hover                       
{
    font-weight: normal;
    color: white;
    text-decoration: underline;
}
/*  MainContent
--------------------------------------------------*/
#mainContent
{
  width: 960px;
  background-color: #6699cc;
  }

.flash
{
	float: left;
  	margin: 10px 0 0 15px;
 	width: 622px;
  	height: 300px;
}

.loginBox {
  width: 300px;
  float: right;
  background-color: #FFF;
}

div[class="loginBox"] {
  width: 300px;
  float: right;
  background-color: #FFF;
}

.loginBoxTop, .featureBoxTop {
 padding: 0px;
 width: 300px;
 height: 35px;
 background-image: url("../../images/index1/FeatureBox_Top.gif");
}
.loginBoxMiddle {
width: 300px;
padding-top:10px;
min-height:230px;
}

.loginBoxBottom, .featureBoxBottom {
 padding: 4px 10px 0 10px;
 width: 280px;
 height: 22px;
 margin: 0;
 background-image: url("../../images/index1/FeatureBox_Bottom.gif");
}

.loginBoxMiddle span { margin: 0 0 0 0; padding: 0 10px 5px 10px; width: 280px; float: left;}

.subHeader {
 width: 300px;
 height: 30px;
 background-image: url("../../images/index1/FeatureBox_Subheader.gif");
}

/*  Flash 
--------------------------------------------------*/
.mainFeature
{
    float: left;
    margin-top: 0;  
    margin-left: 7px;	  
    width: 622px;
    height: 300px;
}
div[class="mainFeature"] 
{
	margin-left: 15px;	
}

/*  Feature Box Elements
--------------------------------------------------*/
#leftFeatureBox, #midFeatureBox, #rightFeatureBox {
background-color:#FFFFFF;
float:left;
width:300px;
}

#midFeatureBox {
	margin:0 22px;
}

#leftFeatureBox ol.fancyLinks, #midFeatureBox ol.fancyLinks, #rightFeatureBox ol.fancyLinks {
    list-style:none;
	margin:0 0 0 148px;
	padding:0;
	width:150px;
}

#leftFeatureBox ol[class="fancyLinks"], #midFeatureBox ol[class="fancyLinks"], #rightFeatureBox ol[class="fancyLinks"] {
   height:110px;
   width:150px;
}

.subFeatures {
float:left;
padding:10px 15px;
}

div[class="subFeatures"] {
float:left;
margin:15px;
padding:0;
width:944px;
}

.featureBoxMiddle {
width: 300px;
min-height:255px;
}

.featureBoxMiddle img {
float:left;
margin-left:2px;
}

.subHeader {
 width: 300px;
 height: 30px;
 background-image: url("../../images/index1/FeatureBox_Subheader.gif");
}

li.menuitem {
color:black;
font-size:70%;
height:36px;
}

li[class="menuitem"] {
height:37px;
}


/*  Footer
----------------------------------------------------------*/
#footer 
{ 
  width: 944px; 
  /*width: 974px\9; */
  height: 70px;
  color: #fff;
  font-size:70%;
  background-color: #274E75;  
  padding: 15px 15px 0 15px;
  margin-bottom: 0px;
}

#footer ul { margin:0; text-align:right; list-style: none; }

#footer ul li { padding-bottom:5px; display: block; }

#footer_left 
{
	float: left;
}

#footer_right 
{
	float: right;
}

.menu1
{
	margin: 0;
	float: right;
}

.menu1 {padding-left: 50px;}

.menu2
{
	padding: 0;
	margin: 0;
	float: right;
}


#footer a
{
  padding-right: 5px;  
  font-size:100%;
  color: #fff;
}

img.copyright { float: left; margin-bottom: 20px;}

.registered 
{
	clear: both;
}
.websitebylink 
{
  clear: both;
  float: right;
  font-size:90%;
 }
 .websitebylink a
{ 
  font-weight: normal;
}