/* clientstyles.css */

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

body{
 background-color:#000;
 font-family: arial, Geneva, Verdana, sans-serif;
 text-align:center;
}

/* Wrapper contains the layout */
#wrapper{
 width:56em;
 margin: 20px auto 0 auto;
 background-color:#000; 
 position:relative;
}
/***************** Branding Division Styles ********************/
/* Set height of branding division */
#branding{
    height:2em;
	margin:1em 7em 2em 10em;
	
}

/* Branding division contains one large image */
#branding img{
	width:100%;
    display:block;
	/* border-bottom:solid 2px #03F; */
}

/* Tables of thumbnail images */
table.thumbs{
text-align: center;
border-collapse: collapse;
margin: auto;
}

/* Table cells that contain thumbnails */
td.thumbs{
border: solid 1px #F03;
padding: 10px;
}

/* style for thumbail images */
img.thumbs{
width: 100px;
height: 100px;
}

/***************** Navbar Division Styles ********************/
/* Navbar division */
#navbar{
   background-color:white;   
   height:1.6em; 
   /* For absolutely positioned layout */
   position:absolute;
   top:5.2em;
   left:10em;
   width:36em;
   
}

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

/* List items in the navbar */
#navbar li{
	float:left;
}

/* 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-color:none;
	display:block;
	height:2em;
	width:6em;
    border-top:solid 3px #03F;
	border-right:solid 2.5px #F03;
	border-left:solid 2.5px #F03;
	border-bottom:solid 3px #03F;
    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-color:#000;
    color:#FFF;
}

/***************** Leftcolumn Division Styles ********************/
#leftcolumn{
 /* #content left margin must match this width */
 width:10em;
 float:left;
 /* Left-align text and images in this column */
 text-align:left;
 /* For absolutely positioned layout */
 position:absolute;
 top:2.5em;
 left:0; 
}

/***************** Rightcolumn Division Styles ********************/

/* #rightcolumn{ */
 /* #content right margin must match this width */
 /* width:10em; */
 /* float:right; */
 /* Center text and images in this column */
 /* text-align:center; */
  /* For absolutely positioned layout */
 /* position:absolute; */
 /* top:5em; */
 /* right:0; */ 
}

/***************** Styles for both side columns ****************/
#leftcolumn img,
#rightcolumn img{
    width:80%;
    margin:0;
}

#leftcolumn p,
#rightcolumn p{
    width:90%;
    padding:0.25em;
    /* border-right:thin solid #03F; */
    font-family:Tahoma, Verdana, Sans-Serif;
    font-size:0.8em;
       
    }
	
#leftcolumn ul{
font-size:0.8em;

}

#leftcolumn a:hover,
#leftcolumn a:active{
font-size:1.2em;

}

/* Set color of visited links in leftcolumn */	
#leftcolumn a:visited{
color:#0FF;
	
	}

/* Remove bullets from ul in the leftcolumn */
#leftcolumn ul{
	list-style-type:none;
	
    }
/***************** Content Division Styles ********************/
#content{
 /* Left and right margins must match sidebar column widths */
 margin:0 10em 0 10em;
 padding:10px 10px 10px 10px;
 background-color:#FFF;
 color:#000;
 padding-top:5em;
}

/* Applies to h1, h2, and h3 headings in the content division */
#content h1, #content h2, #content h3{
 font-family: Verdana, Geneva, Arial, Sans-Serif;
 color:#000;
 }

/* Applies to paragraphs and lists in the content division */
#content p, #content ul, #content ol{
 text-align:left;
 line-height:1.25em;
 font-size:0.8em;
 margin:0.5em;
}

/* Applies to lists in the content division */
#content ul, #content ol{
 padding: 5px 0px 5px 30px;
}

/* Float image to right of paragraph */
img.floatright{
	float:right;
	padding: 0.7em 0 0 1em;
}

/* Float image to left of paragraph */
img.floatleft{
	float:left;
}


/* Applies to text I want to make red */
.red{
color:#F03;
}

/* Applies to text I want to make white */
.white{
color:#FFF;
}

/* Applies to text I want to make blue */
.blue{
color:#03F;
}

/***************** Footer Division Styles ********************/
#footer{
   clear:both;
   text-align:center;
   font-size:0.8em;
   margin-left:10em;
   padding-top: 4px;
}

#footer img{
	padding-right:2px;
	margin-left:2.5em;
	float:left;
	
}

/* Set color of links in footer */	
#footer a,
#footer a:link,
#footer a:visited{
color:#FFF;
	
	}

#footer a:hover,
#footer a:active{
font-size:1.2em;

}

/***************** Printer-Friendly Styles ********************/
@media print{
    /* Start styles for printer-friendly pages */
    #wrapper{
        width:100%;
    }
    
    /* Printer only: Hide all but branding and content divs */
    #navbar,
    #leftcolumn,
    #rightcolumn,
    #footer{
        display:none;
    }
    
    /* Printer only: Eliminate content margins and padding */
    #content{
        margin:0;
        padding:0;
    }
	
    /* End styles for printer-friendly pages */
}