/* -- Reset -- */
body {
	/* used to be 12px -- How do you fix this? */
	font:normal normal normal 1em/100% Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	color: #250707;
	background:#ffd958 url(../graphics/grad_back_d.jpg) repeat-x;
}
#container{
	position:relative;
	width:99%;
	min-width:579px;
	max-width:1039px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/* 	Header 	*/

#pgHeader{
	position:relative;
	background:#fff998 url(../graphics/header_sparks_wLogo.jpg) no-repeat;
	border: 1px solid #321123;
	height:98px;
	width:100%;
	top: 10px;
}

/*	-------------------
	-----  Main	 ----- 	
	-------------------	*/
.main{
	width:72%;
	float:right;
	position:relative;
	top:20px;
	height:auto;
	min-height:300px;
	background-color:#CCFEFE;
	/*background-image:url(../graphics/sb_bk.gif);*/
	border: 1px solid #612;
	padding:1em;
}
.main p{
	padding:5px;
	margin:5px;
	/* border-left: 1px solid #7c3c10; */
}
#footer{
	width:100%;
	position:relative;
	top:20px;
	float:right;
}
#footer p{
	font-size:0.9em;
	text-align:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}
#footer #copyright{
	text-align:center;
}
/*	-------------------
	----- Sidebar ----- 	
	-------------------	*/

div.sidebar{

	padding:5px;
	position:relative;
	float:left;
	background-color:#EE9;
	border: 1px solid #300;
	height:auto;
	width:20%;
	line-height:2em;

	top:40px;	
}

/*	Sidebar Links	*/

div.sidebar a{
	display:block;

	position:relative;
	text-indent:10px;
	/*text-align:center;*/	
	font-size:1.1em;
	text-decoration:none;

	color: #820100;
	background:#FFBB66;
	
	border-top: 1px solid #FB6;
	border-bottom: 1px solid #FB6;

	width:100%;
	height:2em;
}
div.sidebar a:link, div.sidebar a:visited {
	color: #820100;
}
div.sidebar a:hover  {
	border-top-color: #7c3c10;
	border-bottom-color: #7c3c10;
	/*color: #E73310;*/
	color: #330000;
	background:#EE8877;

	width:102%;
	left:-1%;	
}
#twitter_div{
	font-size:90%;
	padding:5px;
	position:relative;
	float:left;
	/*background-color:#EE9;	
	line-height:2em;*/
	border: 1px solid #300;
	height:auto;
	width:20%;

	top:40px;	

}
#twitter_div h2{
	padding:0px;
	font-size: 100%;
	text-align:center;
}
#twitter_div ul{
	list-style-position:inside;
	list-style-type:circle;
	margin:0px;
	padding:0px;
}
#twitter_div #twitter-link{
	display:block;
	text-align:right;
}
/*----------------------------- 
			HEADERS 
-------------------------------*/
/*--- Page header ---*/
h1{
	position:absolute;
	font-size:1.2em;
	color:#830011;
	left: 120px;
	top: 35px;
}
/*--- Actual text headers ---*/
h2{
	font-size:1.1em;
	color:#312;
}
/*-- Deep Emphasis --*/
.emph{
	font-style:italic;
	font-weight:bold;
}
/*--------------
	LINKS
--------------*/
a:link { 
	color:#900;}
a:visited { 
	color: #A11;}
a:hover, a:active{ 
	color: #B11;}

