/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
      background:  url(img/spiral_gradient.jpg) repeat-x fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center; /* IE Fix */
	margin: 0;
	color: #666;
	}
acronym { cursor: help; border-bottom: 1px dashed #999; }
a { text-decoration: none; color: #369; border-bottom: 1px dashed #369; }
a:hover { border-bottom: 1px dashed #49515C; color: #333333; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 740px;
	background: #fff url(img/dot_line-purple.jpg) repeat-y 25%;
	border: 1px solid #ddd;
	padding: 0 5px;
	text-align: left; /* Cancel IE Fix */
	}
#container h1 { 	
	margin: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	cursor: default;
	}	
#container h2 { 	
	margin: 0;
	color: #FFFFFF;
	font-size: 1em;
	padding-left: 1px;
	cursor: default;
	}	
	.green {
	color:#336666;
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	background: #336666 url(img/header_right.jpg) no-repeat 100% 0;
	border-bottom: 4px solid #fff;
	border-top: 5px solid #fff;
	height: 46px;
	padding: 28px 30px;
	}	
#header h1 { 	
	margin: 0;
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	cursor: default;
	}	
#header h2 { 	
	margin: 0;
	color: #FFFFFF;
	font-size: 1.2em;
	padding-left: 1px;
	cursor: default;
	}	

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#nav {
	background: #606;
	border-bottom: 4px solid #fff;
	margin: 0;
	padding: 0;
	height: 2.2em;
	}
#nav li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}		
#nav li a { 
	text-decoration: none; 
	color: #fff;
	background-color: rgb(153,204,204);
	border-right: 4px solid #fff; 
	border-bottom: 0;
	padding: 3px 8px;
	font-size: 1em;
	float: left;
	font-weight: bold;
	}
#nav li a:hover { background-color: #909; }
#nav li a.on { background-color: #606; color: #CCCCCC; }

/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 175px;
	position: relative;
	line-height: 20px; 
	word-spacing: 2px;	
	}
#sidebar div { background: #fff url(img/para_bg2b.jpg) repeat-x; }	
/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3{ 
	font-size: 1.1em; 
	color: #FFF; 
	margin: 0 10px 0 0; 
	cursor: default;
	}
#content h3 {
	font-size: 1.1em; 
	color: #666; 
	margin: 0 10px 0 0; 
	cursor: default;
}
#content h4 {
	font-size: 1.1em;
	font-weight: bold; 
	color: #033; 
	margin: 0 10px 0 0; 
	cursor: default;
}
#content div, #sidebar div { 
	padding: 1px 0 10px 0;  
	border-top: 1px solid #ddd; 
  padding: 10px;
	}	
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	float: left;
	width: 550px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;	
	}	
#content div { background: #fff url(img/para_bg.jpg) repeat-x; }	
blockquote {
  background: transparent url(img/openquote.png) left top no-repeat;
}
blockquote p {
  padding: 0 48px;
  background: transparent url(img/closequote.png) right bottom no-repeat;
}
img.floatleft {
float: left;
margin: 10px 10px 0px 0px;
border: 0px solid #666;
padding: 2px;
	 }
img.floatright {
float: right;
margin: 0 0 10px 10px;
border: 0px solid #666;
padding: 2px;
	 }

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	background: #606 url(img/spiral.png) no-repeat 100% 0;
	border-bottom: 5px solid #fff;
	border-top: 10px solid #fff;
	text-align: center;	
	color: #fff;
	font-size: 0.8em;
	padding: 10px;
	line-height: 16px;
	clear: both;
	}
	
#footer a { text-decoration: none; color: #A2AFBF; border-bottom: 1px dashed #A2AFBF; }
#footer a:hover { border-bottom: 1px dashed #fff; color: #fff; }
ul {
	list-style-image: url(img/verysmallspiral.png);
}
#smalltable { font-size: 10px; text-align: left; line-height: 12px}

p#links {position: relative; font: 12px Verdana, sans-serif; z-index: 1;}
p#links a {display: block; text-align: left; font: 1em sans-serif; 
   padding: 0; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #000; 
}
p#links a:hover {color: #990000; background: #fff;
  }

p#links a img {display:none; height: 0; width: 0; border-width: 0; height:auto; width:auto;}
p#links a:hover img {display:inline; position: relative; top:5px; left: -300px; }