html, body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}

body {
color:#333;
font:100%/1.35 Arial, Helvetica, sans-serif;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0 0 40px 0;
	font-weight:normal;
	font-family:Tahoma, sans-serif, Arial;
}

h2 {
color:#000;
padding:0 0 25px 0;
font-size:1.8em;
letter-spacing:-1px;
}

h3 {
color:#555;
padding:20px 0;
font-size:1.4em;
}

h4 {
	color:#000;
	font-size:1.25em;
	font-weight:bold;
	padding: 0 0 0.75em 0;
}

h5 {
	color:#000;
	font-size:1.25em;
	font-weight:bold;
	padding: 0 0 0 0;
}

/***** Common Formatting *****/

p, ul, ol {
	margin:0;
	padding:0 0 1em 0;
}

ul, ol {
padding:0 0 1.35em 2.7em;
}

blockquote {
margin:1.35em;
padding:1.35em 1.35em 0 1.35em;
}

small {
font-size:0.8em;
}

strong {
color:#000;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a,
a:link,
a:visited {
color:#06c;
text-decoration:underline;
}

a:hover {
color:#f60;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}

textarea {
width:100%;
line-height:1.35;
}

/***** Tables *****/

table {
border:0;
margin:0 0 1.35em 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Wrap/Container *****/

#container {
	width:968px;
	margin:0 auto;
	position: relative;
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;
	background-position:center;
}
/***** Header *****/

#header {
	margin:0 0 0 0;
	padding:62px 0 0 50px;
	height:50px;
	background-color:#FFFFFF;
}

/***** Logo *****/

#header h1 {
	padding:0 0 0 0;
	text-indent:-2000px;
}
	
	#header h1 a {
	width:231px;
	height:35px;
	display:block;
	background:url(images/logo.png) no-repeat;
	}

/***** Navbar *****/

#navbar {
	display:block;
	position:absolute;
	left: 349px;
	top: 81px;
	z-index: 50;
	width: 523px;
}

#navbar ol {
height:31px;
margin:0;
padding:0 0 0 10px;
list-style:none;
border:solid #ccc;
border-width:0 0 1px 0;
}
	
	#navbar ol li {
	display:inline;
	}
	
		#navbar ol li a {
		float:left;
		color:#9e9fa0;
		height:23px;
		margin:0 1px 0 1px;
		border:solid #ccc;
		border-width:1px 1px 1px 1px;
		padding:7px 25px 0 25px;
		background-image:url(images/topBtns.png);
		background-repeat:repeat-x;
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		}
		
		#navbar ol li a:hover {
		color:#666;
		background:#FFFFFF;
		}
		
		#navbar ol li a.active {
		color:#000;
		background:#FFFFFF;
		}
		
		#navbar ol li a.active {
		margin-top: 3px;
		background:#fff;
		border:solid #ccc;
		border-width:1px 1px 0 1px;
		height:21px;
		padding:7px 25px 0 25px;
		cursor: default;
		}

/***** Content *****/

#content {
	float:left;
	width:500px;
	margin:0 25px 0 107px;
	padding:0 0 0 0;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#content2 {
	float:left;
	width:750px;
	margin:0 25px 0 107px;
	padding:0 0 0 0;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:solid #ccc;
	border-width:1px;
}

/***** Sidebar *****/

#sidebar {
	clear:right;
	float:left;
	padding:0 0 0 0;
	color:#6a6868;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}
	
	#sidebar h2 {
	color:#666666;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:normal;
	}
	
	#sidebar ul,
	#sidebar ol {
	padding:0 0 1.35em 0;
	list-style:none;
	}

/***** Footer *****/

#footer {
	background-image:url(images/footer.png);
	height: 51px;
	background-repeat: no-repeat;
	clear:both;
	color:#706e63;
	margin:0 0 0 0;
	padding:90px 0 0 42px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #FFFFFF;
}

/***** Global Classes *****/

.clear {
clear:both;
height:0;
}

