@charset "UTF-8";
/* CSS Document */

body  {
	background: #006666;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #271700;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}
body p, body li {
	font-size: 12px;
	line-height:1.25;
	text-align: left;
}
body td {
	font-size: 12px;
	line-height:1.25;
	text-align: center;
	}
a {
	color: #cc6600;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	line-height:1.25;
}

a:hover {
	font-size: 12px;
	text-decoration: none;
}
a.whitetext:link {
	color:#E5E0D1;
	font-size:10px;
	font-weight:lighter;
}
a.whitetext:hover {
	color:#666;
	font-size:10px;
	font-weight:lighter;
}
a img {
	border:none;
}
	
/*this holds everything*/
#container{
	width:850px;
	height:850px;
	margin: 0 auto;
	padding: 136 0 0 0;
	text-align: left;
	position: relative;
	background-image: url(../images/backgroundteal.jpg);
	background-repeat: no-repeat;
}
#containerlong{
	width:850px;
	height:1050px;
	margin: 0 auto;
	padding: 136 0 0 0;
	text-align: left;
	position: relative;
	background-image: url(../images/backgroundlong.gif);
	background-repeat: no-repeat;
}
#containerlonger{
	width:850px;
	height:1600px;
	margin: 0 auto;
	padding: 136 0 0 0;
	text-align: left;
	position: relative;
	background-image: url(../images/backgroundlonger.gif);
	background-repeat: no-repeat;
}
/*this holds everything*/
#containersponsors{
	background-image:url(../images/backgrounddonate.jpg);
	width:300px;
	height:850px;
	margin:-9 0 0 0;
	float:right;
}
#containersponsorsindex{
	background-image:;
	width:300px;
	height:850px;
	margin:-9 0 0 0;
	float:right;
	text-align:center;
}
/*this holds links*/
#containerlinks{
	width:797px;
	margin:  0 0 0 27;
	text-align: left;
	position: relative;
} 
/*MENU*/

#MenuLinks 

#nav {background-image: url(../images/MenuLinksImageTeal.gif); background-repeat: no-repeat; padding:0; height:20px; width:797px; margin:29 0 0 0}
#nav span {display: none;}
#nav li, #nav a {display:block; height:20px;}
#nav li {float:left; list-style:none; display:inline;}

#MenuLinks #home {width:70px;}
#MenuLinks #visibilityproject {width:125px;}
#MenuLinks #join {width:150px;}
#MenuLinks #shop {width:70px;}
#MenuLinks #aboutsrm {width:110px;}
#MenuLinks #blog {width:65px;}
#MenuLinks #links {width:70px;}
#MenuLinks #contact {width:115px;}

/* OVER STATES*/
#MenuLinks #home a:hover {background:url(../images/MenuLinksImageTeal.gif) 0px -20px no-repeat; }
#MenuLinks #visibilityproject a:hover {background:url(../images/MenuLinksImageTeal.gif) -70px -20px no-repeat; }
#MenuLinks #join a:hover {background:url(../images/MenuLinksImageTeal.gif) -195px -20px no-repeat; }
#MenuLinks #shop a:hover {background:url(../images/MenuLinksImageTeal.gif) -345px -20px no-repeat; }
#MenuLinks #aboutsrm a:hover {background:url(../images/MenuLinksImageTeal.gif) -415px -20px no-repeat; }
#MenuLinks #blog a:hover {background:url(../images/MenuLinksImageTeal.gif) -525px -20px no-repeat; }
#MenuLinks #links a:hover {background:url(../images/MenuLinksImageTeal.gif) -590px -20px no-repeat; }
#MenuLinks #contact a:hover {background:url(../images/MenuLinksImageTeal.gif) -660px -20px no-repeat; }

