html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}

/*a{display:block;color: #981793;padding:10px}*/

div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
/*div#nav{background:#B9CAFF}*/
div#extra{background:#FF8539}
/*div#footer{background: #333;color: #FFF}*/
div#footer p{margin:0;padding:5px 10px}

div#container{width:1024px;margin:0 auto}
div#content{float:right;width:824px}
div#nav{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}

.screen-image
{
	display: none;
}

body, div, th, td, form, p, li, ul, ol {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}

a
{
    /*display:block;*/
	color: #336699;
	/*padding:10px*/
	/*padding: 5px;*/
}

a:hover {
	color: red;
	text-decoration: underline;
}

.title
{
	color: #0063A5;
	font-family: "Tahoma", "Frutiger Linotype", "Arial";
	text-align: center;
	font-size: 24px;
}

div#tagline
{
    clear:both;
	width:100%;
	font-family: "Tahoma", Arial, sans-serif;
   	font-size: x-small;
	font-weight: bold;
	border-top: 1px dashed #369;
	background-color: #e9f2f7;
	padding-top: 1px;
	padding-bottom: 1px;
	/*text-transform: uppercase;*/
	position: relative;
	/*top: 15px;*/
	margin-bottom: 15px;
	
}

div#tagline-text
{
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
}


div#nav
{
    float:left;
	width:220px;
	margin: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #369;
	border-top: 1px solid #369;
	border-right: 4px solid #369;
	border-bottom: 4px solid #369;

}

div#nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

/* need to set width of li to width of div minus padding-left (set below) */
div#nav li {
	width:190px;
}
/* width of indented items need to be reduced by indent amount */
div#nav li ul li {
	width:170px;
}

div#nav li.category ul li a
{
	/*padding-left: 20px;*/
}

div#nav ul.sideitem
{
	padding-left: 30px;
}



/* style the category items to match first level list items */
div#nav li.category {
	padding-left:10px;
	height:auto; /*must include to keep indented list from overlapping main list - duh */
	/*color:blue;*/
}
/*IE needs xtra margin and padding set for the li */
* html div#nav li ul li {
	margin-left:-10px;
	padding-left:10px;
}
/* end IE hack */

div#nav li.imageitem
{
	line-height: auto;
	height: auto;
}
