


td{
font-size:13px;

}
a{
font-weight:bold;
}

.reader_links a{
color:#ffffff;
font-size:12px;


}
.blackborder{
text-decoration:none;
border:1px solid #000;

}

a:hover{
color:#b3f20b;

}

.home_colls a{
text-decoration:none;
color:#FFFFFF;
font-weight:normal;
}

.home_colls a:hover{
text-decoration:UNDERLINE;

}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

h1{
font-size:22px;

}
.clearfix {
    display:inline-block;
}

.readers{
height:27px;
	background:url('dark_blue_off.gif') #365165 no-repeat 0 0;
width:180px;
font-family:arial;
font-weight:bold;
font-size:12px;
color:#ffffff;
}

.readers2{
height:27px;
	background:url('dark_blue_off.gif') #365165 no-repeat 0 0;
width:180px;
font-family:arial;
font-weight:bold;
font-size:12px;
color:#ffffff;
}

.readers a{
color:#ffffff;
text-decoration:none;
list-style-type:none;
margin:0px;
text-align:left;
padding:0px;
font-family:arial;
font-weight:bold;
font-size:12px;

}

.readers li a{
color:#ffffff;
text-decoration:none;
margin:0px;
padding:0px;

}
.home_colls{
font-family:verdana;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding-top: 4px;
    
}

.color5{
font-size:11px;

}

.readers{
height:27px;
font-size:13px;
font-family:arial;
font-weight:bold;


}

    #menuTop {
      float:left;
      font-family: Arial, sans-serif; 
      color: #336699; 
      font-size: 12px; 
      font-weight: bold;
      background: #AEF307 url('right.gif') repeat-x;

      }
    #menuTop ul {
	  margin:0px;
	  padding:0px 0px 0px 0px;
width:831px;
	  list-style:none;
      }
    #menuTop li{
float:left;

      }
    #menuTop a {
      float:left;
      background:url('tableft.gif') no-repeat;
      padding:0px 0px 0px 4px;
font-size:12px;
      text-decoration:none;
      }

    #menuTop a span {
      display:block;
      background:url('tabright.gif') no-repeat right top;
      padding:4px 10px 4px 9px;
      color: #474747;
      }

    #menuTop a:hover span {
      color:#FF9834;
      }

    #menuTop a:hover {
     background-position:0% -42px;
     position: relative;
     top: -2px;
      }

    #menuTop a:hover span {
     background-position:100% -42px;
     position: relative;
     top: 0px;
     left: 0px;
     color: #474747;
      }

    #menuTop #current a {
      background-position:0 -42px;
      }
    #menuTop #current a span {
      background-position:100% -42px;
      padding:4px 12px 4px 12px;

      }




   
/* CSS Document */
/*
#AEF307 is the green color
#4A708B is the darkest blue
#5D92B1 is the med grey blue
#8DB6CD is the lightest one
#EE8822 is the orange
#ffcc33 is the yellow
*/


#innerLower{
        background-color: #ffcc33;
        padding-left: 4px;
        padding-top: 4px;
        width: 600px;
        position: absolute;



}
        
#menuRight{
        background-color: #cccccc;
        float: left;
        padding-left: 0px;
        padding-top: 0x;
        width: 170px;
}

body {
	margin:0px;
	padding:0px;
        background:#A2A9AF;
font-family:arial;
font-size:12px;
}

body a{
font-size:12px;
font-family:arial;
}
#mainOuter {
        background: #FFFFFF url('css-gradient2.gif') repeat-x 0px 0px;
	text-align:center;
margin:0 auto;
	width:880px;
        padding: 14px 0px 5px 0px;

}
#main {
	width:831px;
        background-image:  url('leftMenuBackground.gif');	
        background-repeat: repeat-y;
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	border:0px solid #000;
        padding: 0px 0px 0px 0px;
}

/*************** #headerstyles **************/
#header{
	background-color: #FFFFFF;
        margin-top: 0px;
	/**width: 800px; */
        /*height: 200px;*/
    padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
    font-weight: bold;
	text-align:center;
}





/*************** #container for logos and utility menustyles **************/
#menuLogo{
	background-color: #FFFFFF;
	width: 831px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	float: right;

}


/*************** #utility menu styles **************/
#menuUtility{
	background-color: transparent;
	width: 600px;
	padding: 3px 0px 0px 0px;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	float: right;
}


