/* ====== HTML and BODY Information ===== */
/*  padding/margin = top right bottom left */

html {
	margin: 0;
	padding: 0;
}
/* This zero's out all margins since different browsers handle them differently */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	/*	padding: 0; */
	margin: 0;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
	margin: 20px 0;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}

/* ===== Typography and Links ===== */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-family: Tahoma, "Lucida Grande", Arial, sans-serif; */
	font-size: 62.5%;
	color: #102536;
	background-color: #F5EBCF;

	/*
	background: url(images/bg/bg.jpg);
 	background-repeat: repeat-x;
	*/
	padding: 0px;
	line-height: 150%;
	font-weight: normal;
	/*	behavior: url("csshover3.htc"); */
}
p {
	/*
	text-align: justify;
	width: 380px;
	margin: 0px;
	*/
	font-size: 1.2em;
	margin-top: 10px;
	text-indent: 0em;
	line-height: 150%;
	margin-bottom: 10px;
	text-align: justify;
}


/* this is a group selector and can be any type of tag */
h1,h2,h3 {
	/* margin: 0px; */
}
h1 {
	font-size: 2.4em;
	color:#14556B;
	line-height: 100%;
	
}

h2 {
	font-size: 1.5em;
	color: #993;
	margin-bottom: 5px;
}



/* Select and apply to HTML tags on the page with the asterik */ /*
	* { font-weight: bold; } 
*/

a:link {
	color: #83986d;
	text-decoration: none;
	font-weight: normal;
}

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

/* :hover pseudo-class on elements other than links. For example, you can use it to highlight text in a <p>
 or < d i v > when your guests mouse over it. */
a:hover, a:active {
	color: #DB7762;
	border-bottom: 1px dotted; 
}

/* End Links */


/* =====  LAYOUT ===== */
#wrapper {
	/* This makes the wrapper allowing for "absolute" positioning of other items */
	position: relative;
	/* 
	width: 680px; 
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	margin: 0 auto;
	padding: 0 20px;
	*/
}

/* ===== header STYLES ===== */
#header {
	margin-top: 0px;
	/* border-bottom: 1px solid #73AFB7; */
	border:0;
	padding-left: 0px; /* 15px; */
	/* 	background: url(images/banner_bg.jpg) repeat-x left top; */
	
}
#header a:hover { 
	/* border-bottom: 0px; */
}

#header img {
	float: left;
}
#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#header li {
	display: inline;
	float: right;
	margin-right: 5px;
	padding-bottom: .5em; /* to display bottom border on links in IE */
	width: auto;
}

#sitetools {
	position: absolute;
	right:15px;
	top: 12px;
	}
	#sitetools li a {
		font-size: 1.0em;
		text-decoration: none;
		color: #000000; 
		line-height: 2em;
		background: #E7E7E7;
		padding: 5px;
		height: 1.5em;
		border: 1px solid #999999;
		font-weight: normal;
		top: 0px;
	}
	#sitetools li a:hover {
		color: blue;
	}

#banner_left {
	vertical-align: top;
	width: 3%;
	text-align: right;
	background: url(http://www.scholarships-for-school.com/images/banner_bg.jpg) repeat-x left top;
 	background-color: #dd5b0f;
}              
#banner-scholarships-for-school {
	vertical-align: top;
	width: 94%;
	text-align: center;
	background: url(http://www.scholarships-for-school.com/images/banner_bg.jpg) repeat-x left top;
	background-color: #dd5b0f;
}	
#banner_right {
	vertical-align: top;
	width: 3%;
	text-align: left;
	background: url(http://www.scholarships-for-school.com/images/banner_right.jpg) repeat-x left top;
 	background-color: #dd5b0f;
}

.amazonleft {
	font-size:large; 
	margin-left: 10px; 
	margin-top: 10px; 
	margin-bottom: 10px;
	padding-top: 10px; 
	float:left;
	width:240px;
}

#navDiv .newslink {
	font-size:large; 
	margin-left: 10px; 
	margin-top: 10px; 
	margin-bottom: 10px;
	color: blue;
	text-decoration: underline;
	}
	#navDiv .newslink a:link {
		color: blue;
		text-decoration: underline;
	}

	
/* ===== content ===== */

#content {
	padding-left: 248px;
/*	border-left: 1px solid #D6ECAE; */
	margin: 10px;
}
#content a:link { 
	/* border-bottom: 0px; */
	color: blue;
	border-bottom: 1px dotted; 
		
}
#mainContent ul {
	font-size: 1.2em;
	list-style-type: square;
	margin: 10px 10px 10px 50px;
}

#mainContent {
	margin-left:0px;
}

#collegeScholarships {
	font-size: 1.1em;
	line-height: 1.4em;
}
#collegeScholarships a:link, #collegeScholarships a:hover, #collegeScholarships a:active {
	color: blue;
	text-decoration: none;
	border-bottom: none; 
}
#collegeScholarships a:visited {
	color: gray;
	text-decoration: none;
	border-bottom: none; 
}
#collegeScholarships a:hover, #collegeScholarships a:active {
	font-size: 1.0em;
	color: black;
}



