html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family:tahoma;
	color: rgb(51,51,51);
	
}
html {background:#ffffff;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html 				{-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}

h1, h2, h3, h4, h5, big {font-family:'Century Gothic', 'tahoma', 'Arial'; font-size:25px; font-weight:700; line-height:1; display:block; letter-spacing:-0.04em\9; }

h1 					{
	font-size:28px;
	margin:40px 0px 0px 0px;
	padding:0 0 12px 0;
	width:100%;
	padding:10px 0 10px 0;
	color: #006600;
}

h2 					{
	font-size:24px;
	margin:0px 0px 14px 0px;
	color:#006600;
}
h3 					{
	font-size:24px;
	margin:0px 0px 12px 0px;
	color:#006600;
}
h4					{
	font-size:21px;
	margin:0px 0px 24px 0px; 
	color:#666; 
	font-weight:normal;
}
h5 					{
	font-size:24px;
	margin:0px 0px 14px 0px;
	color:#006600;
}
p, li {
	font-family:Tahoma;
	font-size:16px;
	color:#444;
	line-height:24px;
}	
p {
	margin:0 0 24px 0;
	font: tahoma;
}
strong {
	font-weight:bold;
	font-family: Tahoma;
}
.topline	 {
	height:30px;
	margin: auto;
	position:relative;
	text-indent:600px;
	text-align:center;
	padding:10px 0px 0px 0px;
	background-color:rgb(51,51,51);
}
.top	 {
	height:150px;
	margin:auto;
	position:relative;
	background-color:#ffffff;
}
a.logo  {
	display: block;
	width: 352px;
	height: 300px;
	background: url(../img/logo.png) 10px 15px no-repeat;
	padding: 10px 0px 0px 0px;
	text-indent: -9999px;
	position: relative;
	left: 0px;
}
p.quote {
	display: block;
	width: 600px;
	height: 36px;
	position: absolute;
	left: 420px;
	top: 36px;
	font-size:28px;
	color: #333333;

}
p.quote2 {
	display: block;
	font-size:24px;
	color:#003300;
	text-align:center
}
em {
	font-style: italic;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         {
	position: absolute;
	right: -190px;
	top: 95px;
	width: 700px;
	padding: 0;
	z-index: 999;
}
ul.dropdown li                      {
	float: left;
	zoom: 1;
	margin: 0;
}
ul.dropdown a:hover		            {
	color: #000000;
	text-decoration: underline;
}
ul.dropdown a:active                {
	color: #003300;
}
ul.dropdown li a                    {
	display: block;
	padding: 18px 30px 8px 30px;
	color: #333333;
	float: left;
	height: 36px;
	width: auto;
	text-decoration: none;
	font-size: 16px;
	}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {

	color: #030;
	position: relative;
	text-decoration: none;
	font-family: tahoma;
}
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{
	width: 260px;
	height: auto;
	padding-bottom:15px;
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 60px;
	z-index: 999;
	background:rgba(204,204,204,0.85);

}
ul.dropdown ul li 					{
	font-weight: normal;
	background: black;
	color: #C99;
	float: none;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{
	border-right: none;
	width: 100%;
	display: inline-block;
	height: 10px;
	color: rgb(51,51,51);
} 
ul.dropdown li:hover > ul 			{ visibility: visible; }

.green-button{
    background: url('../img/button-green.png') no-repeat scroll 0px 0px transparent;
    width: 148px;
    height: 30px;
    display: block;
	border-radius:3px;
    padding: 0px 0px 0px 0px;
	line-height:28px;
	text-indent:1.0em;
    color: #000;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
}

.arrow-up {
    display: block;
    position: absolute;
	border-radius:8px;
    right: 0px;
    top: -24px;
    width: 60px;
    height: 60px;
    background: url('../img/nav-up-arrow.png') no-repeat scroll 0px 0px transparent;
    text-indent: -9999px;
}

.fullwide				{margin:0 auto;  }
.middle-container 	    {margin:0 auto; width:940px; position:relative;  padding:0px 0px;}
.black					{margin:0 auto;   background-color:#2E2E2E; padding:0px; color:#CCC; }
.black-footer			{margin:0 auto;   background-color:#2E2E2E; padding:0px; height:180px }


.four-column {width:190px; float:left; }
.three-column {width:350px; float:left; }
.two-column	{width:470px; margin:0px; position:relative; float:left; }

.left {padding:20px 0px 0 0px }
.right {padding:20px 0px 0 20px }

.white   {
	color: #FFFFFF;
	font-family: tahoma;
	font-weight: 600;
	text-decoration:none;
}
.grey   {
	color:#cccccc;
	font-family: Tahoma;
	text-decoration:none;
}
.greylinks   {
	color:#cccccc;
	font-family: Tahoma;
	text-decoration:none;
}


.lgrey   {
	color:#cccccc;
	font-family: Tahoma;
	text-decoration:none;
}

ul.grey li {float:left; padding:0 20px 0 0; }
ul.grey li a {float:left; padding:0 20px 0 0; }
ul.white li {float:left; padding:0 20px 0 0; text-decoration:none;}
ul.white li a {float:left; padding:0 20px 0 0; text-decoration:none;}
ul.lgrey li {float:left; padding:40px 20px 0 0; }
ul.lgrey li a {float:left; padding:20px 20px 0 0; }
ul.bgrey li {float:left; padding:10px 20px 0 0; }
ul.bgrey li a {float:left; padding:10px 20px 0 0; }
ul.greylinks li {float:left; padding:0 20px 0 0;}
ul.greylinks li a {float:left; padding:0 20px 0 0;}
.greylinks:hover   {
	color: #ffffff;
	text-decoration: underline;
}

.image-text {
	width:150px;
	font-style:italic;

	}

ul.image-text li {font-size:16px;}
ul.image-text li a {	font-style:italic; font-size:16px;}

.border {
	padding:1px; 
	border:1px solid #CCC; 
	width:800px; 
	height:600px; 
	}

.banner  {
	margin:auto;
	background-color:#e8e8e8;
	font-family: Tahoma;
}
.banner-grey  {
	margin:auto;
	background-color:#e8e8e8;
	height:160px;
	position:relative;

}

.banner-image2 {
	background:url(../img/banner_back.png) 0 0 no-repeat;

	height:280px;
	width:960px;
	position:relative;
}
.banner-image {
	background:url(../img/banner_swale5.png) 0 0 no-repeat;
	height:280px;
	width:960px;
	position:relative;
}

.banner-image ul li:first-child {
	margin:auto;
}
.main {
	margin:auto;  
}
.footer {
	background:url(../img/feedback.png) 0px 40px no-repeat;
	margin:auto;
	height:160px;
	position:relative;
	background-color:#006600;

}



.accred {margin:auto; height:100px; background-color:#333333; }
.base {margin:0 auto; background-color:#333333; padding:0px; height:180px; }
.base p {color:#999; padding:10px 0 }
.container	 {
	margin:auto;
	width: 960px;
	position:relative;
} 

.bannerport {
	background:url(../img/banner_port.png) 0 0px no-repeat;
}
.bannerpath {
	background:url(../img/banner_pathway.png) 0 0px no-repeat;
}
.bannerlinks {
	background:url(../img/banner_links.png) 0 0px no-repeat;
}
	

.bodyblocks	 {
	width: 440px;
	float:left;
	padding:20px 40px 0px 0;
} 
.feedback  	{
	background:url(../img/feedback.png) 0 0px no-repeat;
	padding:0 0 0 0px;
	width:30px;
	height:30px;

}
.feedback:after	{
	content:url(../img/X1.png);
	width:30px;
	height:30px;
}

ul.footer li {float:left; padding:40px 20px 0 0 ;}
ul.footer li a {float:left; padding:20px 0 0 0; }

ul.banner-grey li {float: none; padding:0px 20px 0 0 ;}
ul.banner-grey li a {float:left; padding:0px 20px 0 0;}

ul.container li {float:left; padding:40px 20px 0 0 ;  text-align:center;}
ul.container li a {float:left; padding:20px 0 0 0; text-align:center;}

.clear {clear:left}

.grey-bg {
background-color:#e8e8e8;
	margin:0px 0 0 0;
	font-family: Tahoma;
	 border-radius:8px;
	}

ul.list {margin:0 0 0 0px;
    margin: 0 0 0 10px;
    padding: 0px 30px;}

ul.list li {
    list-style: disc outside;
	padding:5px 0;
   
}
ul.list_2 {margin:0 0 0 10px;
    margin: 0 0 0 10px;
    padding: 0px 30px;}

ul.list_2 li {
    list-style: none outside;
	padding:5px 0;
   
}
.accred {
	background:url(../img/NOTYET.png) 470px 20px no-repeat;
	padding:40px 400px 20px 0;
	line-height:30px
}
.image_padding {
	padding:20px 20px 20px 50px; }
	


#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    <span class="code-comment">/* Clear floats */</span>
    float:left;
    width:100%;
    <span class="code-comment">/* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */</span>
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#fff;
    background:#333;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
}


#nav ul{
    background:#fff; <span class="code-comment">/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */</span>
    background:rgba(255,255,255,0); <span class="code-comment">/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */</span>
    list-style:none;
    position:absolute;
    left:-9999px; <span class="code-comment">/* Hide off-screen when not needed (this is more accessible than display:none;) */</span>
}
#nav ul li{
    padding-top:1px; <span class="code-comment">/* Introducing a padding between the li and the a give the illusion spaced items */</span>
    float:none;
}
#nav ul a{
    white-space:nowrap; <span class="code-comment">/* Stop text wrapping and creating multi-line dropdown items */</span>
}
#nav li:hover ul{ <span class="code-comment">/* Display the dropdown on hover */</span>
    left:0; <span class="code-comment">/* Bring back on-screen when needed */</span>
}
#nav li:hover a{ <span class="code-comment">/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */</span>
    background:#6b0c36;
    text-decoration:underline;
}
#nav li:hover ul a{ <span class="code-comment">/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */</span>
    text-decoration:none;
}
#nav li:hover ul li a:hover{ <span class="code-comment">/* Here we define the most explicit hover states--what happens when you hover each individual link. */</span>
    background:#333;
}
*/