/*this holds full width body*/
#containerbodyfull{
	width:800px;
	margin: -50 0 0 0;
	text-align: left;
	padding: 0 0 0 0;
} 
/*this holds full width body for the join, speaking, and contact pages*/
#containerbodyjoin{
	width:745px;
	margin: -35 0 0 52;
	text-align: left;
	padding: 0 0 0 0;
} 
/*this holds full width body for the index pages*/
#containerbodyindex{
	width:800px;
	margin: 15 0 0 1;
	text-align: left;
	padding: 0 0 0 0;
} 
/*this holds full width body for links page*/
#containerbodylinks{
	width:700px;
	margin: 42 60 0 85;
	text-align: left;
	padding: 0 0 0 0;
}
#containerbodysponsor{
	width:240;
	margin: 190 20 0 30;
	text-align: center;
}

/*this holds the links to facebook, twitter, myspace, youtube*/
#containersocialmedia{
	width:180px;
	margin:	15 0 1 610;
	text-align:right;
}

#containerflash{
	width:760px;
	margin: 0 0 0 20;
}

#containerheader{
	width:720px;
	text-align:center;
	margin: 10 45 0 38;
}
/*this holds body on left side*/
#containerbodyleft{
	width:410px;
	float:left;
	margin: -35 0 0 55;
	text-align: left;
	padding: 0 0 0 0;
} 
/*this holds body on right side*/
#containerbodyright{
	width:315px;
	float:left;
	padding: 0 0 0 16;
	margin: 0 0 0 0;
	text-align: left;
}
/*this holds pic on contact page*/
#containerpicsright{
	width:215px;
	float:right;
	padding: 0 0 0 5;
	margin: 250 120 0 0;
	text-align: left;
}
#containervideo{
	width: 425px;
	float:left;
	margin: 0 0 0 40;
	text-align:left;
	padding: 5 20 220 0;
}
#containerphotos{
	width: 420px;
	height:309px;
	float:left;
	margin: 15 25 0 -15;
	text-align:left;
	padding: 0 0 40 0;
}
#containerphotomedia{
	width: 350px;
	height:720px;
	float:left;
	margin: 15 15 0 -15;
	text-align:left;
	padding: 0 0 40 0;
}
#containerphotoslim{
	width: 300px;
	float:left;
	margin: 0 15 0 0;
	text-align:left;
	padding: 0 0 0 0;
}
#containergirlfilming{
	width: 300px;
	height: 900px;
	float:left;
	margin: -19 15 0 3;
	text-align:left;
	padding: 0 10 0 0;
}
/*this holds left side table*/
#containerbodytable{
	width:500px;
	float:left;
	margin: 10 0 0 40;
	text-align: center;
	padding: 0 0 0 0;
} 
/*this holds narrow body on right side in store*/
#containerbodynarrowright{
	width:230px;
	float:right;
	padding: 0 0 0 0;
	margin: 25 45 0 0;
	text-align: left;
}
#containermediabuttons{
	width:500px;
}
#containerbuttons{
	width:800px;
	position:absolute;
	text-align:center;
	bottom:190px;
	height: 54px;
	left: 25px;
}
#containermediajoin{
	width:250px;
	float:left;
	margin: 0 0 10 30;
}
#containertell{
	width:765px;
	position:absolute;
	text-align:center;
	bottom: 105px;
	height: 30px;
	margin: 0 0 0 42;
}
#containercopyright{
	width:400px;
	position:absolute;
	text-align:left;
	bottom: 46px;
	height: 30px;
	left: 32px;
}
#containercontactbottom{
	width:300px;
	position:absolute;
	text-align:right;
	bottom: 38px;
	height: 30px;
	right: 32px;
}
#containercontactbottomsponsor{
	width:300px;
	position:absolute;
	text-align:right;
	bottom: 38px;
	height: 30px;
	right: 232px;
}
.header {
	font-size: 14px;
	font-weight:bold;
}
.whitetext {
	color:#E5E0D1;
	font-size:10px;
	font-weight:lighter;	
}
.emphasize {
	font-weight:bold;
}