/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background-color: #e0dfe9;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	list-style:none;
}
a img{
	border:0;
}

.clear {
	clear:both;
}


/* Layout CSS */
#Main {
	margin: auto;
	width:960px;
	background: #fff;
	
}


#background {
	width:960px;
	background:#fff;
	
}
#Header {
	clear:left;
}

#HeaderLogo {
	Postion: relative;
	float: left;
	width: 960px;
	height:108px;
	background-color:#fff;
	background:url(../images/logo.png) top left no-repeat;
}

#HeaderImage {
	Postion: relative;
	float: left;
	width: 960px;
	height:236px;
	background:url(../images/aspire_main_image_artwork.jpg) no-repeat;
}

#HeaderImageSml {
	Postion: relative;
	float: left;
	width: 960px;
	height:147px;
	background:url(../images/aspire_main_image_artwork_sml.jpg) no-repeat;
}


#SearchHold {
	Postion: relative;
	float: right;
	width: 190px;
	height:30px;
	min-height:30px;
	padding-top: 10px;
	background-color:#edecf7;
	padding-bottom: 100px;

}

#SearchHold form * {
		display:inline !important;
	}
	
	#SearchHold form fieldset {
   border: none;
 
} 

#SearchHold form input.text {
		padding:1px 1px 1px 1px;
		margin:0px 1px 0px 0px;
	}

	
#SearchHold form input.text {
		width:125px;
		color:#131313;
		background:#f0f0f0;
		
	}
		
#info {height:400px;}
a.padded img {padding:0 10px 10px 0;}

/* SIDEBAR MENU */

#NavWhite {
	Postion: relative;
	float: left;
	padding: 10px 0px 0px 10px;
	width: 210px;
	background-color:#fff;
}

#NavHold {
	width: 190px;
	padding-top:10px;
	background-color:#edecf7;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
height:190px;
font-size:90%;
margin:0px 0px 0px 0x; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:190px;
}
/* style the list items */
.menu li {
background:#5d99fc url(shade.gif);
height:30px;
/* for IE7 */
float:left;
}
.menu li.sub {background:#5d99fc url(../images/sub.gif) no-repeat right center;} 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;}

/* style the links */
.menu a, .menu a:visited {
font-family: arial, verdana, sans-serif;
font-size: 13px;
display:block; 
text-decoration:none;
height:30px;
line-height:30px;
width:180px;
padding-left: 10px;
color:#fff;
text-indent:5px;
border:1px solid #fff;
border-width:1px 0px 0px 0px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:190px; w\idth:189px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#5d99fc; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#fff; background:#5d99fc;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#fff; background:#7eaefd;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:160px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level hidden when you hover on first level link */
ul.menu a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
ul.menu a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
ul.menu a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
ul.menu a:hover ul {
visibility:visible;
margin-left:10px
}
/* make the third level visible when you hover over second level link */
ul.menu a:hover ul a:hover ul { 
visibility:visible;
margin-left:10px
}
/* make the fourth level visible when you hover over third level link */
ul.menu a:hover ul a:hover ul a:hover ul { 
visibility:visible;
margin-left:10px
}
/* make the fifth level visible when you hover over fourth level link */
ul.menu a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
margin-left:10px
}

#ContentContainer {
	background:#ccc;
	width: 660px;
}

#Content {
	float: left;
	margin: 0px;
	width: 500px;
	padding: 10px 10px 0px 10px;
	background-color:#fff;
}

#ContentMain {
	width: 500px;
}

#ContentSiteMap {
	float: left;
	margin: 0px;
	width: 460px;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
}

#ContactHoldWhite {
	position: relative;
	float: right;
	width: 200px;
	padding: 10px 10px 0px 0px;
	background:#fff;
}

#ContactHold {
	position: relative;
	float:right;
	width: 190px;
	padding: 0px 0px 0px 10px;
	background-color:#edecf7;
	background:url(../images/gradient.jpg) repeat-x top;
}





#Footer {
	position: relative;
	float:left;
	width: 960px;
	min-width: 960px;
	height: 35px;
	min-height: 35px;
	background:#488bf9;
	clear:both;
	text-align:center;
	padding: 35px 0px 0px 0px;
	
}
	#Footer span {
		color:#ffffff;
		font-size:1.1em;
		line-height:1em;
		font-weight:normal;
		padding-left:0px;
	}
	#Footer a {
		color:#fff;
		  text-decoration:none;

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



/************************
SITEMAP
************************/
#sitemap-list { padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:2em;} /*1st level list*/
#sitemap-list li { padding:5px; margin-top:0px; font-size:2em;} /*1st level items*/
 
#sitemap-list ul {margin:0px 10px 5px 10px; padding:5px 10px; font-weight:normal;} /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:14px; line-height:18px;} /*2nd level items*/
 
#sitemap-list ul ul {margin-left:10px;padding:0px 10px;} /*3rd level lists*/
#sitemap-list li li li {font-size:14px; font-weight:normal;} /*3rd level items*/

.searchResults h2 {
	font-size:2.2em;
	font-weight:normal;
	color:#131313;
	margin-bottom:15px;
}
.searchResults p.searchQuery {
	color:#104191;
	margin-bottom:10px;
}

.searchResults ul#SearchResults li {
	margin-bottom:10px;
}
	ul#SearchResults p {
		font-size:1.2em;
		font-weight:normal;
		line-height:2em;
		color:#131313;
		border-bottom: #000;
	}
	ul#SearchResults a.searchResultHeader {
		font-size:1.2em;
		font-weight:bold;
		color:#104191;
		text-decoration:none;
		margin:10px 0 8px 0;
				
}
		ul#SearchResults a {
			text-decoration:none;
			color:#104191;
		}
		#SearchResults a:hover {
		color:#102b57;
		}