/* CSS Document - If you're not playing a Rogue in World of Warcraft, you lose! Rogue is Overpowdered... but Rogues are overpowered! */



/* global white space */

*	{margin:0; padding:0;}

html, body { font: 1em Verdana; background: #fafdff url(images/bg.gif) repeat-x; }
h1, h3	{margin: 15px 0 15px 0;color: #268bd4;}
h2	{margin: 20px 0 15px 0; color:#370069; line-height: 25px;}
/* let's Wrap it Up - remember that song? */

#wrapper	{
			position:relative;
	
			width:760px;
			top:0;
			left:50%;
		
			margin-left:-380px;
			padding:0;		
}

#container	{
			position:relative;
			background: url(images/top.jpg) center top no-repeat;
			width:760px;
			top:0;
			left:50%;
	
			margin-left:-380px;
			padding:0;		
}


/* stuff to make the site do what I want */
.left	{float: left; margin-right: 25px;}
#navigation	{clear: both;  text-align: right; }
#navigation a	{text-decoration: none; font-size: .90em; padding: 5px;}
#navigation a:hover	{color:#477ccd;}
#home	{color: #d3d2d2; padding: 90px 0 0 0; text-align: right; font-size: 1.3em;}


#login	{color: #efefef; padding:0; text-align: right; font-size:.75em;}
#middle	{padding-top: 25px;}

#blue	{background: url(images/blue.jpg) top center no-repeat; padding: 0 20px 0 20px; color:#003399;}

.logButton	{padding:5px 0 0 100px;}
.subscribe	{ font-size: .75em; line-height: 16px;}

#footer p	{ font-size: .65em; color:#395a2a; line-height: 16px; margin: 50px 0 25px 0;}
#footer a	{padding: 0 5px 0 0;}
#content	{color:#003399; font-size: .75em; line-height: 16px; padding-top: 15px;}
#content2	{color:#003399; font-size: .75em; line-height: 16px; padding-top: 15px;}
.logo	{text-align: center;}

/* form stuff */

#signup form div {clear:both; margin:0 0 10px 0;}



	#login-newsletter div, .extras-form #newsletter div {margin-bottom:0;}



	#signup {border:1px solid #ddd; padding:20px 20px 10px 20px; margin:0 0 20px 0;}

	#signup fieldset {padding:0 0 0 120px;}

		#signup fieldset label {float:none;}

	

#signup label {float:left; width:120px; font-weight:bold; padding:5px 0 0 0;}



#signup .text {border: 1px inset #787878; padding:5px 3px; font-size:1em; width:290px; font:1em Verdana;}

	.first-item {margin:0 10px 0 0;}

	#login-newsletter .text {width:140px;}

	.extras-form #newsletter .text {width:160px;}

		.extras-form #newsletter .first-item {margin:0 0 5px 0;}

	

	.alt {width:40px;}

	.alt2 {width:180px;}

	

.submit {

	width: 80px;

	height: 20px;

	text-indent:-3000em;

	overflow: hidden;

}

form>.submit { /* For non-IE browsers*/

	height: 0px;

}



	.login {}

	.signup { }

	.signupblack { }

	
	
/*	sidebar stuff */
#sideBar {

	width: 223px;

	float: right;

	display: inline;
margin: 0 15px 0 15px;

	/*background-color: #D8F8C5;

	padding: 8px 16px;*/

	}

#sideBar ul li 	{list-style-type: none;}
#sideBar .nav {

	/*margin: -8px -16px;*/

	padding: 0 0 16px;



	}



#sideBar .nav a, #extraCol .nav a:link, #extraCol .nav a:visited {

	display: block;

	padding: 4px 16px;

	border-bottom: 1px dotted #009754;

	color: #009754;
	

	}



#sideBar .nav a:hover {

	border-bottom-style: solid;

	background: #D8F8C5;

	text-decoration: none;

	}



#sideBar .nav .selectedPage a {

	border-bottom-style: solid;

	border-bottom-color: #5D5D5D;

	color: #370069 !important;
	text-decoration: none;

	}


.style3 {font-size: 1em; color: #fff;}
.style5 {font-size: .75em; font-family: arial;}
.style6 {font-size: 0.85em}
.style8 {font-size: 1.7em}
.style9 {
	font-size: 1em;
	font-weight: bold;
}

#grapevineButton	{ background: url(images/blue.jpg) center no-repeat; height: 150px;  color:#003399; }
#grapevineButton P {padding: 20px; font-size: .75em;}
#grapevineButton a	{}

.galleryImage	{border: 7px solid #89ddff;}