/* == [ INITIAL/GLOBALS ] == */

/* default font size*/
@import url(small.css);

a {
	text-decoration: none; 
	color: #FF9900;
}

a:visited, a:active {
	color: #CC6600;
}

a:hover {
	color: #FF6600;
}

body, div {
	margin: 0;
	padding: 0;
	border: 0;
/* CSS shorthand: font-style || font-variant || font-weight || font-size/line-height || font-family */
	font: normal small arial, verdana, tahoma, sans-serif;
	color: #CCCCCC;
}

body {
	background: #000000 url("images/bg.jpg") no-repeat top left;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2, h3, h4, h5 {
/* CSS shorthand: top right bottom left */
	margin: 0px 0px 25px 0px;
	padding: 0;
	font: bold 16px/18px arial, verdana, tahoma, sans-serif;
	text-align: center;
}

h2, h3, h4, h5 {
	margin: 0px 0px 10px 0px;
	font: bold 14px/16px arial, verdana, tahoma, sans-serif;
	color: #CC0000;
	text-align: left;
}

#preamble {
	margin: 0px 0px 0px 50px;
	padding: 0;
	border: 0;
	width: 280px;
	font: normal 11px georgia, times new roman, times, serif;
	display: block;
}

.tagline {
	margin: 10px 0px 0px 0px;
	padding: 0;
	border: 0;
	width: 280px;
	font: normal 11px georgia, times new roman, times, serif;
	color: #999999;
	text-align: right;
	display: block;
}

/* == [ MAIN ] == */

#wrapper {
	margin: 140px 0px 50px 100px;
	padding: 0;
	border: 0;
	width: 660px;
	text-align: left;
}

#header {
	margin: 0;
	padding: 0px 0px 2px 0px;
	width: 480px; 
	height: 23px;
	background: transparent url("images/navbar.jpg") no-repeat top left;
	display: block;
}

#content {
	float: left;
	margin: 0;
	padding: 50px 50px 50px 50px;
	border: 1px solid #666666;
	width: 378px;
/* filter creates a translucent background on IE, whereas PNG+alpha works on Mozilla browsers */	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#40CCCCCC', EndColorStr='#40CCCCCC'); 
}

#wrapper > #content {
	background: transparent url("images/bg_text.png") repeat top left;
}

/* == [ TOP NAV ] == */

#navbar {
	margin: 0;
	padding: 2px 0px 0px 0px;
	width: 480px; 
	height: 23px;
	background: transparent url("images/navbar.jpg") no-repeat bottom left;
	font-size: 8px;
	text-align: center;
	display: block;
 	clear: both; /* clear elements next to this one, need when using float elsewhere */
}

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

ul#nav li { 
	margin: 0;
	padding: 0px 3px 0px 3px;
	height: 23px; /* make height and line-height the same to vertically center text */
	font: bold 8px/23px tahoma, verdana, arial, sans-serif;
	color: #FF9900;
	display: inline;
}

ul#nav a, ul#nav a:visited, ul#nav a:active {
	text-decoration: none; 
	color: #FFCC99;
}

ul#nav a:hover {
	color: #FFFFFF;
}

#navtext { 
	margin: 0;
	padding: 0;
	border: 0;
	font-size: small; /* need to reset font size for IE/Win bug workaround */
}

#S { /* graphical css rollover using a single image */
	position: absolute;
	top: 165px;
	left: 530px;
	width: 6px;
	height: 20px; /* image must be 18px or taller to workaround IE/Win bug */
	overflow: hidden; 
	background: transparent url("images/TS.gif") no-repeat top left; 
} 

#S:hover { 
	background: transparent url("images/TS.gif") no-repeat bottom left; 
}

#M { /* graphical css rollover using a single image */
	position: absolute;
	top: 165px;
	left: 543px;
	width: 9px;
	height: 20px; /* image must be 18px or taller to workaround IE/Win bug */
	overflow: hidden; 
	background: transparent url("images/TM.gif") no-repeat top left; 
} 

#M:hover { 
	background: transparent url("images/TM.gif") no-repeat bottom left; 
}

#L { /* graphical css rollover using a single image */
	position: absolute;
	top: 165px;
	left: 558px;
	width: 12px;
	height: 20px; /* image must be 18px or taller to workaround IE/Win bug */
	overflow: hidden; 
	background: transparent url("images/TL.gif") no-repeat top left; 
} 

#L:hover { 
	background: transparent url("images/TL.gif") no-repeat bottom left; 
}

/* == [ SIDEBAR/CONTEXTUAL NAV ] == */

#sidebar {
	margin: 0px 0px 0px 500px;
	padding: 20px 0px 0px 0px;
	width: 157px;
	height: 100%;
}

#sidebar ul {
	margin: 0px 0px 0px 20px;
	padding: 0;
}

#sidebar ul li {
	font: normal 10px arial, verdana, tahoma, sans-serif;
	list-style-image: url("images/bullet.gif");
}

/* == [ FOOTER ] == */

#footer {
	margin: 0;
	padding: 2px 0px 50px 0px;
	font: normal 9px "palatino", georgia, times new roman, times, serif;
	color: #666666;
	text-transform: uppercase;
 	clear: both; /* clear elements next to this one, need when using float elsewhere */
}

.end {
	margin: 0;
	padding: 10px 0px 0px 0px;
	font: bold 11px georgia, times new roman, times, serif;
	color: #666666;
	letter-spacing: 0.5em;
	text-align: center;
}