/* dark.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-color: #111111;
    font-family: Sans-Serif, Verdana, Geneva,   Garamond,    Helvetica,  Sans-Serif ;
font-size:large; 
 }


/* a little design around the wrapper */

#container{background: #666 url(../images/back10.jpg) repeat ;
  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: #222222;
     margin-top: 0em;
	padding : 0  ;
	border-left:thin dotted #FF9621;
	border-right: thin dotted #666;
 
}

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

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



padding-left: 1.5em;
border-top: 0.2em solid #666;
border-right: 0.2em solid #6666;
border-bottom: 0.2em solid #555;
}

/* Branding division */
 #logonav
{
   background-image: url('../images/back3.jpg');
padding:1em;
height:7em;

}



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

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

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


}

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

}

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

}

/*#logo h1 {
	padding: 10px 0px 0px;
	margin: 5px;
	color: #ffffff; */
	
	
}
#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: 5em;
}
#rightnavcolumn h2{font-family:Garamond;
padding-left:1em;
color:#445;
}
 
#rightnavcolumn p
{
font-family: Geneva, Arial, Helvetica, 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 
{color: #3f464f;
border-bottom:thin dotted #FF9621;
margin-left: 1em;

}

#rightnavcolumn a
{
text-decoration:none;
color: #3f464f;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}



#rightnavcolumn a:visited
{
color:#3f464f;
}

#rightnavcolumn a:hover
{
text-decoration:none;
border-bottom:thin dotted #fff;
color: #888;
}





/* Navbar division */
#navbar{
  background:#fff ;
  /* Left margin must match leftcolumn width */
 /*  margin-right:10em; */
padding-left:10em;
  height:1.6em;
	border-bottom:thin solid brown;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#navbar li{
  float:left;
 
  /* Required for drop-down menus */
  position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  background:#fff ;
  display:block;
  height:2em;
  width:6em;
  /*border-right: solid 1px #ddd;*/
  line-height:2em;
  text-align:center;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#222;
  color:#666;
}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
  border-top:solid 1px brown;
  border-right: solid 2px #999;
  border-bottom: solid 2px #777;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:0;
}


/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
background:#222; 

  /* background:#ccd; */ /* Removes background image */
  color:#666;
  text-align:left;
  display:block;
  width:10em;
  padding:0 0 0 1em;
  height:auto;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #eee;
  color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}


/* 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: #111;
    color: #fff;
	border-right:thin dotted #FF9621;
}

/* Applies to content links, unvisited and visited */
#content a,
#content a:link,
#content a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#666;
  background:#222 ;
  display:block;
  height:2em;
  width:15em;
  
  line-height:2em;
  text-align:center;
  outline-style:none;
}

/*content hover, active, and current page links */
#content a:hover,
#content a:active,
#content li.selected a:link,
#content li.selected a:visited{
  background:#fff;
  color:#000;
}


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



/* 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;
}
/*Headings h2 in content */
#content h2{ font-family: papyrus,Garamond,    Helvetica;
color:#fff;}
/* 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 8px 4px 4px; 
}
img.floatright { 
    float: right; 
    margin: 4px 2px 4px4px; 
}