/*
#####################################################
#                                                   #
# resume.css                                        #
#                                                   #
#####################################################

universal selector *
class selector     . (to target a group of elements
id selector        # (to target a unique html element)
*/
body {
  margin: 0;
  padding: 0;
  background-color: #777777;
/*  color: white;*/
/*  background-image: url(img/bg.jpg);*/
  background-repeat: repeat-x;
  font: small Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
  background-color: #fdf8f2;
  color: black;
 	margin:0px auto; margin-top:10px; margin-bottom:10px;   
 	padding: 10px;
}

@media screen and (min-width: 1044px)
{
	#wrapper {
  background-color: #fdf8f2;
  color: black;
  width: 1024px; 
 	margin:0px auto; margin-top:10px; margin-bottom:10px;   
 	padding: 10px;
	}
}

#main {
  position: relative;
  top:0;
  left:  0;
  width: 100%;
  margin-top: 10px;
}
#content {
/*  margin: 0 0 0 240px;*/
  border: 1px solid #b9d2e3;
  background-color: white;
  color: black;
}
#footer {
  width: 100%;
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  margin-top: 10px;
  clear: both;
	text-align:left;
}

#sidebar {
/*  float: left;*/
/*  position: absolute;
  top: 0;
  left: 0;*/
/*  width: 220px;*/
  background-color: #256290;
  color: white;
  margin: 0;
  padding: 0;
}
#sidebar .inner {
/*  padding: 5px;*/
}
#sidebar a:link, #sidebar a:visited {
  color: white;
}

#content .highlighter{
  background-color: yellow;
}

#info  {
	text-align:center;
}

#edit  {
}

#edit table {
	text-align:left;
}

tr.reportheader
{
background-color:#D3D3D3;
font-family:sans-serif;
}

td.reportbody
{
border-top-style:solid;
border-top-color:black;
border-top-width:1px;
vertical-align:top;
}

td.article 
{
font: large Times, Roman, serif;
text-align:left;
}  

td.header {background-color : #dddddd; font-size : x-large ; font-family : Times, Roman, serif}

#features img {
  float: right;
  margin: 0 5px 5px 0;
}

#login {
  vertical-align: center;
  background-color: #256290;
  color: white;
  padding: 2px, 2px;
}
#login .table, .tr, .td {
  vertical-align: center;
}

#login .text {
  width: 196px;
  border: 1px solid #45bac0;
}
#login .loginbutton {
  text-align: right;
  margin-top: 4px;
}
#login .btn {
  border: 1px solid #45bac0;
  background-color: #256290;
  color: white;
}
#login a:link, #login a:visited {
  color: white;
}

/*###################################################
#                                                   #
# vertical menu navigation                          #
#                                                   #
###################################################*/

/* ul.nav
 {
    list-style-type:none;
    float:center;
}

ul.nav li 
{
  background-image: url(img/sidebar-header-bg.jpg);
  background-repeat: no-repeat;
  margin:10px 2px;
}

ul.nav li a 
{

    display:block;
    padding:2px 5px;
    font-family: Arial Black, Arial;
    font-size:12px;
    text-decoration:none;
}

ul.nav li a 
{
    color:white; 
}

ul.nav li a.current 
{
    background-color:#0000ff;
    color:white; 
}

ul.nav li a:hover 
{
    background-color:silver;
    color:white;
}*/

/*###################################################
#                                                   #
# horizontal menu navigation                        #
#                                                   #
###################################################*/

.nav 
{
margin: 0;
padding: 0;
padding-top: 8px;
padding-bottom: 10px;
padding-left: 8px;
background: #000 url(img/menu.png) ;
background-repeat:repeat-x;
}
.nav li 
{
text-decoration: none;
list-style-type: none;
display: inline;
padding-right: 1px;
}
.nav a, .menu a:link, .menu a:active, .menu a:visited 
{
text-decoration: none;
border-bottom: 0;
padding: 7px 11px 9px 11px;
color: #fff;
}
.nav a:hover 
{
text-decoration: none;
color: #fff;
background: #fff url(img/menuo.png) ;
background-repeat:repeat-x;
}

ul.nav li a.current 
{
text-decoration: none;
background: #fff url(img/menuc.png) ;
background-repeat:repeat-x;
color: #fff;
}


.home 
{
text-align: left;
font-size : medium; 
line-height: 1.5em;
font-family: Arial, Helvetica;
}  

.home a:visited {text-decoration : none ; color :#6666FF}
.home a:link {text-decoration : none ; color :#0000FF}
.home a:active {text-decoration : none ; color :#0000CC}
.home a:hover {text-decoration : none ; color :#009999}

.sitemap 
{
text-align: left;
font-size : small; 
font-family: Arial, Helvetica;
}  

#format 
{
text-align: left;
font-size : medium; 
font-family: Arial, Helvetica;
}