#folders {
	display:block;
	position: absolute;
	background-image:url(images/folders.png);
	height: 188px;
	width: 242px;
	background-repeat: no-repeat;
	left: 663px;
	top: 167px;
	z-index: 2;
}

#gears {
	display:block;
	position: absolute;
	background-image:url(images/gears.png);
	height: 213px;
	width: 327px;
	background-repeat: no-repeat;
	left: 571px;
	top: 149px;
	z-index: 2;
}

#calendar {
	display:block;
	position: absolute;
	background-image:url(images/calendar.png);
	height: 189px;
	width: 179px;
	background-repeat: no-repeat;
	left: 721px;
	top: 167px;
	z-index: 2;
}

#boxes {
	display:block;
	position: absolute;
	background-image:url(images/boxes.png);
	height: 224px;
	width: 309px;
	background-repeat: no-repeat;
	left: 592px;
	top: 135px;
	z-index: 2;
}

#mail {
	display:block;
	position: absolute;
	background-image:url(images/mail.png);
	height: 150px;
	width: 258px;
	background-repeat: no-repeat;
	left: 644px;
	top: 206px;
	z-index: 2;
}

#topbar {
	background-image:url(images/blue.png);
	height:264px;
	width: 968px;
	background-repeat: no-repeat;
}

#orange {
	background-image:url(images/orange.png);
	height:264px;
	width: 968px;
	background-repeat: no-repeat;
}

#purple {
	background-image:url(images/purple.png);
	height:264px;
	width: 968px;
	background-repeat: no-repeat;
}

#green {
	background-image:url(images/green.png);
	height:264px;
	width: 968px;
	background-repeat: no-repeat;
}

#red {
	background-image:url(images/red.png);
	height:264px;
	width: 968px;
	background-repeat: no-repeat;
}

#blue_bottom {
	background-image:url(images/blue_bottom.png);
	background-repeat:no-repeat;
	width:328px;
	height:311px;
	position:absolute;
	right:42px;
	bottom:72px;
	z-index: 20;
}

#blue_orange {
	background-image:url(images/blue_orange.png);
	background-repeat:no-repeat;
	width:328px;
	height:311px;
	position:absolute;
	right:42px;
	bottom:72px;
	z-index: 20;
}

#blue_purple {
	background-image:url(images/blue_purple.png);
	background-repeat:no-repeat;
	width:328px;
	height:311px;
	position:absolute;
	right:42px;
	bottom:72px;
	z-index: 20;
}

#blue_green {
	background-image:url(images/blue_green.png);
	background-repeat:no-repeat;
	width:328px;
	height:311px;
	position:absolute;
	right:42px;
	bottom:72px;
	z-index: 20;
}

#blue_red {
	background-image:url(images/blue_red.png);
	background-repeat:no-repeat;
	width:328px;
	height:311px;
	position:absolute;
	right:42px;
	bottom:72px;
	z-index: 20;
}

#leftbar {
	width: 43px;
	float: left;
	background-image:url(images/left.jpg);
	background-repeat:repeat-y;
	height: 600px;
}

#overLeft {
	display:block;
	position: absolute;
	background-image:url(images/overLeft.png);
	height: 212px;
	width: 43px;
	background-repeat: no-repeat;
	left: 0px;
	top: 243px;
	z-index: 5;
}

#overRight {
	display:block;
	position: absolute;
	background-image:url(images/overRight.png);
	height: 212px;
	width: 43px;
	background-repeat: no-repeat;
	left: 926px;
	top: 243px;
	z-index: 5;
}

.leftimage {
	float: left;
	margin: 20px;
}

#whiteBar {
	display:block;
	background-image:url(images/bar.png);
	height: 122px;
	width: 436px;
	background-repeat: no-repeat;
	padding:20px 0 0 20px;
}

#whiteBar2 {
	display:block;
	background-image:url(images/bar2.png);
	height: 150px;
	width: 436px;
	background-repeat: no-repeat;
	padding:20px 0 0 25px;
}