/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
#mainTitle h1,#mainColumn h1,#bigColumn h1{
font-size:24px;
font-weight:normal;
}
div.contentBoxSectionTitle h1{
font-size:16px;
text-transform:uppercase;
font-weight:normal;
margin:0px;
padding:0px;
color:#009933;
}
/* #mainStyle text styles */
/* styles and colours */

/**
* all main content are font-sizes should descend from this.
*/
#mainStyle {
font-size:0.8em;
}
#mainStyle a{
color:#996600;
text-decoration:underline;
}

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


#mainStyle p.image{
text-align:center;
}
#mainStyle p.imagecaption{
text-align:center;
}
#mainStyle p.imagecaptionleft{
text-align:left;
}
#mainStyle p.imagecaptionright{
text-align:right;
}
#mainStyle p.imagecaption,#mainStyle p.imagecaptionleft,#mainStyle p.imagecaptionright{
padding:0px;
margin:0px;
margin:2px;
margin-bottom:10px;
font-size:0.8em;
}

/**
* default heading style for mainStyle area
*/
div#mainStyle h2,div#mainStyle h3,div#mainStyle h4{
margin:0px;
margin-top:3px;
margin-bottom:3px;
color: #000033;
}

/**
* default p style for mainStyle area
*/
div#mainStyle p{
margin:0px;
margin-top:5px;
margin-bottom:5px;
}

div#mainStyle p,div#mainStyle td,div#mainStyle th,div#mainStyle li{
color: #231F20;
}

/* font sizes */
div#mainStyle h2{
font-size:16px;
}

div#mainStyle h3{
font-size:14px;
}
div#mainStyle h4{
font-size:13px;
}
div.contentBoxInfo p{
font-size:12px;
}


/*list styles */


/* column list box styles*/


/**
* default ul style for mainStyle area
*/
#mainStyle ul{
margin-left:10px;
padding:3px;
}

#mainStyle ul.spacedList li{
list-style:none;
margin-top:10px;
}
#mainStyle ul.spacedBullets li{
list-style:square;
margin-top:10px;
}
#mainStyle ol.spacedBullets li{
margin-top:10px;
}

/**
* list box styles
*/

div.listBox{

}
div.listBox img{
width:80px;
height:100px;
float:left;
display:block;
margin-right:3px;
border:1px solid #95866C;
}

div.listBox h2{
margin:0px;
padding:3px;
display:block;
color:#F8F481;
}
div#mainStyle div.listBox h2{
color:#F8F481;
}
div.listBox p{
padding:3px;
display:block;
}

/* table styles */

/*
* info table
*/
.tableInfo{
text-align:left;
}
.tableInfo th{
vertical-align:top;
padding:3px;
font-weight:bold;
background-color:#CFC5A8;
background-color:#CFC5A8;
border-bottom:1px solid #ffffff;
text-align:left;
}
.tableInfo td{
text-align:left;
vertical-align:top;
padding:3px;
background-color:#E4E2CF;
border-bottom:1px solid #ffffff;
}
/*
* stats table
*/
.tableStats {
text-align:left;
}
.tableStats th{
vertical-align:top;
padding:3px;
font-weight:bold;
background-color:#CFC5A8;
border-right:1px solid #ffffff;
border-bottom:1px solid #cccccc;
}
.tableStats td{
text-align:left;
vertical-align:top;
padding:3px;
background-color:#F0EEDD;
border-right:1px solid #ffffff;
border-bottom:1px solid #cccccc;
}
.tableStats p{
margin:0px;
margin-bottom:2px;
}


/* image styles */

img.iconAlign{
vertical-align:middle;
}
img.iconBigAlign{
vertical-align:middle;
float:left;
padding-right:5px;
}
p.imageAlignLeft,img.imageAlignLeft{
float:left;
margin-right:10px;
margin-bottom:10px;
}
p.imageAlignRight,img.imageAlignRight{
float:right;
margin-left:10px;
margin-bottom:10px;
}
p.imageAlignMiddle,img.imageAlignMiddle{
text-align:center;
margin-left:10px;
margin-bottom:5px;
}
img.imageBorder{
border:1px solid #000000;
}


