/*
    Envisionspace
    CSS Positioning version
    Created by Craig and Scott Guenther-Lee
*/

/* ===== global styles ===== */

body {
	font-family: "myriad pro", verdana, arial, helvetica, sans-serif;
	background: #444;
	color: #333;
	padding: 0;
	margin: 0;
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 0;
    padding: 0;
}

p	{
	font-size: 12px;
	line-height: 1.4em;
    font-weight: normal;
    padding-bottom: 15px;
}

h1 {
	font-family: "Myriad Pro Light", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #009cff;
	font-weight: normal;
	line-height: 1.25em;
	margin-bottom: 1.2em;
}

h2 {
	font-family: "Myriad Pro Semibold", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #bfe2ff;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: .5em;
}

h3 {
	font-family: "Myriad Pro Semibold", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 12px;
}

a:link, a:visited {
	color: #932032;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffb60f;
	text-decoration: underline;
}

#wrapper {
    width: 1000px;
    padding: 0px 10px;
    margin: 0 auto;
    background-color: #444;
}

.bold {
    font-weight: bold;
}

/* ===== content ===== */

#content {
	width: 1000px;
	background-image: url(../images/bg_1px.gif) repeat-y;
	margin: 0;
	padding: 0;
}


/* ===== header ===== */

#header {
    width: 940px;
    height: 20px;
    padding: 35px 30px 15px 30px;
    margin: 0;
	background-color: #5b5b5b;
}

/* ===== main menu ===== */

#mainMenu {
	Float: right;
	height: 1.5em;
	margin-top: -22px;
}

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

#mainMenu li {
    float: left; 
}

#mainMenu li a:link, #mainMenu li a:visited {
    font-family: "Myriad Pro Semibold", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #bfe2ff;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: .5em; 
	margin-right: 35px;
}

#mainMenu li a:hover, #mainMenu li a:active {
	color: #ffb60f;
}

#mainMenu .current {
	color: #ffb60f;
	text-decoration: underline;
}

/* ===== flash ===== */

#flash {
    width: 1000px;
    height: 500px;
    padding: 0;
    margin: 0;
	background-image: url(../images/bg_flash.png);
}

/* ===== titleBar ===== */

#titleBar {
    width: 940px;
    height: 20px;
    padding: 30px 30px;
    margin: 0;
	background-color: #fff;
}

/* ===== body ===== */

#body {
	width: 1000px;
	background-image: url(../images/bg_flash.png);
	margin: 0;
	padding: 0;
}

/* ===== left ===== */

#left{
	Float: left;
	width: 540px;
	margin: 0;
	padding: 0 100px 30px 30px;
}

#left p	{
	font-size: 12px;
	line-height: 1.75em;
    font-weight: normal;
    padding-bottom: 15px;
}

/* ===== right ===== */

#right{
	Float: left;
	width: 300px;
	margin: 0;
	padding: 0 30px 30px 0;
}

#right p	{
	font-size: 12px;
	line-height: 1.75em;
    font-weight: normal;
    padding-bottom: 12px;
}

#right h3 {
	font-family: "Myriad Pro Semibold", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 12px;
}




/* ===== footer ===== */

#footer {
	width: 940px;
	height: 20px;
	padding: 20px 30px;
	margin: 0;
	background-image: url(../images/footer.png);
}

#footer P {
	font-family: verdan, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #333;
	text-decoration: none;
}

#footer P a:link, #footer P a:visited {
	font-family: verdan, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

#footer P a:hover, #footer P a:active {
	font-family: verdan, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #ffb60f;
	text-decoration: underline;
}

.footnote {
	font-size: 9px;
	font-style: italic;
}

/* ===== clear all ===== */

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