/*-------------------- Global Resets ------------------------------*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0;
}
body {
    background-image: url(../images/background-purp-lt-sm.gif);
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 9pt;
    margin: 0;
	}

html {overflow-y:scroll;} /*keep scrollbar position present in FF*/

/*not sure if need this, but keep for now 
p.expand {
    font-size:.75em;
    font-weight:bold;
    padding:1em .5em .5em;
}
p.expand a { 
    text-decoration:none;
    color:blue;
}
p.expand a:hover {
    display:block;
    height:250px;
    color:white;
    background:blue;
}*/

p {font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 9pt; line-height:1.5em; margin-right: 10px; padding-bottom:10px; }
	
h1 { color: #606; font-weight: bold; font-size: 11pt; padding-bottom:5px;}

h2 { color: #ff9900; font-weight: bold; font-size: 12pt; padding-bottom:5px; }	/*yellow*/

h3 { color: #cc0000; font-weight: bold; font-size: 12pt; padding-bottom:5px;} /*red*/

h5 { color: #606; font-weight: bold; font-size: 14pt;padding-bottom:5px; } /*dk purple*/

/* this is for comm part address, etc.*/
h4 { color:#606; text-align: center; font-size: 10pt; font-weight: bold; padding-bottom:5px; }

h6 { color: #cc0000; font-weight: bold; font-size: 9pt; padding-bottom:5px; }

.purple { font-weight: bold; color: #606;}

ol, li {margin: 5px 10px 10px 15px;}

a:link, a:visited { 
	color: #660066; 
	text-decoration: underline;
	font-weight: bold;}

a:hover { color: #996699; }

ul {margin: 0;}

img {border: 1px solid white;}

	
/*-------------------- PAGE STRUCTURE ------------------------*/
#wrapper {
    /*width: 85%;
    max-width:980px;
    min-width:780px;*/
	width: 695px;
	margin: 0 auto;
    border: 3px solid #660066;
    background: #c0d0ea; /*Left Sidebar Color*/        
	}
	
#header{
    /*min-height:90px;*/
    width: 100%;
	height: 106px;  /* needs height to display */
	/*border:3px solid #660066;*/
    margin: 0 auto;     
	}
	
* html #header{ height:90px;} /* IE6 treats height as min-height*/               

.headerlogo {
	position: relative;
	height: 106px;
	background: transparent url(../images/header.png) top left no-repeat;
	}
	
#logo-link {
	position: absolute;
	top: 0px;
	left:0px;
	width: 382px;
	height: 90px;
	background-color: transparent;
	border: none;
	}

#topnavbar {
	margin: 0 auto;
	height: 24px;
	background: transparent url(../images/header_menu.png) no-repeat;
	width: 100%;
	border-bottom: 3px solid #660066;
	}

.topmenu {
	width: 100%;
	height: 24px;
	}

.topmenu ul { 
	float: left; 
	margin-top: 5px; 
	/*margin-left: 10px; */
	list-style-type: none; 
	}
	
.topmenu li { 
	text-decoration: none; 
	display: inline; 
	/*padding-right: 5px; */
	}

.topmenu a, .topmenu a:visited {
	color: #fff;
	text-decoration: none;
	}	

.topmenu a:hover { color: #ffccff; text-decoration: none; }

/*--------------- Start of Columns  ---------------------------*/

#main {
    margin-left: 180px;  
	}
	
#innerwrap {
    float: left;
    width: 99.5%;
    position: relative; 
	border-left:3px solid #660066;
	padding-top: 15px;
	/*left: -1px; 100% + 1px border exceeds 100% (pull it back with relative positioning)*/
    background: #ffffff; /*Main Content BG Color*/ 
	}
	
* html #innerwrap {  
    margin-right:-1px; /*allow IE6 to stretch the border width but clean it back up with a negative 			margin*/
	}

#sidebar {
    float: left;
    width: 160px;
    margin-left: -180px; /*give 1px in addition to width to get past #innerwrap's left border*/
    position: relative;	/* IE6 needs this with negative margins */
    background: #c0d0ea; /*Same as #wrapper's BG Color*/
    padding-bottom:.5em;
	}
	
.rollover ul, .rollover li { 
	list-style-type: none; 
	line-height: 30px; 
	padding: 0;
	margin: 0;
	font-size: 11pt;
	}

.rollover li a, .rollover li a:visited { 
	background-image: url(../images/diamond_line_empty.gif);
	background-repeat: no-repeat; 
	background-position: left center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px; 
	font-weight: bolder;
	color: #660066; 
	text-decoration: none; 
	margin: 0;}

.rollover li a:hover { 
	font-weight: bolder; 
	background-image: url(../images/diamond_line_full.gif); 
	background-repeat: no-repeat; 
	background-position: left center; 
	text-decoration: none;
	}

.bar_purple { 
	width: 99%; 
	height: 18px; 
	background-color: #660066; 
	color: #fff; 
	font-size: 10pt;
	font-weight: bold; 
	text-align: left; 
	padding: 2px 0 3px 4px; 
	}	
	
.bar_red { 
	width: 99%; 
	height: 18px; 
	background-color: #c00; 
	color: #fff; 
	font-weight: bold; 
	font-size: 10pt;
	text-align: left; 
	padding: 2px 0 3px 4px; 
	}
	
.bar_orange { 
	width: 99%; 
	height: 18px; 
	background-color: #ff9900; 
	color: #fff; 
	font-size: 10pt;
	font-weight: bold; 
	text-align: left; 
	padding: 2px 0 3px 4px; 
	}	
	
#content {
    float: left;
    width: 98%;
	padding-left: 10px;
	padding-bottom:.5em;
	/*background: #ffffff; Same as #innerwrap's BG Color*/
    }

#footer {
	clear: both;
	margin: 0 auto;
	width: 695px;
	background-color: #dfe6f8;
	border-top: 3px solid #660066;
	}

#footer p {
	padding: 10px;
	margin: 0;
	text-align: center;
	color: #660066;	
	}