/*

	Author: Emil G. Purugganan, BigBear Design

			bigbeardesign.net/blog

*/

body {

	margin: 0;

	font: normal 0.75em/1.5em Arial, Helvetica, sans-serif;

	color: #333;

	background: #ddd;

	}



h1, h2, h3, h4, h5 { 

	margin: 0;

	padding: 0; 

	line-height: 1.2em;

	font-weight: bold;

	}

h1 { font-size: 2.4em; margin-bottom: 0.5em; font-family: Georgia, "Times New Roman", Times, serif; }

h2 { font-size: 1.8em; margin-bottom: 0.2em; }

h3 { font-size: 1.4em; margin: 1em 0;}

h4 { font-size: 1.2em; margin: 1em 0;}

h5 { font-size: 1.0em; margin: 1em 0;}





/*--- General ---*/



.blueheader { color: #68a9ff; }

.clear { clear: both; }

.separator { 

	margin-top: 2em;

	padding-top: 1em;

	border-top: 1px #ccc dashed;

	clear: both;

	}

.largefont {

	font-size: 1.2em;

	font-weight: bold;

	}

.monofont { font-family: "Courier New", Courier, monospace; }

.hidden { display: none; }



/*--- Links ---*/



a {

	color: #4189dd;

	}

a:visited {

	color: #68a9ff;

	}

a:hover {

	color: #fff;

	background: #68a9ff;

	}

a img { border: none; }





/*--- Containers ---*/



#container-top {

	background: url(images/headergreenbar.jpg) top repeat-x #fff;

	}

#container-middle {

	background: #fff;

	min-height: 400px;

	_height: 400px;

	}

#container-bottom {

	background: url(images/footer-top.gif) top repeat-x #ddd;

	}





#header, #content, #footer {

	width: 760px;

	margin: 0 auto;

	}





#header {

	height: 104px;

	position: relative;

	}

#header #logo {

	position: absolute;

	top: 20px;	left: 0;

	}

#header #title {

	position:absolute;

	top: 20px;	left: 90px;

	}





#content #main {

	width: 590px;

	padding-top: 12px;

	padding-bottom: 36px;

	float: left;

	}

#content #sidebar-right {

	width: 160px;

	padding-bottom: 12px;

	float: right;

	}













/*--- Blue Sidebar Boxes ---*/



.navbox {

	margin: 0;

	padding: 10px 0;

	width: 160px;

	background: #68a9ff;

	position:relative;

	}

.navbox .tile-tl { position:absolute;	top: 0; left: 0; }

.navbox .tile-br { position:absolute; bottom: 0; right: 0; }

.navbox ul {

	margin: 0 10px;

	padding: 0;

	list-style: none;

	}

.navbox ul li {

	line-height: 2.5em;

	font-weight: bold;

	}

.navbox a {

	color: #fff;

	text-decoration: none;

	}

.navbox .sublink {

	list-style-type: square;

	line-height: 1.5em;

	margin-left: 1em;

	}

.navbox .sublink a {

	font-weight: normal;

	}

.navbox a:visited {	color: #fff; }

.navbox a:hover { color: #000; background: none; }







/*--- Footer ---*/



#footer {

	padding: 30px 0;

	font-size: 0.9em;

	color:#777;

}

#footer .left-text { float:left; text-align: left; }

#footer .right-text { float: right; text-align: right; }

#footer a { color: #777 }

#footer a:visited { color: #777 }

#footer a:hover { color: #fff; background: #777 }