/*homepage box styels*/
/* this contains all the content box stuff*/
div.contentBoxPanel{
/*font-size:13px;*/
font-size:1em;
}
div.contentBoxTitle h2,div.contentBoxTitle h2.contentBoxTitleH2{
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
}

div.contentBoxSubTitle{
font-size:0.75em;
font-weight:bold;
}
h2.contentBoxTitleH2{
color:#F8F481;
}


div.contentBoxImageInfo a,div.contentBoxImageInfo p a,div.contentBoxImageInfo li a,
div.contentBoxImageLeftInfo a,div.contentBoxImageLeftInfo p a,div.contentBoxImageLeftInfo li a,
div.contentBoxImageRightInfo a,div.contentBoxImageRightInfo p a,div.contentBoxImageRightInfo li a,
div.contentBoxInfo a,div.contentBoxInfo p a,div.contentBoxInfo li a{
color:#996600;
font-size:1em;
}
div.contentBoxImageInfo a:visited,div.contentBoxImageInfo p a:visited,div.contentBoxImageInfo li a:visited,
div.contentBoxImageLeftInfo a:visited,div.contentBoxImageLeftInfo p a:visited,div.contentBoxImageLeftInfo li a:visited,
div.contentBoxImageRightInfo a:visited,div.contentBoxImageRightInfo p a:visited,div.contentBoxImageRightInfo li a:visited,
div.contentBoxInfo a:visited,div.contentBoxInfo p a:visited,div.contentBoxInfo li a:visited{
color:#996600;
}
div.contentBoxImageInfo h3,
div.contentBoxImageLeftInfo h3,
div.contentBoxImageRightInfo h3,
div.contentBoxInfo h3{
font-size:1.1em;
}

div.contentBoxImageInfo,
div.contentBoxImageLeftInfo,
div.contentBoxImageRightInfo,
div.contentBoxInfo{
font-size:0.70em;
}

div.contentBoxImageInfo p,
div.contentBoxImageLeftInfo p,
div.contentBoxImageRightInfo p,
div.contentBoxInfo p{
font-size:1em;
}





/*ad column styles*/

div.adColumnBox a,div.adColumnBox p{
color:#000000;
font-size:11px;
}
div.adColumnBox p{
margin:0px;
padding:0px;
text-align:left;
padding-left:5px;
}
/* misc styles */


.blacktext{
color:#000000;
}
.goldtext{
color:#996600;
}

td.whitecellnoborder{
background-color:#ffffff;
border:1px solid #ffffff;
}
td.whitecellborder{
background-color:#ffffff;
border:1px solid #666666;
}
hr {
clear:both;
margin:0px;
border-top: 1px solid #8C9DAE;
height:1px;
overflow:hidden;
}
.formError{
color:#990000;
font-weight:bold;
}
.success{
color:#006600;
font-weight:bold;
}



/*content layout styles*/

/*image right, text left */
div.contentColumnImageRight250{
width:250px;float:right;
}
div.contentColumnTextLeft250{
margin-right:260px;
}
div.contentColumnImageRight200{
width:200px;float:right;
}
div.contentColumnTextLeft200{
margin-right:210px;
}
div.contentColumnImageRight150{
width:150px;float:right;
}
div.contentColumnTextLeft150{
margin-right:160px;
}
div.contentColumnImageRight80{
width:80px;float:right;
}
div.contentColumnTextLeft80{
margin-right:90px;
}

/*image left, text right */
div.contentColumnImageLeft250{
width:250px;float:left;
}
div.contentColumnTextRight250{
margin-left:260px;
}
div.contentColumnImageLeft150{
width:150px;float:left;;
}
div.contentColumnTextRight150{
margin-left:160px;
}
div.contentColumnImageLeft80{
width:80px;float:left;;
}
div.contentColumnTextRight80{
margin-left:90px;
}