body { 
margin: 0px; 
padding: 0px; 
font: 80% Verdana, Arial, sans-serif;
background: #2e3192 url(../images/blue-bg.png) repeat ;
}



p {
margin: 0px;
padding: 10px 10px 5px 20px;
color: #2e3192;
text-align: left;
}



a {
color: #2e3192;
text-decoration: underline;
}



a:hover {
text-decoration: none;
color: #bf1e2e;
}


.imgLeft {
padding: 0px 20px 10px 0;
/*margin-left: 100px;*/
float: left;
}



.imgRight {
padding: 5px 20px 10px 20px;
/*margin-left: 100px;*/
float: right;
}



h1{
color:#bf1e2e;
margin: 6px 1px 8px 15px;
font-size: 205%;
font-weight:normal;
}

h2{
color:#2e3192;
margin: 6px 10px 8px 15px;
font-size: 135%;
}



h3{
color:#bf1e2e;
margin: 6px 1px 8px 15px;
font-size: 205%;
font-weight:normal;
}

h3 a{
color: #bf1e2e;
text-decoration: none;
}

h3 a:hover{
color: #FFFFFF;
text-decoration:underline
}



hr {
width: 90%;
height: 1px;
border: none;
color: #cccccc;
background-color:#cccccc;
margin: 0 auto;
}


ul {
  margin: 5px 5px 5px 55px;
  padding: 5px;
  list-style: square;
}


.small {
font-size: 75%;
}


.red {
color: #bf1e2e;
}



/*-------Container-------*/


#container {
width: 980px;
margin: 0 auto;
padding:0;
margin-top: 12px;
}



/*-------Content Area-------*/



#contentArea {
width: 980px;
padding:0;
}



#contentArea .left {
width: 154px;
float:left;
}

#contentArea .right {
width: 826px;
float:left;
background: #FF0000;
}











/*-------Navigation-------*/




#nav {
width: 154px;
padding:0;
background: #FFFFFF;
margin-top: 100px;}



#nav .navTop {
width: 154px;
height: 90px;
background: url(../images/nav-top.png);
padding:0;
margin-bottom: 0px;
}


#nav .navBottom {
width: 154px;
height: 90px;
padding:0;
background: url(../images/nav-bottom.png);
margin-bottom: 0px;
}





#blueblock{
width: 154px;
padding: 0 0 1em 0;
font-size: 90%;
background-color: #ffffff;
color: #333;
text-align: right;
}

* html #blueblock{ /*IE 6 only */
w\idth: 114px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
background-color: #ffffff;
color: #3f3f3f;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background-color: #bf1e2e;
color: #fff;
}


#blueblock .current{
background-color: #999999;
color: #fff;
}








/*-------Content-------*/


#content {
width: 826px;
padding: 0;
background: #FFFFFF url(../images/content-bg.png) top no-repeat;
padding: 10px 0 0 0;
}





#content .contLeft {
width: 375px;
float:left;
margin: 15px 0 0 10px;
}

#content .contRight {
width: 400px;
float:left;
margin: 15px 0 0 25px;
}



#content .contMain {
width: 826px;
float:left;
margin: 0px;
}







#content .bottom {
width: 826px;
height: 45px;
background: url(../images/content-bottom.png) no-repeat;
padding: 0;
}


#content .footer {
padding: 0px;
width: 826px;
margin-top: 25px;
}




#content .footer p {
margin: 0 ;
padding: 12px 4px 5px 30px;
text-align: left;
font-size: 76%;
color:#3f3f3f;
}


#content .footer a {
color:#2e3192;
}


#content .footer p .details {
margin: 0 ;
text-align: left;
color:#2e3192;
font-size: 14px;
}

#content a:hover {
text-decoration: none;
color: #bf1e2e;
}







/*----- Folio Thumbs -----*/

#magThumbs {
margin: 0 auto;
padding: 0;
}

#magThumbs .thumbs {
margin: 10px 10px;
}

div.thumbBox {
float: left;
margin-left: 75px;
margin-right: 75px;
width: 250px;
margin-bottom: 30px;
}
div.thumbBox p {
text-align: center;
color:#003399;
}

div.thumbBox a {
color:#003399;
}


img {
border: 0px none;
}
div.center {
width: 600px;
}