/* 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/2blur.gif) repeat ;
    background-color: #cccccc;
    font-family: Sans-Serif, Verdana, Geneva,   Garamond,    Helvetica,  Sans-Serif ;
font-size:large; 
 }


/* a little design around the wrapper */

#container{
background:#000033 url(../images/bluebricks.png) 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: #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('../pix/rockiesheader.png');
padding:1em;
height:11em;

}



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

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

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


}

#logonav a:visited {
	color: #909972;
	  background: transparent;
}

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

}

/*#logo h1 {
	padding: 10px 0px 0px;
	margin: 5px;
	color: #909972; */
	
	
}
#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;
padding-left:1em;
color:#003300;
background-color: #909972 ;
}
 
#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 
{
border-bottom:1px solid grey;
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:#003300;
}

/* 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 #111;
}

#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: 10px solid #909972;
padding-bottom: 2px;
background: transparent;
color: #000;
}

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


#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 solid grey;

}

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

display:block;
}

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

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


}



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

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

#content h1 {color: #003300;font-family: Garamond; Helvetica, Arial,  sans-serif;}

/* 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; 
}