/* Overall Page */
body
{
	margin: 0;
	background-color: #808080;
	color: #000000;
	font-family: 'Trebuchet MS' ,Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	vertical-align: top;
	font-size:62.5%;
}

hr
{
	color: #ffd700;
	height: 1px;
	margin-left:15px;
	margin-right:15px;
}

#bad_angling_featured_product
{
	color: #dcdcdc;
	padding-right: 0.3em;
	text-align: center;
}

#bad_angling_featured_product p
{
	 font-size:1.2em;
	 	margin:0;
	padding:0.6em;
}

#bad_angling_featured_product h2
{
 margin:0;
 padding:0;
}

#newsletter
{
	color: #dcdcdc;
	padding-right: 0.3em;
	text-align: center;
}

#newsletter p
{
	font-size:1.2em;
	margin:0;
	padding:0.6em;
}

#newsletter h2
{
 margin:0;
 padding:0;
}

#newsletter .email p
{
	color: #ff0;
	margin: 0;
	 padding:0;
}

#newsletter .email
{
	text-align: center;
}

/* Wrapper section */
#wrapper
{
	/*width: 960px; width: 50em;*/
	min-width:860px;
	background-color: #606060;
	margin-left: 2em;
	margin-right: 2em;
	vertical-align: top;
	border-right: #040404 1px solid;
	border-left: #040404 1px solid;
	border-bottom: #040404 1px solid;
}

/* Header Section */
#header
{
	border-top: 3px solid #ffd700;
	border-bottom: 1px solid #040404;
	height: 4.6em;
	vertical-align: bottom;
}
#header .title
{
	font-size: 3em;
	font-weight: bold;
	color: white;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
	text-decoration:none;
}

#header .title a
{
	text-decoration:none;
}

#header .tag
{
	font-size: 1.3em;
	color: #ffffff;
	margin-right: .8em;
	font-weight: bold;
	float: right;
	margin-top: 2.0em;
}

.WhatsNew
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	color: #dcdcdc;
}

.WhatsNew h2
{
	 margin:0;
	 padding:0;
	 font-size:1.2em;
}

.WhatsNew p
{
	font-size:0.9em;
		 margin:0.6em;
	 padding:0;
}

#breadcrumb
{
	height: 1.5em;
	color: #303030;
	background-color: #ffd700;
	border-bottom: #040404 1px solid;

	font-size: 1.2em;
}

#breadcrumb .links
{
	margin-left: 0.7em;
	float: left;
}

#breadcrumb .date
{
	margin-right: 1.2em;
	float: right;
}

#breadcrumb a
{
	color: #3f3f3f;
}

/* Links */
a, a:link, a:visited
{
	color: white;
	text-align: left;
}

/* Navigation */
#navigation
{
	width: 13em;
	top: 6em;
	left: .8em;
	margin-left: .25em;
	margin-top: 0.5em; /*float: left;*/
	font-size: 1.4em;
}

#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height:1.3em;
}

#navigation li a
{
	display: block;
	padding: 5px 5px 5px 0.2em;
	border-left: 4px solid #606060;
	border-right: 0px solid #606060;
	background-color: #606060;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover
{
	background-color: #555;
	color: #FFFFFF;
}


#nav_links ul
{
   padding-bottom:0.9em;
}

#google
{
}

#GoogleSide
{
	border-top: #ffd700 1px solid;
	margin-top: 0.6em;
	margin-left: 0.3em;
}

.footnote
{
	border-top: #ffd700 1px solid;
	font-family:Trebuchet MS;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #dcdcdc;
	padding: 3px;
}

#left_side
{
	float: left;
	width: 170px;
}

#right_side
{
	float: right;
	width: 160px;
}



/* Main Content */
#content
{
	/*margin-left: 12em; 	margin-right: 2em;*/
	margin-left: 18em;
	margin-right: 17em;
	vertical-align: top;
	padding-left:15px;
	padding-right:15px;
	zoom:1;	 /* This hack stops IE7 jumping content down when divs get too narrow - Rich */
	/* above hack, stopped clean build in VS 2008. */
	/* Above hack builds fine on my machine and has to stay in to stop admin tables 'popping'
		down the page in IE7 when the browser window is resized down in width - Rich */
}

#content p
{
	font-size: 1.2em;
	line-height: 1.6em;
	color: #dcdcdc;
	margin-left: 1em;
}

#content ul
{
	font-size: 80%;
	line-height: 1.6em;
}

/* HTML Styles */
h1
{
	font-size: 2.5em;
	color: #ffd700;
	display: inline;
}

h2
{
	font-size: 1.6em;
	font-style: italic;
	color: #ffffff;
	margin-bottom: 0.5em;
	padding: 0;
}

h3
{
	font-size: 1.2em;
	color: #ffffff;
}

#ContactTable
{
	font-size: 1.2em;
	color: #ffd700;
	text-align: right;
	margin-right: 7em;
	margin-left: 3em;
	vertical-align: top;
	border: #bbbbbb 2px dashed;
	padding: 10px;
}

#ContactTable span
{
	vertical-align: top;
}

.Poll
{
	padding: 0.5em;
	border-top: #ffd700 1px solid;
	border-bottom: #ffd700 1px solid;
	color: #dcdcdc;
	font-weight: bold;
}

.PollHeader
{

	color: #dcdcdc;
	font-weight: normal;
}

.PollBody
{
	font-size: 0.85em;
	line-height: 1.6em;
	color: #dcdcdc;
	margin-left: 1em;
}

.PollFooter
{
	text-align: center;
}

.PollFooter a
{
	font-size: x-small;
}

.graph
{
	position: relative;
	width: 13em;
	font-size: 90%;
	border: #ffd700 1px solid;
	height: 0.5em;
}
.graph .bar
{
	display: block;
	position: relative;
	background: #009933;
	text-align: center;
	height: 0.5em;
}
.graph .bar span
{
	position: absolute;
	left: 1em;
	height: 0.5em;
}

.PollResultsBody
{
	margin-left: 4.5em;
	border-right: yellow thin dashed;
	border-top: yellow thin dashed;
	border-left: yellow thin dashed;
	border-bottom: yellow thin dashed;
	width: 12.6em;
	font-size:1.3em;
}

.HeaderStyle
{
	background-color: #900;
	color: White;
	font-weight: bold;
}

.footer
{
	text-align: center;
	font-size: 1.2em;
	color: #303030;
	background-color: #ffd700;
	font-weight: bold;
	border-top: #040404 1px solid;
	border-bottom: #040404 1px solid;
	margin-top: 1em;
	width: 100%;
	clear: both;
}

.footer a
{
	color: #006600;
}

ul
{
	font-size: 80%;
	line-height: 1.6em;
	color: #ffffff;
	margin-left: 4em;
	font-weight: bold;
	font-style: italic;
}

.Centered
{
	text-align: center;
}

.LeftImage
{
	float: left;
	padding-right: 15px;
}

.RightImage
{
	float: right;
	padding-left: 15px;
}