/* 
	Vision New America
	
	Filename:	main.css
	Content:	The main styles used throughout the site
 */


/********** 

	General Styles
	
**********/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

h1{
	font-size:18px;
}

a{
	text-decoration:none;
	color:#882222;
}

a:hover{
	text-decoration:underline;
	color:#BB2222;
}

#wrapper{
	width:768px;
	margin: 0 auto; /* Center the content area */
}


/**********
	
	Header Styles
	
**********/

#header{
	background-color:#882222;
	text-align:right;
	font-size:22px;
	font-weight:bold;
	color: #FFFFFF;
	height: 60px;
	width: 100%;
	letter-spacing: 5px;
	top: 0px;
}

#header img{
	/* A hack in order to vertically align the header text in the middle */
	vertical-align:middle;
	height:60px;	/* Same height as header div.  Can't use "inherit" in place of "60px" because not supported by all browsers (e.g. IE7) */
	width:1px;
}

#header a{
	color:#FFFFFF;
	text-decoration:none;
}


/**********
	
	Footer Styles
	
**********/

#footer{
	border-top:1px solid black;
	font-size:11px;
	position:relative;
	clear:both;
	width:100%;
}


/**********
	
	Front page content area
	
**********/

#home_left{
	float:left;
	width:500px;
	text-align:justify;

	margin-top:15px;
}

#home_right{
	float:left;
	width:260px;
	text-align:justify;

	margin-top:15px;
}

#home_left .content, #home_right .content{
	margin-left:10px;
	margin-right:20px;
}


/**********

	Secondary page styles

**********/

#subnav{
	width:180px;
	float:left;
	text-align:left;
	
	margin-top:10px;
	margin-bottom:10px;
	
	/* Creates black line separator between subnav and content.  Intentionally overlaps with border on id "main" */
	border-right:1px solid black;
	position:relative;
	left:1px;
}

#title{
	font-size:18px;
}

#subnav ul{
	padding:0;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	
	
	font-size:12px;
	list-style:none;
	
	width:180px;
}

#subnav ul li{
	margin-top:5px;
}

#main{
	width:576px;
	float:left;
	border-left:1px solid black; /* Separator between subnav and id "main" */
	
	text-align:justify;
	
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
}

#main .content{
	margin:10px;
}

#breadcrumbs{
	font-size:10px;
}

/**********

	About Us Styles
	
**********/

.alum_name{
	font-weight:bold;
}

.alum_title{
	font-style:italic;
}

.alum_test{
	margin-left:10px;
}

.staff_name{
	font-weight:bold;
}

.staff_title{
	font-style:italic;
}

.staff_desc{
	margin-left:10px;
}

.board_name{
	font-weight:bold;
	margin-bottom:5px;
}

.board_desc{
	margin-left:10px;
}

#commboard_table{
	text-align:left;
	width:565px;
	border:0;
}

.commboard_name{
	font-weight:bold;
	margin-bottom:5px;
}


#commboard_table ul{
	font-size:11px;
	text-align:left;

	list-style:none;

	padding:0;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
}

#corpboard_table{
	border:0;
	text-align:center;
	width:565px;
}


#hboard_table{
	text-align:left;
	width:565px;
	border:0;
}

.hboard_name{
	font-weight:bold;
	margin-bottom:5px;
}

#hboard_table ul{
	font-size:11px;
	text-align:left;

	list-style:none;

	padding:0;
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
}

#sponsors_table{
	border:0;
	text-align:center;
	width:565px;
}

#sponsors_table img{
	margin:5px;
}

/**** Additional styles
****/


.appdeadline {
	color: #FF0000;
	font-weight: bold;
	}
	
.appHEADLINE {
	color: #882244;
	font-size:18px;
	font-weight: bold;
}