#menuUtility a{
        color: #474747;
        text-decoration: none;
}

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

#headerImage{
	background-image:  url('headerNoLine.jpg');
	background-repeat: no-repeat;
    margin-top: 0px;
    height: 90px;
    padding: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
    font-weight: bold;
}



/*************** #menuSub styles **************/


#menuSub{
	/*background-color: #AEAEAE;*/
        /*background-color: #AFBEBD;*/ 
        background: #FFFFFF url('menuSubGradient.jpg') repeat-x top center;
        margin-bottom: 0px;
        padding-top:4px;
        padding-bottom: 9px;
        color:  #ffffff;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 13px;
        font-weight: bold;
        text-decoration: none;
}

#menuSub a{
	/*background-color: #AEAEAE;*/
        /*background-color: #AEF307;*/ 
	background-color: transparent;
        padding-top:4px;
        padding-bottom: 5px;
        color: #474747;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
        font-weight: bold;
        padding-left: 8px;
        padding-right: 8px;
        text-decoration: none;
}

#menuSub a:hover{
	background-color: #666666;
        color:  #ffffff;
position:relative;
text-decoration: none;

}

a.menuSubLink:link {text-decoration: underline overline}
a.menuSubLink:visited {text-decoration: underline overline}
a.menuSubLink:active {text-decoration: underline overline}
a.menuSubLink:hover {text-decoration: underline; color: green;}


/*************** #searchBox styles **************/
#searchBox{
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    font-family: Arial, sans-serif; 
    color: #FFFFFF; 
    font-size: 12pt; 
    font-weight: bold; 
    text-decoration: none;
    padding: 4px 0px 0px 0px;
}

#searchbox a{
color:#ffffff;

}

#searchbox a:hover{
color:#ffffff;

}

.searchBoxGradient {
    background: url('css-gradient.jpg') 0% 0% repeat-x;
    padding: 0px 0px 4px 0px; 
    color: #fc2; 
    height: 38px;

}

/* footer */
		
.footer {
font-size:12px;
    padding: 0;
color:#a2a9af;
}

.footer a{
color:#a2a9af;
font-size:11px;
}

.footer a:hover{
color:#a2a9af;

}


.FieldStatus {
	color: red;
}



.pghead {
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
height:30px;
background-color:#f5f5f5;
border-bottom: 1px solid #003366;
color:#003366;
padding-left:5px;
}

div.MissingThumb	 {
	float:center;
	color:#FFFFFF;
	font-size:9px;
	position:relative;
	width:58px;
	top:-75px;
	height:0px;
	text-decoration:none;
	cursor:hand;
	text-align:center;
}

div.MissingThumb a	 {
	
	color:#FFFFFF;
	text-decoration:none;
}

div.MissingCover	 {
	float:center;
	color:#FFFFFF;
	font-size:10px;
	position:relative;
	width:130px;
	top:-120px;
	height:0px;
	text-decoration:none;
	cursor:hand;
	text-align:center;
}

div.MissingCover a	 {
	
	color:#FFFFFF;
	text-decoration:none;
}

/* CSS for template site only - should be removed */

td.template {
	font-family:Arial;
	font-size:13px;
}

.sidebar{
border:0;

}

#sidebar {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ffffff; 
width:180px;
}
		  
#sidebar ul {list-style: none; border: 0; margin: 0; padding: 0;}

#sidebar li {

	margin:0 auto;
	height:27px;
	background:url('dark_blue_off.gif') #365165 no-repeat 0 0;
width:180px;

}



#sidebar li a:hover {
	margin:0 auto;
	height:27px;
	background:url('dark_blue_on.gif') #365165 no-repeat 0 0;
width:180px;

}

#sidebar li a{
text-align:left;
display:block;
text-decoration: none; 
color:#ffffff;
padding-top:5px;
height:27px;

}

.sidebar_list ul{
list-style:none;
padding-left:0px;
color:#ffffff;
margin:0px;
}

.sidebar_list a{
text-decoration: none; 
color:#ffffff;
padding-left:4px;
font-weight:normal;
width:176px;
display:block;

}

.sidebar_list a:hover{
color:#b3f20b;

}

#only{
font-size:0.8em;
}

#media{
font-size:0.8em;
}
