/* Main Structure */
body {
	background-color: #663366; 
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: black;
	}	

a:link {
	color: #666633;
	}
	
a:visited {
	color: #666633;
	}
	
a:hover {
	color: #663366;
	}
	
a:active {
	color: #663366;
	}
	
h3 {
	font-size: 10pt;
	font-weight: normal;
	padding-left: 10px;
	}
	
p {
	padding: 0px 10px 0px 10px;
	}
	
p.rightspace {
	padding: 0px 40px 0px 10px;
	}
	
ul	{
	list-style-image:url("images/bluedot.gif");
	list-style-type:disc;
	}
	
div.list {
	float: left; 
	width: 340px; 
	margin-top: -10px;
	}

#wrapper {
	margin: 0 auto;
	width: 900px;
	padding: 0px;
	background-color: #fff;
	}
	
#header {
	margin: 0 auto;
	width: 900px;
	height: 180px;
	padding: 0px;
	}

#menu {
	float: left;
	width: 900px;
	background-color: #fff;
	}
	
#content {
	margin: 0 auto;
	clear: both;
	width: 900px;
	padding: 0px;
	background-color: #fff;
	}
	
#leftblock {
	float: left;
	width: 373px;
	padding-left: 50px;
	background-color: #fff;
	}
	
#leftblock2 {
	float: left;
	width: 348px;
	}
	
#rightblock {
	float: left;
	width: 427px;
	padding-right: 50px;
	background-color: #fff;
	}
	
#oneblock {
	float: left;
	width: 800px;
	padding: 0px 50px 0px 50px;
	background-color: #fff;
	}
	
#bottomblock {
	margin: 0 auto;
	clear: both;
	width: 900px;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
	}
	
#footer {
	margin: 0 auto;
	clear: both;
	padding: 5px;
	color: #ffffff;
	}

/* Top Navbar */

span.title {display:none;}

#topnav {padding:20px 0px 0px 138px; margin:0; list-style:none; height:50px; position:relative; z-index:200; width:730px;}
#topnav li.top {display:block; float:left;}
#topnav li a.home {display:block; float:left; height:40px; width:60px; text-decoration:none; padding:0; cursor:pointer;}
#topnav li a.about {display:block; float:left; height:40px; width:105px; text-decoration:none; padding:0; cursor:pointer;}
#topnav li a.programs {display:block; float:left; height:40px; width:110px; text-decoration:none; padding:0; cursor:pointer;}
#topnav li a.membership {display:block; float:left; height:40px; width:130px; text-decoration:none; padding:0; cursor:pointer;}
#topnav li a.alumni {display:block; float:left; height:40px; width:90px; text-decoration:none; padding:0; cursor:pointer;}
#topnav li a.contact {display:block; float:left; height:40px; width:125px; text-decoration:none; padding:0; cursor:pointer;}


#topnav li a.home {background:url(images/Nav_HOME.gif);}
#topnav li a.about {background:url(images/Nav_ABOUT-US.gif);}
#topnav li a.programs {background:url(images/Nav_PROGRAMS.gif);}
#topnav li a.membership {background:url(images/Nav_MEMBERSHIP.gif);}
#topnav li a.alumni {background:url(images/Nav_ALUMNI.gif);}
#topnav li a.contact {background:url(images/Nav_CONTACT-US.gif);}

#topnav li:hover a.home {background:url(images/Nav_HOME__ON.gif);}
#topnav li:hover a.about {background:url(images/Nav_ABOUT-US__ON.gif);}
#topnav li:hover a.programs {background:url(images/Nav_PROGRAMS__ON.gif);}
#topnav li:hover a.membership {background:url(images/Nav_MEMBERSHIP__ON.gif);}
#topnav li:hover a.alumni {background:url(images/Nav_ALUMNI__ON.gif);}
#topnav li:hover a.contact {background:url(images/Nav_CONTACT-US__ON.gif);}

#topnav .sub {position:absolute; left:-999px; top:-999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#topnav li:hover {position:relative; z-index:200;}
#topnav a:hover {position:relative; white-space:normal; z-index:200;}

#topnav :hover ul.sub
{left:0; top:40px; background: #fff; width:130px; height:auto; z-index:300;}
#topnav :hover ul.sub li
{display:block; height:40px; position:relative; float:left; width:130px;}
#topnav :hover ul.sub li a
{display:block; height:40px; width:130px; padding:0; cursor:pointer;}

#topnav :hover ul li a.about {background:url(images/Nav_ABOUT-US.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.staff {background:url(images/Nav_STAFF.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.board {background:url(images/Nav_BOARD.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.faqs {background:url(images/Nav_FAQs.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.programs {background:url(images/Nav_PROGRAMS.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.apply {background:url(images/Nav_APPLY.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.stories {background:url(images/Nav_STORIES.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.membership {background:url(images/Nav_MEMBERSHIP.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.support {background:url(images/Nav_SUPPORT-US.gif);background-repeat:no-repeat;}


#topnav :hover ul li a.about:hover {background:url(images/Nav_ABOUT-US__ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.staff:hover {background:url(images/Nav_STAFF__ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.board:hover {background:url(images/Nav_BOARD__ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.faqs:hover {background:url(images/Nav_FAQs__ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.programs:hover {background:url(images/Nav_PROGRAMS__ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.apply:hover {background:url(images/Nav_APPLY__ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.stories:hover {background:url(images/Nav_STORIES_ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.membership:hover {background:url(images/Nav_MEMBERSHIP__ON.gif);background-repeat:no-repeat;}
#topnav :hover ul li a.support:hover {background:url(images/Nav_SUPPORT-US__ON.gif);background-repeat:no-repeat;}

/* Membership Form */
#formblock {
	float: left;
	width: 800px;
	padding: 10px 0px 20px 0px;
	}

div.field1 {
	margin: 0 auto;
	width: 800px;
	padding: 0px;
	}
	
div.submit {
	width: 800px;
	clear: both;
	padding: 20px 0px 0px 0px;
	}
	
span.fieldname1 {
	float: left;
	width: 370px;
	text-align: right;
	font-weight: bold;
	padding: 10px 10px 0px 0px;
	}
	
span.fieldname2 {
	float: left;
	width: 370px;
	clear: both;
	text-align: right;
	font-weight: bold;
	padding: 35px 10px 0px 0px;
	}
	
span.fieldentry1 {
	float: left;
	width: 400px;
	padding: 10px 0px 0px 0px;
	}
	
div.pform {
	float: left;
	padding-left: 10px;
	}

SMALL
{
        font-family: "Verdana";
        color: #000000;
        font-size: 8pt;
}

SMALL.TWO
{
        font-family: "Verdana";
        color: #000000;
        font-size: 10pt;
}

SMALL.WHITE
{
        font-family: "Verdana";
        color: #FFFFFF;
        font-size: 8pt;
}

SMALL.RED
{
        font-family: "Verdana";
        color: #CC0000;
        font-size: 8pt;
}

SMALL.RED2
{
        font-family: "Verdana";
        color: #CC0000;
        font-size: 10pt;
}

SMALL.HDR
{
        font-family: "Verdana";
        color: #663366;
        font-size: 14pt;
	font-weight: bold;
}

SMALL.FTR
{
        font-family: "Verdana";
        color: #666633;
        font-size: 14pt;
	font-weight: bold;
}

SMALL.PROGRAM
{
        font-family: "Verdana";
        color: #000000;
        font-size: 12pt;
}

a.FTR:link {
	color: #CC9900;
	}
	
a.FTR:visited {
	color: #CC9900;
	}
	
a.FTR:hover {
	color: #6699CC;
	}
	
a.FTR:active {
	color: #6699CC;
	}