/* virtuoffice template css */
/* use with general pages */


body
{
margin: 0 15em 0 15em;
padding: 0;
font-size: 70%;
font-family: tahoma, arial, verdana, sans-serif;
color: #666666;
background: #fff;
line-height: 1.8em;
}
a
{
text-decoration: none;
}
a:link
{
color: #557FFF;
}
a:visited
{
color: #899fc8;
}
a:hover, a:active
{
color: #FFFFFF;
background-color: #036;
}
h1
{
font: bold 1.7em Tahoma, Arial, Helvetica, sans-serif;
padding: 0;
margin: .2em 0 .2em .2em;
color: #003366;
}
h2
{
font: bold 1.4em Tahoma, Arial, Verdana, sans-serif;
padding: 0;
margin: .3em 0 .3em .5em;
color: #003366;
}
h3
{
margin-top: 0;
font: bold 1.2em Tahoma, Arial, Verdana, sans-serif;
color: #557FFF;
padding: .2em;
}
h4
{
font: bold 1em Tahoma, Arial, Verdana, sans-serif;
}
p
{
line-height: 150%;
}
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/* layout divs */

div#banner
{
padding: 0;
}
div#navigation
{
float: left;
width: 100px;
padding-top: 2em;
}
div#contentright
{
float: right;
width: 100px;
margin: 0;
padding: 0 10px 0 10px;
color: #666666;
line-height: 1.8em;
}
div#content
{
margin-left: 150px;
margin-right: 150px;
}

/*********** #navBar link styles ***********/

div#navigation ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
div#navigation ul li { margin-top: 4px;}
div#naviation ul li a
{
display: block;
width: 90px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
}
div#navigation ul li a:hover
{
color: #fff;
background-color: #69c;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navigation li {border-bottom: 1px solid #EEE;}



/* content styles */

div#content p
{
line-height: 1.8em; 
margin: 0 0 1em;
}
.indent
{
font: 80% Tahoma, Arial, Verdana, Sans-serif;
margin: 0;
text-align: center;
padding-top: 1%;
padding-bottom: 1%;
color: #003366;
background-color: #dae2fa;
line-height: 1.8em;
}

div#content
{

}
#cleardiv
{
clear: both;
height: 1em;
}
div#footer
{
clear: both;
margin: 0;
padding: .5em 1em;
color: #333;
background-color: #ddd;
}
div#footer ul
{
padding: 0;
text-align: center;
list-style-type: none;
}
div#footer li
{
display: inline;
}
ul#footer
{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 9px;
}
ul#footer li a
{
display: block;
width: 5em;
padding: .2em 0;
text-align: center;
text-decoration: none;
}
ul#footer .left { float: left; }
ul#footer .right { float: right; }

/* back and next */

ul#navigation
{
list-style-type: none;
margin: 0;
padding: 0;
color: #2d4e9f ;
background-color: #d6d6f5;
}
ul#navigation li a
{
display: block;
width: 5em;
color: #FFF;
background-color: #69C;
padding: .2em 0;
text-align: center;
text-decoration: none;
}

ul#navigation li a:hover
{
color: #d6d6f5;
background-color: #000080;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }