body {
	background-color:#F0A0F2;
	margin:0; padding:0;	
	color:#684362;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	font-size:13px;
	line-height:21px;
}

#container {
	width:960px;
	padding:0px;
	margin: auto;
	padding-top: 38px;
	background-color:#C990CC;
}

#header {
	width:889px;
	height:261px;
	margin: auto;
	background-image: url(images/header.jpg);
	background-repeat:no-repeat;
}

.callout {width: 890px;
min-height: 100px;
	margin: auto;
	background-color: #F2B604;
	clear: both;
	padding-bottom: 5px;
}

.copyright
{
vertical-align: middle;
}

.registerbutton a {
position: relative; 
left: 380px; 
top: -55px;
display:block;
width: 195px;
height: 41px;
background: url("images/register.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.registerbutton a:hover {
background-position: -195px 0;
}

.registerbuttonclasses a {
float: right;
margin: 7px 35px 0 12px;
display:block;
width: 195px;
height: 41px;
background: url("images/register.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.registerbuttonclasses a:hover {
background-position: -195px 0;
}


.gindex a {
float: left;
margin: -3px 0 0 12px;
display:block;
width: 80px;
height: 34px;
background: url("images/homegold.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.gindex a:hover {
background-position: -80px 0;
}

.pindex a {
float: left;
margin: -3px 0 0 12px;
display:block;
width: 80px;
height: 34px;
background: url("images/homepurple.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.pindex a:hover {
background-position: -80px 0;
}




.mclasses a {
/*position: static;*/
/*left: 310px;*/
/*top: -3px;*/
float: left;
margin: -3px 0 0 12px;
display:block;
width: 80px;
height: 34px;
background: url("images/morepurple.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.mclasses a:hover {
background-position: -80px 0;
}


.mbenefits a {
float: left;
margin: 12px 0 0 12px;
display:block;
width: 80px;
height: 34px;
background: url("images/moregold.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.mbenefits a:hover {
background-position: -80px 0;
}

.mtips a {
float: left;
margin: 12px 0 0 12px;
display:block;
width: 80px;
height: 34px;
background: url("images/morepurple.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.mtips a:hover {
background-position: -80px 0;
}

.mteacher a {
float: left;
margin: 12px 0 0 12px;
display:block;
width: 80px;
height: 34px;
background: url("images/moregold.gif") 0 0 no-repeat;
text-decoration: none;
z-index: 10;
}

.mteacher a:hover {
background-position: -80px 0;
}


a img { border:0 }

a { color:#7C1C5B; text-decoration:none; }
a:hover { color:#ffffff; }

.clear { clear:both; padding-top:20px;}
.clearleft { clear:left; padding-top:20px;}


p { margin-bottom:10px; }

.highlight {color: #7C1C5B;}
.referee {color: #684362;}
.callout p{color: #7C1C5B;}

#content p{ margin: 0 30px 15px 40px; }

h1 img { margin-left: 35px;}

h2 {margin: 20px 0 15px 35px;}

.linkbox {
border-top: 1px solid #7C1C5B;
width: 810px;
padding: 10px 0 0 20px;
font-size: 90%;
}

.quote {
display: block;
overflow:visible;
padding-left: 30px;
}

.bgquote {
font-family: "Georgia","Times New Roman", Times;
float: left;
display: block;
font-size: 60px;
padding: 10px 10px 0 0;
line-height: 1.1ex;
letter-spacing: 0;
margin: -10px 0 0 -30px;
}

#caption {
	text-align: center;
}

#caption p {
margin: 5px 0 0 0;
padding: 0;
line-height: 1.1;
font-size: 85%;
color: #684362;
}

.caption {
	text-align: center;
}

.caption p {
margin: 5px 0 0 0;
padding: 0;
line-height: 1.1;
font-size: 85%;
color: #684362;
}

#twitter_div {
	clear: left;
	border:none;
	min-height:40px;
	width: 900px;
}
#twitter_div img {
	bottom:-22px;
	right:-14px;
}
#twitter_div ul {
	margin:0px;
	padding:0px;	
}
#twitter_div ul li {
	list-style:none;
	margin-bottom:10px;
	margin-left:35px;
	font-size:13px;
	line-height:14px;
}
#twitter_div ul li a {
	/*width:200px;*/
	display:block;
	top:5px;
	left:10px;
	/*text-transform:capitalize;*/
}

/* Bumpmatters pop-out link */
.bumpmatters a {
position: fixed;
top: 145px;
right: 0px;
z-index: 700;
height: 104px;
width: 340px;
background: url(images/bumpmatters.png) no-repeat;
background-position: -379px 0px;
overflow: hidden;
text-decoration: none;
border: none;
}

.bumpmatters a:visited {
background-position: 280px 0px;
}

.bumpmatters a:hover {
background-position: 0px 0px;
}