
* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	background: #999 url('../img/building_back.gif') top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
}

/* Other Crap */

ul { padding-left: 3em; }

p, ul { margin: 10px 0; }

h1 { font-size: 18px; }

img { border: none; }

.separator {
	margin: 15px 0;
	border-bottom: 1px solid #bbb;
}

img.bio { 
	float: left;
	margin-right: 10px;
}

.clear { clear: both; }

.center { text-align: center; }

/* Minors */
.gray { 
	float: left; 
	padding: 10px;
	margin: 5px;
	width: 136px;
	background-color: #ddd;
	text-align: center;
}
.gray h1 { 
	font-size: 14px; 
	margin-bottom: 2px;
}

/* Red Box */
.red_box * { position: relative; }
.red_box {
	margin: 10px auto;
	width: 452px;
	color: #fff;
	background: url('../img/red_box_back.gif') repeat-y;
}

.red_box_bottom {
	background: bottom url('../img/red_box_bottom.gif') no-repeat;
}

.red_box_content {
	background: top url('../img/red_box_top.gif') no-repeat;
	padding: 10px;
}

.red_box p { margin: 0; }
.red_box ul {
	list-style: none;
	margin-top: 35px;
}
/* Specifics */

#wrapper {
	margin: 0 auto;
	padding: 10px 0;
	width: 798px;
	background-color: #666;
	border: 1px solid #000;
	border-top: 0;
}

/* Header */

#header {
	margin: 0 auto 5px auto;
	background: url('../img/header_back.gif') repeat-x;
	width: 780px;
	height: 150px;
}

#h_left {
	background: left url('../img/h_left.gif') no-repeat;
	height: inherit;
}
/* Inner Most div */
#h_right {
	background: right url('../img/h_right.jpg') no-repeat;
	height: 110px;
	padding: 20px;
	padding-right: 15px;
}

#header h1 {
	font-size: 36px;
	color: #fff;
}

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header li { display: inline; }

#header a {
	display: block;
	float: left;
	width: 100px;
	margin: 20px 0 0 0;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

#header a.active { color: #000; cursor: default; }

#header a:hover { color: #000; }

#header img {
	display: block;
	text-align: left;
	padding-left: 33px;
}
/* Content */

#content {
	margin: 0 auto;
	width: 780px;
}

#content a { 
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
	color: #f00;
}
#content a:hover {
	color: #000;
}
/* Main Content */

#main {
	margin-right: 5px;
	float: left;
	background-color: #eee;
	width: 520px;
}

.m_top { background: top url('../img/m_top.gif') repeat-x; }
.m_right { background: right url('../img/m_right.gif') repeat-y; }
.m_bottom { background: bottom url('../img/m_bottom.gif') repeat-x; }
.m_left { background: left url('../img/m_left.gif') repeat-y; }
.m_tr { background: top right url('../img/m_tr.gif') no-repeat; }
.m_br { background: bottom right url('../img/m_br.gif') no-repeat; }
.m_bl { background: bottom left url('../img/m_bl.gif') no-repeat; }
/* Inner Most div */
.m_tl { 
	background: top left url('../img/m_tl.gif') no-repeat; 
	padding: 10px;
}

/* Sub Content */

#sidebar {
	float: right;
	background: url('../img/sidebar_back.gif') repeat-y;
	width: 255px;
}

#s_top { background: top url('../img/s_top.gif') no-repeat; }
/* Inner Most div */
#s_bottom {
	background: bottom url('../img/s_bottom.gif') no-repeat;
	padding: 10px;
}

/* Validations */
#valid {
	text-align: right;
}

/* Copyright */

#copy {
	margin: 0 auto 5px auto;
	padding-top: 5px;
	width: 798px;
	text-align: center;
	color: #666;
}
