/* === global styles === */
body {
	font-family: Georgia, serif;
	background: #bbb url(../images/background.jpg); /* http://www.webweaver.nu/clipart/background-floral2.shtml */
	margin: 0;
	padding: 0;
	margin-left: auto; 	/* added this to center page */
	margin-right: auto; /* added this to center page */
	width: 800px;		/* added this to center page */
}

div#container {
	width: 800px;
	margin: 0 auto;
	background: #fff url(../images/banner.jpg) no-repeat; /* http://www.apluscitydrivingschool.com/*site/scaled-images/web/images/fill-jpg-770x110.jpg*/	
}

#container a:link, #container a:visited {
	text-decoration: none;
	/*color: #b36b00;*/
	color: black;
}

#container a:hover, #container a:active {
	color: #566440;
	border-bottom: 1px dashed #566440;
}

/* === header === */
div#header {
	height: 207px;
	position: relative;
	border-top: solid green 2px;
}

/* === photostream === */
#container div#photostream {
	position: absolute;
	left: 650px;
	top: 0;
}

#photostream a:link, #photostream a:visited { /* link and visited are pseudo-element selectors*/
	height: 29px;
	width: 86px;
	border: none;
	color: #003366;
}

#photostream a:active, #photostream a:hover { /* link and visited are pseudo-element selectors*/
	background-position: left bottom;
	color: green;
	border-bottom: 1px dashed #566440;
	
}

/* === gradient === */
div#header #gradient {
	position: absolute;
	height: 30px;
	left: 0px;
	bottom: 0px;
	/*background: url(../images/gray_gradient.png) no-repeat;*/
}

/* === mainMenu === */
div#header #mainMenu {
	position: absolute;
	left: 0px;
	bottom: 28px;
	border-top: 2px solid #aaa;
	width: 800px;
	margin: 5px 0px 5px 0px;
}

#mainMenu hr.mainMenuHR {
	/*
	position: absolute;
	width: 790px;
	color: white;
	left: 5px;
	bottom: 13px;
	text-align: center;
	*/
}

#mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainMenu li a:link, #mainMenu li a:visited {
	font-family: "Trebuchet MS", sans-serif;
	color: black;
	text-decoration: none;
	padding: 0 15px 0 30px;
	margin-right: 10px;
	line-height: 25px;
	/*background: url(../images/nav_rollover.jpg) no-repeat left bottom;*/
	border: none;
}

#mainMenu li a:hover, #mainMenu li a:active {
	color: green;
	background-position: left top;
}

/* === content === */
#content div#mainContent {
	float: left;
}
/* === mainContent === */
#content div#mainContent {
	float: left;
	width: 460px;
	margin: 0;
	padding: 0 15px;
}

#mainContent p {
	font-family: Georgia, serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #000;
	margin: 1ex 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
	font-family: "Trebuchet MS", sans-serif;
} 

#mainContent h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: green;
	margin: 0 0 .4ex 0;
}

#mainContent h2 {
	font-size: 1.2em;
	color: #336600;
	margin: .4ex 0;
}

#mainContent h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	margin: 1ex 0 -.2ex 0;
}

#mainContent ul {
	font-family: Georgia, serif;
	font-size: .9em;
	margin: 0 0 1.4ex 1em;
}

/* === sideBar === */
#content div#sideBar {
	float: right;
	width: 265px;
	padding: 0 10px;
	margin: 0;
	border-left: solid #aaa 1px;
}

#sideBar {
	font-family: "Trebuchet MS", sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	color: #666;
	margin: 0 0 3ex 0;
}

#sideBar h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	color: green;
	margin: 1ex 0 .5ex 0;	
}

#sideBar img {
	margin: 0 25px;
}

#sidebar img.photo {
	border: 1px solid #999;
	padding: 5px;
}

#sideBar ol {
	margin: .5em 0 1.5em 1.5em;
}

#sideBar li {
	font-family: "Trebuchet MS", sans-serif;
	font-size: .8em;
	color: #666;
	margin: .2em .5em;	
}


/* === footer === */
div#footer {
	clear: both;
	background: transparent;
	margin: 0 auto;
	padding: 5px;
}

#footer p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: .75em;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer a {
	color: green;
	text-decoration: none;
}

/* === miscellaneous === */
.clear {
	clear: both;
}