@charset "utf-8";
/* CSS Document */

/* uses template from http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */
	
/*-------------------- Global Resets ------------------------------*/

body {padding: 0px;
   	  margin: 0px;
   	  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	  font-size:.9em;
	  background-color:#663399;}

p {font-size:.9em;
	line-height:1.5em;
	}

.center {text-align:center;}
.purple {color:#663399; font-weight:bold; text-decoration:underline;}

ul.main,ol.main,li.main {font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	  font-size:.9em;
	  line-height:2em;
	  list-style-position:inside;
	  padding-left:0;
	  margin-left:0;
}

table.mytable {width: 100%; padding:0px; border:none; }
table.mytable td {font-size:.9em; border: none;  vertical-align:top; line-height:20px; }
table.mytable tr.special td { font-weight:bold; padding-top:10px; padding-bottom:10px;} 

table.mytable2 {width: 100%; padding:0px; border:1px #000 solid; background-color:#CCC; }
table.mytable2 td {font-size:.9em; border: none;  vertical-align:top; line-height:20px; }


/* headline purple left align */
h1 {font-size:1.25em;
	color:#663399;
	font-style:bold;
	padding-top:10px; 
	}
	
h2 {font-size:1em;
	color:#663399;
	font-style:bold;
	line-height:1.5em;
	}
	
/* headline gold right align */
h3 {font-size:1.25em;
	color:#cc9933;
	text-align:right;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:0;
	}
	
/* headline gold right align */
h4 {font-size:1em;
	color:#cc9933;
	font-style:bold;
	}	
	
.bullet {font-size:.9em;
	line-height:1.5em;
	}
		
a.link, a.link:visited {
	font-weight:bold;
	color:#9966cc;
	text-decoration:underline;
	}
	
a.link:hover {
	color:#663399;
	}
	
a.main, a.main:visited {
	font-size:.9em;
	font-weight:bold;
	color:#9966cc;
	text-decoration:underline;
	}
	
a.main:hover {
	font-size:.9em;
	color:#663399;
	}

a.headline, a.headline:visited {
	font-size:1em;
	color:#663399;
	font-weight:bold;
	/*padding-left:10px; */
	text-decoration:none;
	}
	
a.headline:hover {
	color:#9966cc;
	text-decoration:underline;
	}

a.rlink, a.rlink:visited {
	color:#cc9933;
	text-decoration:none;
	}
	
a.rlink:hover {
	color:#9966cc;
	text-decoration:none;
	}
	
a.rslink, a.rslink:visited {
	font-weight:bold;
	color:#096;
	text-decoration:none;
	}
	
a.rslink:hover {
	font-weight:bold;
	color:#0F3;
	text-decoration:underline;
	}

#wrap{
   margin: 0px auto;
   width: 900px;
   }
   
   
/* Start Header */

#header {
	clear:both;  not in original css - may nn to remove */
	float:left;
	width:100%;
	height: 175px;  /*needs height to display */
	background-color: #000;
	}
	
.headerlogo {
	position: relative;
	height: 175px;
	background: transparent url(../images/header_acb.png) top center no-repeat;
	}
	
#logo-link {
	position: absolute;
	top: 0px;
	left:1px;
	width: 302px;
	height: 175px;
	background-color: transparent;
	border: none;
	}

#topnavbar {
	margin: 0 auto;  
	height:35px !important; height:2em; 
	padding-top:0px !important; padding-top:10px;
	background-color: #000;
	width: 100%;
	font-size:80%;}

.topmenu ul { 
	float: right; 
	list-style-type: none;
	padding:0px;
	margin-bottom:0px;
	}
	
.topmenu li { 
	text-decoration: none; 
	display: inline; 
	padding-right:30px;
	}

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

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

/* These styles create the dropdown main menu from http://www.cssnewbie.com/easy-css-dropdown-menus/*/
#mainmenu {
	margin: 0;
	padding: 0; 
	background-color:#666;
	height:25px; 
	}

#mainmenu li {
	list-style: none;
	float:left;
	font-size:90%;
	}
	
#mainmenu li a {
	display:block;
	padding:4px 52px 5px 16px;
	color: #fff;
	text-decoration: none; 
	}
	
/* I added this */
#mainmenu li a:hover {
	background-color:#9966cc;
}
	
#mainmenu li ul {
	display: none; 
	width:10em; /* Width to help Opera out */
	z-index:100;}
	
#mainmenu li:hover ul, #mainmenu li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;}
	
#mainmenu li:hover li, #mainmenu li.hover li {
	float: none; }
	
/* submenu items hover color */
#mainmenu li:hover li a, #mainmenu li.hover li a {
	background-color:#660099;
	border-bottom: 1px solid #fff;
	color: #fff;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:16px;
	padding-right:5px;
	}
	
#mainmenu li li a:hover {
	background-color:#9966cc; }
	

/* main columns  from http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm  */

/* Start of Column CSS */
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	background:#000; /* column 2 background color - black */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:30%;
	background:#fff ; /* column 1 background color - white */
	}
	
/*white left column*/
#col1 {
	float:left;
	width:66%;
	position:relative;
	left:32%;
	overflow:hidden;
	padding-bottom:10px;
	}

/*black right column*/
#col2 {
	float:left;
	width:26%;
	position:relative;
	left:36%;
	overflow:hidden;
	color:#fff;
}

/* Start footer */
#footer {
	width: 100%;
	clear: both;
	padding: 10px 0 0 0;
	height: 75px; 
	background-color:#000;
	text-align: center;
	font-size:.8em;
	line-height:1.5em;
	}

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

.footmenu a:hover { color: #cc99ff; text-decoration: none; }