/* RightColFloat.css */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* The rest is optional, style to taste */


 background: #FFF url( ../images/graybg.png) repeat-y ;
    	background-color : #f8f8f8;
    	font-family : Sans-Serif, Verdana,Geneva, Garamond,Helvetica;
	font-size :large;  
 }


/* a little design around the wrapper */

/* #container{background-color:#000033;
  color: #70695A;
	width:46em/* 45.5em */;
padding-top:0.1em;
    margin: auto; /* Centers the layout (newer browsers) */ 
    /* Optional, style to taste */
   
   
	
} */

/* Wrapper sizes the layout */
#wrapper {
    /* Sets width of fixed or elastic layout */
    width: 45em;  
    margin: auto; /* Centers the layout (newer browsers) */ 
    /* Optional, style to taste */
    background-color: #fff;
     margin-top: .25em;
	padding : 0  ;
	border-left:thin solid gray;
	border-right: thin solid gray;
 
}

/* ---------------------- Start layout division styles ---------------------- */

#toptitle
{
background-color:#fff;
font-family: garamond; Arial, Helvetica, sans-serif;
font-size:small;
text-align: left;



padding-left: 1.5em;
border-top: thin solid gray;
border-right: thin solid gray;
border-bottom: thin solid gray;
}

/* Branding division */



/*
 #logonav
{

   background-image: url('../images/graybg.png');
background-repeat: no-repeat;
padding:1em;
height:7em;

}
*/

 
#logonav h1
{ text-align: center;
padding: 0;
margin: 0;
font-family:papyrus;
font-size: 400%;
color: #ABCAC4;
}



#logonav
{
/* margin: 0 10em 0 10em;*/
	padding: 0px;
	width: 100%
	background-image: url('../images/logobg.png');
	
	
} 

#logonav a:link,
 #logonav a:visited {
	color: #ababab;
	text-decoration: none;


}

#logonav a:visited {
	color: #999;
	text-decoration:none;
	
}

#logonav a:hover {
	color:  #222222;
	text-decoration: none;

}


	
}
#branding { 
    /* Style to taste */
    height: 3em; 
    background-color: #6a7830;
}
#branding h1 {font-family: papyrus;
color: gray;}

/* Right column division */
#rightnavcolumn {
    float: right;
    /* Optional, style to taste */
    width: 10em; 
margin-top: 3em;

}
#rightnavcolumn h2{font-family:Garamond, Geneva, Arial, Helvetica, sans-serif;
padding-left:1em;
color:#003366;
}
 
#rightnavcolumn p
{
font-family:Geneva, Helvetica,  Arial, sans-serif;
font-size:smaller;
}

#rightnavcolumn ul 
{
list-style-type:none;
margin: 0;
margin-top: 0.5em;
padding: 0.5em;
font-family: Garamond; Helvetica, Arial,  sans-serif;

display:block;
}

#rightnavcolumn li 
{
border-bottom:1px solid #444;
margin-left: 1em;

}

#rightnavcolumn a
{
text-decoration:none;
color: #666666;
font-family:Arial, Helvetica, sans-serif;


}



#rightnavcolumn a:visited
{
color:#666666;
}

#rightnavcolumn a:hover
{
text-decoration:none;
color:#333333;
}

/* Navbar division */

#navbar {
    /* Right margin = rightcolumn width */
    /* margin-right:10em; */
    /* Style to taste */
    height: 2em; 
    background-color: #fff;
border-bottom: thin solid #3d3020;
}




/* Navbar division */
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 20px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color:   #999;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border/* -bottom */ : 2px solid #666; 
border-bottom: 10px solid #666;

padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }


#navlist li.selected a:link,
#navlist li.selected a:visited{
  
  color:#666;
}

/* Content division */
#content {
    /* Leave room for rightcolumn */
    margin-right: 10em; 
    /* Optional, style to taste */
    text-align:left;
    padding-bottom: 0.5em;
	padding-left: 1.5em;
    background-color: #fff;
    color: #000;
border-right:1px dotted grey;
}

#content h1 {text-align: center;
font-weight: bold;}
#content ul 
{
list-style-type:none;
margin: 0;
margin-top: 0.5em;
padding: 0.5em;
font-family: Garamond; Helvetica,Arial,  sans-serif;

display:block;
}

#content li 
{
border-bottom:1px dotted grey;
margin-left: 1em;

}
#content  a
{
text-decoration:none;
color: #666666;
font-family:Arial, Helvetica, sans-serif;


}



#content  a:visited
{
color:#666666;
}

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



/* Footer division */
#footer {
    clear: right; /* Clear the right column */ 
    /* Optional, style to taste */
    background-color: #535353;
    color: #000;
    border-top: solid 1px #B0C4D0;
    min-height: 2em;
}

/* Applies to footer links, unvisited and visited */
#footer a,
#footer a:link,
#footer a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;

  display:block;
  
  
  /*border-right: solid 1px #ddd;*/
  line-height:2em;
  text-align:center;
  outline-style:none;
}


/* ---------------------- End layout division styles ---------------------- */

/* ---------------------- Content division styles ------------------------- */

/* Heading 1 tags in content division */
#content h1 {
    margin-left: 10px;
    font-size: 2em;
font-family: Garamond; Helvetica,Arial,  sans-serif;
}

/* Paragraphs in content division */
#content p {
    font-size: 0.85em;
    line-height: 1.5em;
    margin: 1em 12px;
}

/* Bulleted lists in content division */
#content ul {
    font-size: 0.85em;
    margin: 1em 20px 1em 40px;
}

#content ul li {
    margin-bottom: 0.5em;
}

/* -------------------- End content division styles ----------------------- */
/*---image floats class----- */
img.floatleft { 
    float: left; 
    margin: 4px; 
}
img.floatright { 
    float: right; 
    margin: 4px; 
}
/* -------------------- End content division styles ----------------------- */
/*---image floats class----- */
img.floatleft { 
    float: left; 
    margin: 4px 8px 4px 4px; 
}
img.floatright { 
    float: right; 
    margin: 4px 2px 4px4px; 
}