/* t r b l */

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

body,div,dl,dt,dd,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesnt inherit in IE */
legend{color:#000;}

body {
 color:#3a3a3a; 
 font:normal 0.85em Arial, Helvetica, sans-serif; 
 line-height:1.5em;
 background:#f0f0f0;
}

h1 {
 font-size:200%;
 font-weight:normal;
 margin:0px 0px 10px 0px;
 line-height:110%;
}

h2 {
 font-size:180%;
 font-weight:normal;
 margin:2px 0px 10px 0px;
 color:green;
 border-bottom:1px dotted silver;
 line-height:110%;
}

h4 {
 font-size:120%;
}

a,a:visited {
 text-decoration:none;
 color:darkblue;
}

a:hover {
 text-decoration:underline;
}

#maincontainer{
 width: 960px; /*Width of main container*/
 margin: 0 auto; /*Center container on page*/
 background-color:#fff;
}

#topsection{
 height: 134px; /*Height of top section*/
 background: #e8f4e9;
}

#topsection #banner {
 height:90px;
 background:url(/doclib/site/ivdc_logo.gif) no-repeat center left;
 padding:5px;
 margin-left:10px;
}

#topsection #banner #inner{
 margin-left:150px;
 width:450px;
}

#topsection #banner #userlogin{
 margin-left:640px;
 width:100px;
}

#topsection #banner #inner h1{
 margin:10px 0px 10px 0px;
 font-weight:normal;
 font-size: 270%;
 line-height:100%;
}

#topsection #banner #inner h2{
 margin:0px 0px 10px 0px;
 font-weight:normal;
 font-size: 180%;
 border:0;
}

#contentwrapper{
float: left;
width: 100%;
margin-bottom:20px;
background-color:#fff;
}

#content {
background-color:#fff;
}

#contentcolumn{
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
margin-right:10px;
padding-left:10px;
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/
padding-left:10px;
padding-bottom:20px;
margin-top:4px;
}

#footer{
clear: both;
text-align: center;
padding:20px;
border-top:3px solid silver;
font-size:85%;
background-color:#e8f4e9;
}

#footermenu,
#footermenu a,
#footermenu a:visited{
color:gray;
margin:5px;
text-transform:lowercase;
text-decoration:none;
}

.inner{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#chromemenu{
width: 100%;
font-weight: bold;
font-size:95%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: '.';
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border-top: 1px solid #BBB;
border-bottom: 4px solid #BBB;
width: 100%;
background: url(/doclib/site/chromebg.gif) center center repeat-x;
padding: 5px 0px;
margin: 0px;
text-align: left; /*set value to right for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px 15px 5px 15px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(/doclib/site/chromebg2.gif) center center repeat-x;
}

.arrowlistmenu{
width: 200px; /*width of menu*/
}

.arrowlistmenu .header{
font: bold 14px Arial;
color: white;
background: black url(/doclib/site/titlebar.png) repeat-x center left;
margin:0px;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0px 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu .header a {
color: white;
text-decoration:none;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(/doclib/site/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.blockmenu {
width: 198px; /*width of menu*/
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
font-size:90%;
border:1px solid #000;
}

.blockmenu .header{
font: bold 14px Arial;
color: white;
background: black url(/doclib/site/titlebar.png) repeat-x center left;
margin: 0px;
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.blockmenu div{
 margin:0px 4px 10px 4px;
 line-height:90%;
}

.blockmenu h4 {
 margin:8px 0px 4px 0px;
 padding:0;
 color:green;
 border-bottom:1px dotted silver;
}
.blockmenu p {
 margin:0px 0px 0px 10px;
 padding:0;
}

.blockmenu p img {
 border:0;
 width:16px;
 height:16px;
 vertical-align:bottom;
}

/* simple form table */

.fTable {
 width:100%;
}
.fRow {
 padding-bottom:8px;
 clear:both;
}
.fRow label {
 width:20%;
 display:inline;
 font-weight:bold;
 float:left;
 text-align:right;
 margin-right:10px;
}
.fRow .field {
 float:left;
 width:80%;
}
#form-footer {
 clear:both;
 text-align:center;
}