/* 	blue #2555ca
	yellow #fdd126
*/

/* outline: 1px solid red;  */

* {
	margin: 			0;
	padding: 			0;
	outline: 			none;
	border: 			none;
}

body {
    font-family: 	"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 			62.5%;
	background: 		white;
}

div#wrapper {
	position: 			relative;
	width: 				940px;
	margin: 			0 auto;
	background: 		url("images/wrapper.png") repeat-y scroll 0 0 transparent;
}

div#header {
	width: 				900px;
	height:				149px;
	margin: 			0px 20px 0px 20px;
	background: 		url("images/header.jpg")no-repeat center top;
}
h1 {
	text-indent: 		-3000em;
}
h2 {
	font-size: 			1.6em;
	line-height: 		1em;
	font-weight:		bold;
	color: 				#092ea0;
}

/* nav */
div#nav {
	width: 				220px;
	float: 				left;
	overflow: 			hidden;
}
div#nav ul {
	list-style: 		none;
	margin: 			20px 0px 0px 20px;
}
div#nav ul li {
	margin: 			5px 0;
}
div#nav ul li a {
	display: 			block;
	height: 			45px;
	line-height: 		45px;
	font-size: 			1.6em;
	font-weight:		bold;
	color: 				white;
	text-decoration: 	none;
	text-indent: 		27px;
}

div#nav ul li a:link {
	color: 				white;
	background: 		url("images/nav.png") 0 0;
}
div#nav ul li a:hover {
	color: 				white;
	background: 		url("images/nav.png") 0 -45px;
}

div#facebook {
    left: 20px;
    position: absolute;
    top: 475px;
    z-index: 99;
}
a.facebook {
    background: url("images/facebook.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #EDEB7B;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: left;
    text-decoration: none;
    text-indent: 42px;
    width: 200px;
}
a.facebook:hover {
    background-image: url("images/facebook-hover.png");
}

div#main	{
	width: 				680px;
	padding:			25px 0px 0px 20px;
	font-size: 			1.5em;
	line-height: 		1.3em;
	text-align:			left;
	color:				#42424a;
	float:				left;
}
div#main-right-photo { 
	float: 				right;
	width: 				350px;
	height:				191px;
	margin: 			0px 0px 0px 30px;
}

div#mc	{
	width: 				680px;
	padding:			25px 20px 0px 20px;
	font-size: 			1.5em;
	line-height: 		1.3em;
	text-align:			left;
	color:				#42424a;
	float:				right;
}
div#mc-right-photo { 
	float: 				right;
	width: 				175px;
	margin: 			0px 0px 0px 20px;
}

div#artists	{
	width: 				680px;
	padding:			25px 20px 0px 20px;
	font-size: 			1.5em;
	line-height: 		1.3em;
	text-align:			left;
	color:				#42424a;
	float:				right;
}
div#artists-right-photo { 
	float: 				right;
	width: 				350px;
	margin: 			0px 0px 0px 30px;
}

div#mission	{
	width: 				625px;
	margin:				25px 20px 0px 0px;
	padding:			200px 20px 0px 35px;
	font-size: 			1.5em;
	line-height: 		1.3em;
	text-align:			left;
	color:				#42424a;
	float:				right;
	background: 		url("images/mission.png")no-repeat center top #fdd126;
}

div#mission	p{
	font-size: 			1.2em;
	line-height: 		1.2em;
	text-align:			left;
	color:				#42424a;
}

div#sponsors	{
	width: 				680px;
	padding:			25px 0px 0px 20px;
	float:				left;
}

/* credits - Starfish Graphics--------------------------------------------------------------*/	
div#credits{
	width: 				940px;
	font-size: 			1em;
	line-height: 		1em;
	text-indent: 		12px;
	text-decoration: 	none;
	text-align: 		center;
	color: 				black;
	padding:			20px 0px 0px 115px;
	clear:				both;
}
div#credits a:link {
	color: #000;
	text-decoration: 	none;
}
div#credits a:visited {
	color: #000;
	text-decoration: 	none;
}
div#credits a:hover {
	color: #6a1f88;
	text-decoration: 	underline;
}
div#credits a:active {
	text-decoration: 	none;
}

/* styling for links  ---------------------------------*/
a:link {
	color: #000;
	text-decoration:	none;
}
a:visited {
	color: 				#000;
	text-decoration: 	none;
}
a:hover {
	color: 				#6a1f88;
	text-decoration: 	underline;
}
a:active {
	text-decoration: 	none;
}

.bold {
	font-weight:		bold;
}
.bold-name {
	font-weight:		bold;
	font-size: 			2em;
	color:				#2555ca;
}

.blue {
	font-weight:		bold;
	color:				#2555ca;
}