#container {
	height: 100%;
	min-height: 100%;
	text-align: left;
}

#container, #width {
	width: 94%; 
	max-width: 1000px;
	margin: 0 auto;
}

#container[id], #width[id] {
	width: 94%;
	height: auto;
}

#content {
	position: relative;
	height: 508px;
	/*border: 1px solid #fff;*/
	background: transparent url(../images/bg/logo.jpg) no-repeat top left;
}

#title {
	display: none;
}



#menu {
	position: relative;
	padding-top: 113px;
	float: left;
	width: 100%;
	clear: both;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: 700;
	font-style: italic;
}

#menu li a {
	float: left;
	margin: 0 2px;
	padding: 5px 0.5em;
	text-decoration: none;
	text-transform: lowercase;
	background-color: #444;
	color: #ccc;
}

#menu li a:hover, #menu li a.here {
	color: #fff;
	background-color: #999;
}

#menu li a.last {
	margin-right: 0;
}


ul.sideMenu {
	margin: 0;
	padding: 0;
}

.sideMenu li {
	display: inline;
	list-style-image: url(foo.gif);
	font-weight: 700;
	font-style: italic;
	font-size: 1.3em;
	color: #fff;
}

.sideMenu li a {
	display: block;
	margin: 0.2em 0;
	padding: 3px 5px;
	text-decoration: none;
	color: #ccc;
} 

.sideMenu li a:hover {
	background: #00297b;
	color: #fff;
}

.sideMenu li.here {
	display: block;  
	padding: 5px;
	background: #00297b;
}

.sideMenu li.here ul {
	margin: 0;
	padding: 0;
}

.sideMenu li.here ul li a {
	padding-left: 35px;
	font-size: 0.6em;
	font-weight: 400;
	font-style: normal;
	background: url(../images/bg/bullet.gif) no-repeat 10px 0px;
}

.sideMenu li.here ul li a:hover {
	background: #039 url(../images/bg/bullet.gif) no-repeat 10px 0px;
	color: #fff;
}


#page {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	padding-top: 50px;
}


#footer {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 5px;
	background: #069 url(../images/bg/footer.jpg) repeat-x top left;
	color: #ccc;
}

/* Sets the width of the footer content */
#footer #width {
	position: relative;
	z-index: 3;
	font-size: 0.85em;
	padding-top: 60px;
}

#footer .floatRight {
	text-transform: lowercase;
}


#footer a:hover { color: #DD6900; }
#footer a { color: #fff; }



.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl {
	padding-left: 0;
}

.leftColumn code {
	margin-left: 0;
}


.width100 { width: 100%; }
.width75 { width: 74%; }
.width50 { width: 49.7%; }
.width33 { width: 32.7%; }
.width66 { width: 65.7%; }
.width25 { width: 24.7%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.mtop5 { margin-top: 5px; }
.mtop10 { margin-top: 10px; }
.mtop15 { margin-top: 15px; }
.pad10 { padding: 10px; }
.clear { clear: both; }
.block { display: block; }
.small { font-size: 0.8em; }
.green { color: #A1FF45; }
.red { color: #EA1B00; }
.orange { color: #FFB323; }

.greyBg {
	background-color: #333;
	border: 2px solid #666;
}

.greyBg2 {
	background-color: #666;
}