html{
height:100%;
}

body
{
height:100%;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
/*background-color:#6B087C;*/
background-image:url(assets/images/background.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
background-color:#cccccc;
text-align:center;
}

html>body 
{
text-align: -moz-center;
}

 


#container
{
margin: 0px auto;
width:778px;
text-align:left;
background-image:url(assets/images/mainBack.jpg);
}

#banner
{
color:#000000;
background-color:#ffffff;
height:206px;
width:451px;
float:left;
margin-right:-3px;
}



#top_navA
{
height:36px;
width:451px;
float:left;
}

#top_nav
{
height:36px;
}


#rightPic
{
width:327px;
height:206px;
border:0px;
}

html>body #rightPic
{
margin-left:451px;
}

#left
{
float:left;
color:#FBE700;
font-weight:bold;
text-align:center;
width:206px;
/*	position:relative;left:1px;  /* This is Tantek hack					*/
/*	voice-family: "\"}\"";	     /* http://tantek.com/CSS/Examples/boxmodelhack.html	*/
/*	voice-family:inherit;	     /* We need to use left:1px because IE draws box incorrectly*/
padding-top:5px;
}

#left  a:link{
font-weight:bold;
color:#FBE700;
}

#left  a:visited{
font-weight:bold;
color:#FBE700;
}

#left  a:hover{
font-weight:bold;
color:#FBE700;
}

#left p{
margin-left:10px;
margin-top:0px;
}

#eupdate{
background-color:#ffffff;
color:#0033CC;
width:165px;
/*margin-left:3px;*/
padding-top:7px;
padding-bottom:7px;
border:1px solid #000000;
}

#eupdate a:link{
color:#000000;

}
#eupdate a:visited{
color:#6b087c;

}

#content
{
margin-left:208px!important;

height:100%;
text-align:left;
padding-bottom:5px;
padding-left:4px;
padding-right:4px;
padding-top:5px;
position:relative;
}

/*#content h3{
font-size:14px;
margin:0px;
color:#81007F;
}*/

#content h3{
font-size:16px;
margin:0px;
/*background-color:#81007F;*/
/*background-color:#6B087C;*/
/*color:#FFFF00;*/
color:#6B087C;
/*padding-left:4px;*/
}

#rContent{
float:right;
width:190px;
/*background-color:#E4E4E4;*/
font-size:12px;
}

#quote {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:15px;
text-align:center;
/*border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#000000;
border-top-style:solid;
border-top-width:1px;*/
}
#quote img{
/*margin-left:-25px;*/
}

#quotes {
     font-style:italic;
	 margin:15px;
   }





#box{
/*background-color:#F5F5F5;*/
border-bottom-color:#000000;
border-bottom-width:1px;
border-bottom-style:solid;
/*border-top-color:#000000;
border-top-width:2px;
border-top-style:solid;
border-left-color:#000000;
border-left-width:2px;
border-left-style:solid;
border-right-color:#000000;
border-right-width:2px;
border-right-style:solid;*/
}

#box p{
padding:4px;
margin-top:2px;
}

#rightBox{
float:right;

border-left-width:1px;
border-left-color:#000000;
border-left-style:solid;
width:200px;
/*background-color:#F5F5F5;*/
}

#videoOfTheDay{
text-align:center;
}



#rightBox p{
padding:4px;
font-size:11px;
}

#leftBox{
width:300px;
}

#rBox{
background-color:#F5F5F5;
border-bottom-color:#000000;
border-bottom-width:2px;
border-bottom-style:solid;
border-top-color:#000000;
border-top-width:2px;
border-top-style:solid;
border-left-color:#000000;
border-left-width:2px;
border-left-style:solid;
border-right-color:#000000;
border-right-width:2px;
border-right-style:solid;
}
#rContent p{
margin-left:4px;
margin-right:4px;
margin-bottom:4px;
}

.bigPurpleBold{
color:#81007F;
font-size:16px;
font-weight:bold;
}

.bold {
font-weight:bold;
color:#81007F;
}
.boldBlack {
font-weight:bold;
color:#000000;
}
.boldRed {
font-weight:bold;
color:#FF0000;
}

.rightBold {
font-weight:bold;
color:#81007F;
padding:4px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer 
{
background-color:#010080;
background-image:url(assets/images/footBack.jpg);
color:#ffffff;
clear:left;
text-align:center;
font-size:12px;
font-weight:bold;
position:relative;
}

#footer a:link
{
color:#FFFFFF;
}

#footer a:visited
{
color:#FFFFFF;
}


#footer a:hover
{
color:#FBE700;
}

.hideField{
position:absolute;
visibility:hidden;
}