.sidebar {
	width: 200px;
	float: right;
	/* margin: 10px; */
	margin-left: 10px;
	border: solid 1px #fdd041;
	border-top-width: 5px;
	padding: 10px;
	background-color: #fbef99;
	}
	.sidebar h3 {
		margin: 0;
		text-align: center;
	}
	.sidebar ul {
		font-size: 1.2em;
		list-style-type: square;
		margin: 10px 0 0 0;
		padding: 0;
	}
	.sidebar li {
		margin-left: 1.5em;
		
	}
	.sidebar ol {
		font-size: 1.2em;
		margin: 3px 0 0 0;
		padding: 0;
	}
	.sidebar ol li {
		margin-left: 1.0em;
		font-size: 1.0em;
	}

 
table.categorytable {
 	width: 100%;
	text-align: left;
	table-layout:auto;
	border-collapse:collapse;
	border-spacing:0px 0px;
	border: 1px solid black;
}
.categorycontent {
	border-top: 1px solid black;
	border-left: 1px solid black;
}



/* ===== footer ===== */
#footer {
	padding-top: 5px;
	border-top: 1px solid #294E56;
}
.copyright {
	float:left;
	font-size: .85em;
	color: #294e56;
	margin: 0 auto;
	padding: 10px;
	text-transform:uppercase;
	width: auto;
	/*
	border-top: solid 1px #ccc;
	*/
}
.lastUpdated {
	float: right;
	background: url(http://www.scholarships-for-school.com/images/updated.jpg) no-repeat;
	width: 209px;
	height: 42px;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	border: 0px;
	padding-top: 15px;
	color: white;
	font-size: 1.1em;
}



/* extras */ 
.googleCenter {
	float: left;
	width: 100%;
	padding: 30px 0 20px 0;
}
.googleBottom {
	width: 100%;
	padding: 1px 0 0 0;
	margin: 0;
}
.googleLeft {
	/* this works inline only so this is only for reference */
}

.pageStyle {
	/*
	width: 680px;
	margin: 0 auto;
	padding: 0 20px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	*/
}
.byline {
	color: #73afb7;
	font-size: 1.5em;
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	text-indent: 0;
}
.note {
	font-size: .85em;
	color: #294e56;
	margin: 10px 100px; /* top and bottom are 10px, right and left are 100px */
	padding: 10px;
	border: 1px solid #73afb7;
	background-color: #fbef99;
}

/* NAVIGATION */

#navDiv {
	float: left;
	/* margin: 10px; */
	margin: 10px 10px 10px 0px;
	width: 248px;
}
#paypal {
	float: left;
	margin-top: 20px;
	/* padding-left: 10px; */
	width: auto;
}
.paypalform {
	border: 0;	
}


/* MENU NAV */
#mainNav {
	float: left;
	width: 248px;
	margin-top: 20px;
	padding-left: 10px;
}
ul#mainNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 248px;
	border: 0px;
}

#mainNav a {
	text-decoration: none;
	color: black;
	font-size: 1.1em;
	text-transform: uppercase;
	border-bottom: none;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #E7E7E7 url(images/menu_center.jpg) no-repeat left center;
}
#mainNav a:hover {
	color: blue;
/*	cursor: default; */
	cursor: pointer;
}
/* styles for the "you are here" buttons */
#feature #mainNav a.current {
	font-weight: bold;
	cursor: default;
	color: black;
}
#feature #mainNav #bottomLink {
	border: 0px;
	padding: 0px;
	height: 23px;	
	background: #E7E7E7 url(images/menu_bottom.jpg) no-repeat left center;
	cursor: default;
	text-decoration: none;
}
#feature #mainNav #topLink {
	border: 0px;
	padding: 0px;
	height: 23px;	
	background: #E7E7E7 url(images/menu_top.jpg) no-repeat left center;
	cursor: default;
	text-decoration: none;
}

.categoryhead {
	font-size:18px;
	color:#993300;
	font-weight:600;
}
.categorycont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	padding-left:4px;
}



/* IE Fixes */
/* remove annoying gaps */
#mainNav li {	
	display: inline; 
}
/* force hover on entire width of  link */
* html #mainNav a {
 	height: 1px; 
}


/*** CSS Hacks for Internet Explorer ***/
/* fix the over extended h2 borders */
* html h2 {
/*	zoom: 1; */
}
* html .sidebar {
/* double margin bug fix */
	display: inline; 
/* IE 5 box-model fix */
	width: 200px;
	w\idth: 200px; 
}


/* This makes a floating window on the top left */
div#fixedText {
	position: fixed;
	/* width: 200px; */
	top: 50%;
	left: 5px;
	background-color: #eef;
	padding: 15px;
	border: 1px solid #669;
}



#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}
#mainMenu li a:link, #mainMenu li a:visited {
	/* font-family: */
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 15px 0 30px;
	margin-right: 10px;
	line-height: 25px;
	background: url(http://www.scholarships-for-school.com/images/nav_rollover.jpg) no-repeat left bottom;
	border: none;
}
/* This takes the background picture if it has 2 in one */
#mainMenu li a:hover, #mainMenu li a:active {
	color: #f8b449;
	/* background-position: left top; */
}
/* This makes a STYLE "current" to identify which one it is on */
#mainMenu li a.current {
	margin-top: -5px;
	height: 30px;
	background: url(http://www.scholarships-for-school.com/images/nav_current.jpg);
	color: #aaa;
	line-height: 25px;
}
/* This makes the CURRENT link not have a pointer */
#mainMenu li a.current:hover {
	cursor: default;
}


/* ===== miscellaneous styles ===== */
/* clear: both, will only print when its clear any left or right FLOAT objects */
.clear { clear: both }

/* pseudo code  */
p.tip:before {
	content: "HOT TIP!"
}