body{
	background-color:#000;
	background-image:url(../images/bgGirl.gif);
	color:#333;
	font:medium arial, hevetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

.clear{
 clear:both;
}
a:link, a:visited{ 
	color:#0aa7e7;
	text-decoration:none;
}

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

h2{
	color:#333;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	margin:0 0 2px 0;
}

h2 a{ 
	text-decoration:none; 
}

h3{
	color:#333;
	font:125% Helvetica, Geneva, Arial, sans-serif;;
	margin:25px 0 0 0;
}
h4{
	font-weight:normal;
	font-size:115%;
	margin-bottom:0;
}

li{
	background:url(../images/squareBullet.gif) 2px 10px no-repeat;
	list-style:none;
	padding:2px 0 2px 14px;
	position:relative;
}
li ul li{
	margin-left:-30px;

}

#container{
	background-color:#fff;
	border:7px solid #15a1d8;
	font-size:85%;
	margin:1em auto;
	text-align:left;
	width:750px;
}

#header{
	background:url(../images/banner.gif) no-repeat center #000;
	height:200px;
	position:relative;
	width:100%;
}

#header h1{
	color:#fff;
	font-size:1px;
	margin:0;
	padding:0;
	text-align:right;
}

#nav{
	border-top:1px solid #e8e8e8;
	float:left;
	font-size:80%;
	width:165px;
}
#nav a:link, #nav a:visited{ 
	color:#333;
	text-decoration:none;
}
#nav a:hover{
	color:#0aa7e7;
	text-decoration:none;
}
#nav ul{
	margin-left:0;
	padding-left:0;
	list-style-type:none;
	line-height:200%;
}

#nav li{
	background:url(../images/navBullet.gif) 2px 10px no-repeat;
	list-style:none;
	padding:2px 0 2px 14px;
	position:relative;
}
#nav ul ul{
	padding-left:15px;
}
#nav #navSubnav{
	padding:2px 0 2px 14px;
}

.threeColumns{
	display:block;
	margin-top:25px;
}
.threeColumns h3{
	font-weight:bold;
	margin-top:0;
}
.leftCol{
	float:left;
	width:30%;
}
.midCol{
	margin-left:30%;
	margin-right:30%;
}
.rightCol{
	float:right;
	width:35%;
}

#socialmediaicons img{
	border:none;
}
ul#socialmediaicons {
	margin-top:25px;
}
#socialmediaicons li{
	background:none;
	margin-left:-10px;
}

#contentwrapper{
	padding:15px 10px;
}
#content{ 
	margin:0 20px 40px 200px;
	font-size:85%;
}
#content p{ 
	line-height:155%; 
}
#pagecontent{ 
	border-top:1px solid #e8e8e8; 
}

#bioName{
	margin:10px 0 15px 0;
}
#bioName dt, #bioName dd{
	font-weight:bold;
	line-height:135%;
	letter-spacing:.1em;
	margin:0;
}
#bioName dt{
	font-size:125%;
	margin-bottom:4px;
}
#bioName dd{
	font-size:95%;
	line-height:140%;
}
.bioPic{
	float:right;
	margin:15px 0 10px 10px;
	width:auto; 
}
.tableBio{
	border:none;
	width:95%;
}

/*** Sprite Buttons ***/

/*up state*/
#member-button a {
background:url(../images/button_member.png) no-repeat scroll 0 0 transparent;
display:block;
height:50px;
left:0;
margin:10px 0 30px 0;
overflow:hidden;
padding:0;
text-indent:-9999px;
top:0;
width:140px;
}

#renew1-button a {
background:url(../images/button_renew1.png) no-repeat scroll 0 0 transparent;
display:block;
height:100px;
left:0;
margin:0;
overflow:hidden;
padding:0;
text-indent:-9999px;
top:0;
width:100px;
}
#renew2-button a {
background:url(../images/button_renew2.png) no-repeat scroll 0 0 transparent;
display:block;
height:100px;
left:0;
margin:0;
overflow:hidden;
padding:0;
text-indent:-9999px;
top:0;
width:100px;
}

/*hover state*/
#member-button a:hover {
background-position: 0 -50px;
}
#renew1-button a:hover {
background-position: 0 -100px;
}
#renew2-button a:hover {
background-position: 0 -100px;
}

/*down state*/
#member-button a:active {
background-position: 0 -100px;
}
#renew1-button a:active {
background-position: 0 -200px;
}
#renew2-button a:active {
background-position: 0 -200px;
}


/* Forms */
form fieldset{
  margin-bottom:10px;
}
form legend{
  font-weight:bold;
	padding:0 2px;  
}
form label{
  display:inline-block;
  line-height:1.8;
  vertical-align:top;
}
form fieldset ol{
  margin:0;
  padding:0;
}
form fieldset li{
  list-style:none;
  padding:5px;
  margin:0;
}
form fieldset fieldset{
  border:none;
  margin:3px 0 0 0;
}
form fieldset fieldset legend{
  font-weight:normal;
	padding:0 0 5px 0;
}
form fieldset fieldset label{
  display:block;
  width:auto;
}
form em{
  color:#f00;
  font-style:normal;
	font-weight:bold;
}
form label{
  width:120px; /* Width of labels */
}
form fieldset fieldset label{
  margin-left:0; /* Width plus 3 (html space) */
}

#commentForm{
	width:500px;
}
#commentForm input, #contactform textarea{
	padding:4px;
	width:325px;
	margin:10px 0 0 0;
	border:2px solid #ccc;
}
#commentForm textarea{
	height:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
}
#commentForm .radio{
	border:none;
	width:20px;
}
#commentForm textarea:focus, #contactform input:focus{
	border:2px solid #15a1d8;
}
#commentForm input.submit-button{
	background-color:#15a1d8;
	clear:both;
	color:#fff;
	margin-left:70px;
	width:110px;
}

#commentForm label{
	float:left;
	margin-right:5px;
	padding-top:10px;
	width:65px;
}

#commentForm label.error{
	color:#c00;
	display:block; 
	float:none;
	padding:0 0 0 75px; 
	vertical-align:top;
	width:50%;
}
#commentForm .note{
	font-size:80%;
	color:red;
}

#tweetfeed{
	float:right;
	margin:0 0 25px 25px;
	width:auto;
}

/***** FOOTER *****/
#footer{
	clear:both;
	color:#15a1d8;
	text-align:right;
}
#footer p{
	color:#fff;
	font-size:90%;
	margin:0;
	padding:0;
}