@charset "utf-8";
/* CSS Document */
/* Universal style rule */
*{
/* Block all browser default margins and padding */
   margin:0; 
   padding:0; 
}
body{
background-color:#666;
font-family:Arial, Helvetica, sans-serif;
}
table td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #000000;
	padding: 3px;
}

/* Wrapper contains the layout */
#wrapper{
	width:48em;
	background-color:#ccc;
	margin:20px auto 0 auto;
}
/* Make branding a positioned element, but don't move it */
#branding{
	position:relative;
	width: 47.5em;
	border: 3px solid #ccc;
}

/* Absolutely position links in the branding division */
#branding a{
position:absolute;
text-decoration:none;
color:#fff;
font-size:2em;
}
/* Unvisited and visited links in branding bar */
#branding a:link, #branding a:visited{
color:#fff;
}
/* Hover links in branding bar */
#branding a:hover{
color:#fff;
}
/* Active link in branding bar */
#branding a:active{
color:#ffc;
}
/* Fixes the mysterious image gap */
#branding img{
display:block;
}
/* Navbar division */
#branding script{
width:100%
}


#navbar {
background:#ccc url(images/navbak.jpg) repeat-x center;
height:1.6em;
}
/* 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 visited and unvisited */
#navbar a, #navbar a:link, #navbar a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#000;
background:#ccc url(images/navbak.jpg) repeat-x center;
display:block;
height:2em;
width:8em;
border-right:solid 1px #ccc;
text-align:center;
line-height:2em;
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:#ccc url(images/navhover.jpg) repeat-x center;
color:#000;
}
#leftcolumn{
float:left;
}

#rightcolumn{
float:right;
}
#leftcolumn, #rightcolumn{
/* width of left and right columns must match content division */
width:10em;
}
/* Removes bullets from ul in the left and right columns */
#leftcolumn ul, #rightcolumn ul{
list-style-type:none;
}
#leftcolumn h1, #rightcolumn h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:.5em;
}
#leftcolumn li, #rightcolumn li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
	text-align:left;
	border-top:solid 1px #000;
	Border-bottom:solid 1px #000;
}

#leftcolumn a:hover, #leftcolumn a:active, #leftcolumn li.selected a:link, #leftcolumn li.selected a:visited,
#rightcolumn a:hover, #rightcolumn a:active, #rightcolumn li.selected a:link, #rightcolumn li.selected a:visited
{
width:auto;
background:#666;
color:#fff;
}

#leftcolumn p, #rightcolumn p{
	padding:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	}
/* Applies to left and right column links visited and unvisited */
#leftcolumn a, #leftcolumn a:link, #leftcolumn a:visited,
#rightcolumn a, #rightcolumn a:link, #rightcolumn a:visited{
	padding:0.5em;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
	color:#000;
	display:block;
	width:10em;
	text-align:left;
	outline-style:none;
}
/* right and left column hover */
#leftcolumn a:hover, #leftcolumn a:active, 
#rightcolumn a:hover, #rightcolumn a:active{
width:auto;
background-color:#666;
color:#fff;
}
#content{
	/* Left margin and right margins must match sidebar column widths */
    margin:0 10em;
	background-color:#fff;
	color:#000;
	padding:10px;
	background-position: center;
}
/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3, #content h4{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:normal;
font-style:italic;
letter-spacing:0.08em;
}
/* Applies to paragraphs and lists in the content division */
#content p, #content ul, #content ol{
text-align:left;
line-height:1.25em;
font-size:.95em;
padding:5px;
}
/* Size h1 headinding in the content division */
#content h1{
font-size:2em;
}
/* Size h2 heading in the content division */
#content h2{
font-size:1.5em;
}
/* Size h3 heading in the content division */
#content h3{
font-size:1.25em;
}
#content h4{
font-size:1em
}
/* Applies to lists in the content division */
#content ul, #content ol{
padding:5px 0 5px 30px;
}
/* Applies to images in the content div */
#content img{
	display:block;
	float:left;
	text-align:left;
	padding:0 10px 0 0;
    /* height:9em;
	width:6.75em; */	
}
#content h5{
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: lighter;
}
/* Footer */
#content tr td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
#content tr td img{
padding:0;
}
#footer{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	border-top:solid 1px #000;
	text-align:center;
}
#footer a, #footer a:link, #footer a:visited{
	text-decoration:none;
	color:#000;
	}
/* footer hover */
#footer a:hover, #footer a:active{
background-color:#666;
color:#fff;
}