/* Scholarship America - SMS Website Design 3 */


/*   COLOR CODES and IMAGES to Customize
Gradient background: darkest blue-000066  ../images/pagebackground.gif
ffffff = nav bar (many), text buttons
a2a2c7 = light blue for body background
a2a2c7 = light blue for nav bar bottom border, nav link hover text and relevant page
7979af = mid blue for a:link, a:visited, a:active; container li; footer text
a2a2c7 = lighter blue for nav text on active page
1a1a76 = dark blue for main top/bottom borders; nav bar background
*/



body {
	background: #ccc url(../images/pagebackground.gif) repeat-x;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000066;
}


/* standard link styles */
a:link, a:visited, a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #a2a2c7;
}

a:hover {
	text-decoration: none;
}


/* this is the outer wrapper that holds the other divs */
#main {
	width: 665px;
	margin: 0 auto;
	background: #FFFFFF;
	border-top: 5px solid #1a1a76;
	border-bottom: 5px solid #1a1a76;
}

/* For custom header image for the banner. */
#header {
	width: 655px;
	height: 165px;
	margin-top: 2px;
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
}


/* this div holds the navbar and the content container divs */
#content {
	width: 655px;
	margin-top: 2px;
	margin-left: 5px;
	margin-bottom: 5px;
	background: #ffffff;	
	margin-right: 5px;
	font-size: 85%;
}

#container li {
	line-height: 1.2em;
}

#container {
	padding: 10px;
	text-align: left;
}

/* this is a clear div we use to clear any floated elements */
div.clear {
	clear: both;
	width: 1px;
	height: 1px;
}


#container H1 {
	font-size: 130%;
}


#container H2 {
	font-size: 110%;
}


#container H3 {
	font-size: 95%;
}

/* footer div at bottom of page */
#footer {
	width: 662px;
	margin: 0 auto;
	color: #a2a2c7;
	font-size: 60%;
	text-align: center;
}

#content p {
	margin-top: 6px;
	margin-bottom: 4px;
	line-height: 1.2em;
	text-align: left;
}

.imgleft {
	float: left;
	padding: 6px;
}

.imgright {
	float: right;
	padding: 6px;
}


/* styles for the container - content area links */
#container a:link, #container a:visited, #container a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #a2a2c7;
}

#container a:hover {
	text-decoration: none;
}


/*navigation styling */
#navBar {
	height: 15px;
	background-color: #1a1a76;
	border-right:1px solid #ffffff;
	text-align: center;
	padding: 2px;
	color: #FFFFFF;
	width: 651px;
	border-bottom: 2px solid #c6c6dd;
	font-size: 85%;
}

#navBar ul {
	margin: 0px; 
	padding:0px;
	list-style-type: none; 
}

#navBar li {
	display: inline;
	list-style-type: none;
	padding: 2px;
	margin: 0px;
}

#navBar a {
	background: transparent;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 10px;
	width: 130px;  /* width 651 divided by number of menu items */
}

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

#navBar a:hover {
	color: #a2a2c7;
	background-color: transparent;
	text-decoration: none;
}

#navBar a:active {
	background-color: transparent;
	color: #FFFFFF;
}

/*Styles the current page on nav bar - apply on relevant page in the menu*/
#navBar #navBarcurrent a, #navBar #navBarcurrent a:link, #navBar #navBarcurrent a:visited, #navBarcurrent a:hover, #navBar #navBarcurrent a:active {
	color: #ffffff;
	background-color:#7979af;
	font-weight: bold;
}


.dropcap {
	display: block;
	float: left;
	font-size: 200%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: .8em;
	margin-bottom: -.1em;
	padding: .2em .1em .3em 0;
}

/* For registered marks in footer. */
span.sup {
	font-size: 60%;
	padding: 0px;
	margin: 0px;
	vertical-align: super; 
	line-height: 0; 
	}
	
/* For no bullet on list items. (indenting only) */	
li.none {list-style-type: none}