/* CSS Document */

/*--------------- General Page Styles --------------------------------------------------------------------------------*/

body /*styles the body of the page*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	text-align: center;
	font-size: 10px;
	margin: 15px;
	line-height: 15px;
	color: #FFFFFF;
}

h1 
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
	margin: 0px;
}

h2
{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0px;
	margin: 0px;
}

h3 
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
	margin: 0px;
}

h4 
{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0px;
	margin: 0px;

}


h5 
{
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px;
	margin: 0px;
}

h6
{
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px;
	margin: 0px;
}

p /* paragraph */
{
	
}

/*------------- General Class styles -----------------------------------------------------------------------*/

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.clear
{
	clear: both;	
}

img.centered
{
	margin-left: auto;
	margin-right: auto;
	margin: 10px;
}

img.alignright
{
	float: right;
	margin: 5px 0px 5px 10px ;
	
}

img.alignleft
{
	float: left;
	margin: 5px 10px 5px 0px;
}

.news img /* Styles images that appear on news pages. Add to the "subcontent" div. */
{
	margin: 5px 5px 5px 0px;
}

.news hr

{ clear:both; }


/*---------------- General Link Styles ------------------------------------------------------------------------------------*/

a:link /* Style applies to links for #header, #footer and #submenu h1 */
{
	color: #FFFFFF;
	text-decoration: none;
}

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

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

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

a img /* styles image links to have no border */

{
	border: 0px;
	text-decoration: none;
}

/*--------------- Homepage Containers --------------------------------------------------------------------------------*/

#bigbox /* Contains all other boxes */
{
	width: 760px;
	text-align: center; /* centers content for IE */
	margin-left: auto; /* centers content for Mozilla */
	margin-right: auto; /* centerts content for Mozilla */
	background-color: #FFFFFF;	
}

#header /* Contains #header1 #header2 #header3 and #headermenu */
{
	width:760px;
	background-color: #405284;
	color: #FFFFFF;	
}

#header1 /* Alice Lloyd College Logo */
{
	background-image: url(http://www.alc.edu/layout/alc_1.jpg);
	height: 31px;
	text-align:right;
	
}

#header2 /* blue space */
{
	background-image: url(http://www.alc.edu/layout/alc_2.jpg);
	height: 18px;
}

#header3 /* Contains "A Light Unto the Mountains" image and #headermenu */
{
	background-image: url(http://www.alc.edu/layout/alc_3.jpg);
	height: 16px;
}

#headermenu /* Styles the links in the #header3 */
{
	text-align: right;
	padding-right: 5px;
	
}	

#maincontent /* Contains #menu, leadership image, #redbox */
{
	width: 760px;
	height: 323px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}

#menu /* Homepage left nav */
{
	float: left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	width: 165px;
	height: 211px;
	text-align: right;
}


#redbox /* Contains #redbox1 and #redbox2 */
{
	float: left;
	background-color: #7b2437;
	width: 588px;
	height: 112px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: left;
	overflow: hidden;

}

#redbox1 /* Share in the Miracle */
{
	width: 277px;
	float: left;

}

#redbox2 /* Work study */
{
	width: 309px;
	float: right;

}

#spotlight /* Gray box with Student Spotlight and logo */
{
	background-color: #999999;
	background-image: url(http://www.alc.edu/layout/logo_homepage.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 170px;
	height: 323px;
}

#maincontent2 /* Contains #blackbox and #bluebox */
{
	width: 760px;
	text-align: left;
}

#blackbox /* News & Events */
{
	width: 465px;
	height: 185px;
	float: left;
	background-color: #000000;
	padding: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	overflow: hidden;
}

#bluebox /* Purpose Road, June Buchanan School */
{
	height: 185px;
	clear: right;
	background-color: #405284;
	padding: 5px;
	overflow: hidden;
}


/*---------------- Homepage Links -----------------------------------------------------------------------------------*/


#menu a:link, #menu a:visited, #menu a:active  /* Styles links for #menu on homepage */
{
	color: #000000;
	text-decoration: none;
	background-color: #e7e0cc;
	height: 40px;
	display: block;
	line-height: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-right: 5px;
	font-size: 14px;
	font-weight: bold;
	
}

#menu a:hover /* Styles links for #menu on homepage */
{
	background-color: #e3d4a8;

}

#alumni a:link, #alumni a:visited, #alumni a:active /* Styles links for #menu "Alumni" link on homepage */
{
	
	height: 43px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	background-image: url(http://www.alc.edu/layout/menu05_alumni_bkgd.gif);
	background-repeat: no-repeat;
	
}

#alumni a:hover /* Styles links for #menu "Alumni" link on homepage */
{
	background-image: url(http://www.alc.edu/layout/menu05_alumni_bkgd.gif);
	background-repeat: no-repeat;
}

/*------------------ Homepage Styles ----------------------------------------------------------------------*/


#maincontent p, #maincontent2 p /* paragraph style for homepage */
{
	padding: 0px;
	margin: 0px;
}

#maincontent h1, #maincontent2 h1 /* Styles h1 for homepage */
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	margin: 0px;
}

/*------------ Subpage Containers ---------------------------------------------------------------------*/


#header4 /* Subpage header images*/
{
	height: 175px;
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}

#subcontent /* subpages content area */
{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	text-align: left;
	width: 474px;
	float: right;
	color: #000000;
	background-color: #ffffff;
	overflow: auto;
}

ul#expand ol li /* Left nav ul */
{
  border-bottom: none;
}

#footer /* Footer on subpages */
{
	width: 760px;
	height: 34px;
	background-color: #405284;
	clear: both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#footer2 /* Footer on subpages */
{
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/*-------- Subpage Links -----------------------------------------------------------------------------------*/

#subcontent a:link, #subcontent a:visited, #subcontent a:active /* Subcontent link */
{
	color: #333399;	
}

#subcontent a:hover /* Subcontent link hover */
{
	text-decoration: underline;	
}

#expand a:link, #expand a:visited, #expand a:active  /* Left nav links */
{
	color: #FFFFFF;
	text-decoration: none;	
}

/*------------------ Subpage sytles -----------------------------------------------------------------------------*/

#submenu h1 /* Header for left nav */
{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px;
	margin: 0px;
}

#submenu h2 /* Header for left nav */
{
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*--------------- Subpage unique containers and styles ----------------------------------------------------------------------*/

#content /* Contains #submenu, #subcontent */
{
	width: 750px;
	overflow: auto;
	float: left;
	border-left-width: 10px;
	border-left-style: solid;
}

#submenu /* Subpage menu */
{
	float: left;
	width: 256px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 50px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;	
}



ul#expand ol /* Left nav expanding menu */
{
	display: none;
	margin: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
ul#expand ol ol { display: block; }

ul#expand li, ul#expand a /* Left nav expanding menu */
{
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

ul#expand /* Left nav expanding menu */
{
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
}

ul#expand li /* Left nav expanding menu */
{
	line-height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
}

#expand a:hover /* Left nav hover */
{
	text-decoration: none;
	
}