body{
margin: 0;
padding:0;
background-color: #91ad92;
background-image:url(../images/interface/bg.jpg);
background-repeat:repeat-x;
text-align:center;
}


#container {
width: 900px;
margin:0px auto;
text-align:left;
}
/*#############################################################*/


.boxright{
float:right;
padding:10pt 10pt 10pt 10pt;
border:0px;
background-color:#CBDC86;
font:Arial, Helvetica, sans-serif;
line-height:120%;
font-size:11px;
font-weight:bold;
width:275px;
}

.boxright ol{
font:Arial, Helvetica, sans-serif;
line-height:120%;
font-size:10px;
}


#bread{
background-image:url(../images/interface/bread.jpg);
background-repeat:no-repeat;
vertical-align:middle;
text-align:center;
line-height: 1em;
font-size:10px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
}

#bread a{
line-height: 1em;
color:#0b71af;
text-decoration:none;
}

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

#colright{
background-image:url(../images/interface/col_right.jpg);
background-repeat:no-repeat;
vertical-align:bottom;
}

#content{
vertical-align:top;
background-color:#ffffff;
color:#333333;
line-height: 120%;
font-size:12px;
font:arial;
font-family:Arial, Helvetica, sans-serif;

}


#content a{
color:#458FA8;
text-decoration:none;
font-weight:bold;
line-height: 120%;
font-size:12px;

}

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

#content ul li {

padding-right: 20px;
color:#333333;
text-decoration:none;
line-height: 120%;
font-size:12px;

}

#content ul li a{
color:#458FA8;
font-weight:bold;
text-decoration:none;
line-height: 120%;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content ul li a:hover{

color:#0099cc;
text-decoration:none;
line-height: 120%;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.expand_l{
background-image:url(../images/interface_new/expander_left.jpg);
background-repeat: repeat-y;
}

.expand_r{        
background-image: url(../images/interface_new/expander_right.jpg);
background-repeat: repeat-y;
}


/* ########## FORMS ###############*/

textarea{
background-color:#d6e5d6;
}

input{
background-color:#d6e5d6;;
}

/* ########## FORMS END ###############*/



  
h1{
padding-top:5px;
font-weight:800;
color:#388493;
line-height:normal;
text-transform:uppercase;
font-size:16px;
font:arial;
font-family:Arial, Helvetica, sans-serif;

}

h2{
padding-top:5px;
font-weight:800;
color:#009966;
line-height:normal;
font-size:16px;
font:arial;
font-family:Arial, Helvetica, sans-serif;

}

img{
border:0px;
}


/* #################NAVIGATIOM #####################*/
/* side nav is for future use if required. I have put it in but not defined hover state etc.*/
#sidenav{
background-image:url(../images/interface/col_left.jpg);
background-repeat:no-repeat;
padding-top: 20px;
padding-left:30px;
vertical-align:top;
font-size:13px;
color:#333333;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sidenav a{
text-decoration:none;
color:#0273BF;
font-weight:800;

}

#sidenav a:hover{
color:#339966;
}


#topnav{
background-image:url(../images/interface/nav_bar.jpg);
background-repeat:no-repeat;
text-align:center;
font-size:15px;
color:#0273BF;
font:Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#topnav a{
color:#0273BF;
font-weight:800;
text-decoration:none;
}

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

/* #################NAVIGATIOM ENDS #####################*/


p{
color:#333333;
line-height: 120%;
font-size:12px;
font:arial;
font-family:Arial, Helvetica, sans-serif;
}


p a{
color:#458FA8;
text-decoration:none;
font-weight:bold;
line-height: 120%;
font-size:12px;

}

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

p ul li {
padding-right: 20px;
color:#333333;
text-decoration:none;
line-height: 120%;
font-size:12px;

}


p ul li a{
color:#458FA8;
font-weight:bold;
text-decoration:none;
line-height: 120%;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

p ul li a:hover{

color:#0099cc;
text-decoration:none;
line-height: 120%;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.small{
padding: 0px;
color:#666666;
font-weight:bold;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.small a{
padding: 0px;
color:#666666;
font-weight:bold;
text-decoration: none;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.small_blue{
padding: 0px;
color:#0099CC;
font-weight:bold;
text-decoration: none;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.red a{
color:#990000;}


.table{
vertical-align:top;
padding-left: 2px;
color:#333333;
line-height: 120%;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



.tiny{
font:Verdana, Arial, Helvetica, sans-serif;
color:#3366CC;
font-size:10px;
line-height: 90%;
}

.vertical_bottom{
vertical-align:bottom}

.vertical_top{
vertical-align:top;
}

.vertical_top_l{
vertical-align:top;
background-image:url(../images/interface/expand_l.jpg);
background-repeat:repeat-y;
}

.vertical_top_r{
vertical-align:top;
background-image:url(../images/interface/expand_r.jpg);
background-repeat:repeat-y;
}

.vertical_bottom_l{
background-image:url(../images/interface/expand_l.jpg);
background-repeat:repeat-y;
vertical-align:bottom;
}

.vertical_bottom_r{
background-image:url(../images/interface/expand_r.jpg);
background-repeat:repeat-y;
vertical-align:bottom;
}