html, p, h1, h2, h3, h4, h5, h6, form, fieldset, ul, li {
margin: 0; 
padding: 0; 
border: 0; 
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td,th,tr {
	font-size: 10px;
	color: #FFFFFF;
}
ul {
	line-height: 14px;
	color: #666666;
}
li {
	line-height: 14px;
	list-style-position: outside;
	margin-left: 17px;
	list-style-type: disc;
}
h1 {
	font-size: 18px;
	color: #00AFDB;
	font-weight: lighter;
}
h2 {
	line-height: 14px;
	color: #666666;
	font-size: 10px;
	font-style: italic;
	font-weight: lighter;
}
h3 {
	font-size: 12px;
	color: #00AFDB;
	font-style: italic;
	font-weight: lighter;
}
#container {
	width: 785px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#top {
	width: 781px;
	height: 248px;
	background-image:url(../media/header1.png)
}
#topMenu1 {
	float: left;
	width: 160px;
	background-color: #00AFDB;
	margin-top: 35px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 0px;
	margin-right: 581px;
}
#topMenu {
	float: left;
	width: 160px;
	background-color: #00AFDB;
	margin-top: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 0px;
	margin-right: 581px;
}
#leftsideMenu {
	float: left;
	width: 150px;
	background-color: #00AFDB;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 7px;
	margin-left: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-right: 5px;
}

#news-container
{
	height: 100%;
	min-height: 400px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}

#main-container {
	height: 100%;
	min-height: 400px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}

#storyshort {
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story400 {
	height: 400px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story500 {
	height: 500px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story600 {
	height: 600px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story650 {
	height: 650px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story700 {
	height: 700px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story900 {
	height: 900px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story1100 {
	height: 1100px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story1200 {
	height: 1200px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story1400 {
	height: 1400px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#story1700 {
	height: 1700px;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
	width: 410px;
}
#leftColumn {
	float: left;
	width: 160px;
	padding-left: 0px;
	margin-top: 10px;
	height: 600px;
	margin-left: 0px;
}
#leftColumn400 {
	float: left;
	width: 160px;
	padding-left: 0px;
	margin-top: 10px;
	margin-left: 0px;
	height: 400px;
}
#rightColumn {
	float: right;
	width: 170px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 600px;
}
#rightColumn400 {
	float: right;
	width: 170px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 400px;
}

/* news pager */

#sidebar_news {
	float: right;
	width: 160px;
	height: 250px;
	padding-top: 10px;
	background-image: url(../media/Home-page-henley-2.jpg);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-right: 4px;
}

#rightColumn td {
	color: #000000;
}
#sidebar_pic_blue {
	background-color: #00AFDB;
	float: left;
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	height: 226px;
	margin-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 5px;
}
#sidebar_pic_left {
	float: left;
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	height: 246px;
	margin-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 5px;
}
#sidebar_menu_left {
	float: left;
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	height: 246px;
	margin-left: 0px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-color: #00AFDB;
}
#sidebar_menu_left2 {
	float: left;
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	height: 63px;
	margin-left: 0px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-color: #00AFDB;
}
#sidebar_menu_left3 {
	float: left;
	width: 160px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	height: 145px;
	margin-left: 0px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background-color: #00AFDB;
}
#sidebar_pic_right {
	float: right;
	width: 160px;
	margin-top: 10px;
	height: 246px;
	padding-bottom: 20px;
	margin-bottom: 5px;
	padding-right: 4px;
}
#sidebar_pic_rightsubpage {
	float: right;
	width: 160px;
	margin-top: 0px;
	height: 246px;
	padding-bottom: 20px;
	margin-bottom: 5px;
	padding-right: 4px;
}
#sidebar {
	background-color: #D1D1A3;
	float: left;
	width: 180px;
	padding-right: 10px;
	padding-left: 0px;
	margin-top: 10px;
	height: 172px;
	margin-left: 2px;
}
#sidebarlinks {
	float: left;
	width: 170px;
	background-color: #FFFBDA;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-left: 2px;
}
#navbar {
	background-color: #FFFFFF;
	height: 37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#footer {
	background-color: #00AFDB;
	height: 20px;
	padding-bottom: 2px;
}
.Clear {
	clear: both;
}
.imageLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

a.nav1:link {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
a.nav1:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
#navbar td:hover{
	background-color: #918F56;
}
a.nav1:hover {
	font-size: 10px;
	color: #B5B36C;
	text-decoration: none;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
a.nav2:link {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
a.nav2:visited {  
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
a.nav2:hover {
	font-size: 11px;
	color: #FFFF00;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
a.nav3:link {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.nav3:visited {  
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.nav3:hover {  
	font-size: 11px;
	color: #918F56;
	text-decoration: none;
}
a.nav4:link {
	font-size: 10px;
	color: #FF00FF;
	text-decoration: none;
	text-decoration: none;
}
a.nav4:visited {  
	font-size: 10px;
	color: #FF00FF;
	text-decoration: none;
}
a.nav4:hover {  
	font-size: 10px;
	color: #9900CC;
	text-decoration: none;
}
a.nav5:link {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.nav5:visited {  
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.nav5:hover {  
	font-size: 11px;
	color: #FFFF00;
	text-decoration: none;
}
a.nav6:link {
	font-size: 11px;
	color: #FFFF00;
	text-decoration: none;
}
a.nav6:visited {  
	font-size: 11px;
	color: #FFFF00;
	text-decoration: none;
}
a.nav6:hover {  
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
}
#sidebarlinks ul {
	list-style-type: none;
	list-style-position: outside;
}
#sidebarlinks ul li {
	padding-top: 8px;
}
#story p, #storyshort p, #story400 p, #story600 p, #story650 p, #story700 p, #story900 p, #story500 p, #story1100 p, #story1200 p, #story1400 p, #story1700 p {
	line-height: 14px;
	color: #666666;
}

#rightColumn p, rightColumn400 p {
	color: #666666;
}
#footer p {
	color: #FFFFFF;
}
.style1 {
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
}
.style2 {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 20px;
}
.style2a {
	font-size: 11px;
	color: #FFFF00;
	text-decoration: none;
}
.style7 {
	font-size: 11px;
	color: #FFFF00;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.style3 {
	color: #00AFDB;
}
.style5 {
	font-size: 12px;
	font-style: italic;
	color: #00AFDB;
	font-weight: bold;
}
.style6 {
	font-size: 12px;
	color: #FFFFFF;
}
#navbar tr {
	text-align: center;
}
.imagebottom300 {
	padding-top: 300px;
}


/* NEW STYLES FOR CMS AND .NET CONTROLS */


/* bulletins user control */

table.Bulletins {  margin: 10px 5px 5px 0; padding: 0; width: 98%; border: 1px solid #00AFDB; 
                                border-collapse: collapse; border-spacing: 0;  }
table.Bulletins th { background-color: #00AFDB; font-weight: bold; color: #fff; padding: 3px; 
                                                   border: 1px solid #C9E6F8; font-size: 1.2em !important;}
table.Bulletins th.text-left { text-align: left !important; }
table.Bulletins tr.header td { background-color: #00AFDB !important; font-weight: bold !important; 
                                                             color: #fff !important; }
table.Bulletins td { width: 50%; text-align: center; vertical-align: top; font-weight: normal; 
                                                   color: #000; padding: 5px; border: 1px solid #00AFDB; }
/* images */
table.Bulletins td img.index-icon { width: 22px; height: 22px; border: 0 !important;  }
table.Bulletins td img.graph-image { border: 0; margin: 0; }

/* news list */
ul#news-list { margin: 0; padding: 0; border: 0;}
ul#news-list li { clear: both; display: block !important; margin: 10px 0 10px 0 !important; padding: 0 0 0 15px; border: 0; 
                              background: url(../Images/bullet.gif) 0 12px no-repeat; height: 45px;  list-style-type: none;}
ul#news-list li img.thumb { float: left; clear: both; height: 40px; width: 40px; border: 2px solid #FF00FF !important; margin: 3px;}
ul#news-list li a { margin: 0; padding: 0; color: #FF00FF !important; text-decoration: none !important;}
ul#news-list li a:hover, ul#news-list li a:hover { text-decoration: underline !important;}


/* news pager */
span.pager-link {color: #fff; background-color: #00AFDB; padding: 2px; }
span.pager-link a { color: #FF00FF; text-decoration: none; }
span.pager-text { display: block;  margin: 5px 0 0 0; color: #fff; background-color: #00AFDB; padding: 2px; }
span.pager-text a { color: #FF00FF; text-decoration: underline; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CMS STAFF AREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*login */
div#wrapper { margin: 20px auto 0 auto; width: 800px; padding: 0; font-size: 1.1em !important; }
div#wrapper h1 { margin: 0 auto 0 auto !important; width: 40%; }

table.login { padding: 0; border: 0; width: 350px; margin: 10px auto 0 auto;  }
table.login th { padding: 3px; border-top: 0; border: 1px solid #C9E6F8; background-color: #00AFDB; color: #fff; text-align: left;}
table.login td { padding: 3px; border:1px solid #C9E6F8; text-align: left; color: #00AFDB !important;}
table.login td a { color: #FF00FF !important; text-decoration: none;}
table.login td a:hover, table.login td a:focus { text-decoration: underline !important;}

table.login td input {border:1px solid #C9E6F8; color: #FF00FF;}
table.login td input.input-username { margin: 0; padding: 0; float: none; display: inline; width: 120px; border: 1px solid #C9E6F8;  } 
table.login td input.input-password { margin: 0; padding: 0; float: none; display: inline; width: 120px; border: 1px solid #C9E6F8;  } 
table.login td input.login-button { margin: 3px 5px 0 0; float: none; display: inline; width: 50px; border: 0; 
background-color: #00AFDB; font-weight: bold; color: #fff; padding: 3px; font-size: 0.9em; cursor: pointer;}
table.login td input.login-button:hover, table.login td input.login-button:focus { color: #FF00FF !important; }


/* GridView and DetailsView CSS class for tables */
table.User-Table { width: 95% !important; position: relative; }
table.User-Table th { padding: 3px; border-top: 0; border: 1px solid #C9E6F8; background-color: #00AFDB; color: #fff; text-align: left;}
table.User-Table td { padding: 3px; border:1px solid #C9E6F8; text-align: left;}
table.User-Table tr.bold td { font-weight: bold; }

/* standard style for all fieldsets */
fieldset { width: 90%; padding: 15px; border: 1px solid #C9E6F8;   }
legend { color:#1B4A7E; padding:5px 3px 10px 3px; font-weight: bold;}

/* input buttons */
input.Admin { margin: 5px 5px 0 0; float: none; display: inline; width: 200px; border: 0; 
background-color: #00AFDB; font-weight: bold; color: #fff; padding: 3px; font-size: 0.9em;}
input.Admin:hover, input.Admin:focus { color: #FF00FF !important; cursor: pointer;}


/* NEWS ITEMS */

a.link { color: #FF00FF !important; text-decoration: none;}
a.link:hover, a.link:focus { text-decoration: underline !important;}


/* add news */
fieldset#add-news table.add-news { width: 100%; border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; }
fieldset#add-news table.add-news td { padding: 3px; border: 0; vertical-align: top !important; color: #000 !important; }
fieldset#add-news table.add-news td.text-cell { width: 35%; }
fieldset#add-news table.add-news td.control-cell { width: 65%;  }
fieldset#add-news table.add-news input { color: #000; width: 250px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C9E6F8;  }
fieldset#add-news table.add-news input.TextBox { color: #000; width: 250px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C9E6F8;  }
fieldset#add-news table.add-news textarea.TextArea { font-family: MS Shell Dlg; font-size: 1.2em; color: #000; width: 250px; height: 150px; 
                                                                                   margin: 0 2px 0 0; padding: 1px; border: 1px solid #C9E6F8;  }
fieldset#add-news table.add-news input.FileUpload { color: #000; width: 225px; margin: 0 5px 0 0; padding: 1px; border: 1px solid #C9E6F8;  }

fieldset#add-news input.Button { width: 20% !important; border: 0 !important; background-color: #00AFDB;
padding: 3px; font-size: 0.9em; margin: 0; font-weight: bold; color: #fff !important; }
fieldset#add-news input.Button:hover, 
fieldset#add-news input.Button:focus { color: #FF00FF !important; cursor: pointer; }


/* edit news grid and detailsview */
table.NewsSkin { margin: 5px; padding: 0; width: 90%; border: 1px solid #C9E6F8; 
                                border-collapse: collapse; border-spacing: 0; font-size: 1em; }
table.NewsSkin th { background-color: #C9E6F8; font-weight: bold; color: #1B4A7E; padding: 3px; border: 1px solid #C9E6F8; }
table.NewsSkin th.text-left { text-align: left !important; }
table.NewsSkin td { vertical-align: top; font-weight: normal; color: #000; padding: 3px; border: 1px solid #C9E6F8; }
table.NewsSkin td.centre-all { width: 50%; text-align: center;}

table.NewsSkin tr.header td { background-color: #00AFDB !important; font-weight: bold !important; color: #fff !important; }
table.NewsSkin td.text-cell { width: 25% !important; }
table.NewsSkin td.control-cell { width: 75% !important;  }
table.NewsSkin td a {  color: #FF00FF !important; text-decoration: none; }
table.NewsSkin td a:hover, table.NewsSkin td a:hover  {  text-decoration: underline; }

/* images */
table.NewsSkin td img.thumbnail { width: 75px; height: 75px; border: 2px solid #FF00FF !important;  }
table.NewsSkin td img.news-image { float: left; margin: 0 5px 5px 0; /*width: 350px; height: 400px;*/ 
                                               border: 2px solid #FF00FF !important; }
/* forms */
table.NewsSkin input.TextBox { font-size: 1.0em !important;  color: #000; width: 325px; margin: 0 2px 0 0; padding: 1px; border: 1px solid #C9E6F8;  }
table.NewsSkin textarea.TextArea { font-family: MS Shell Dlg; font-size: 1.0em !important; color: #000; width: 325px; height: 150px; 
                                                                                     margin: 0 2px 0 0; padding: 1px; border: 1px solid #C9E6F8;  }
table.NewsSkin input.FileUpload { color: #000; width: 225px; margin: 0 5px 0 0; padding: 1px; border: 1px solid #C9E6F8;  }


/* shared styles */
.red-bold { color: Red; font-weight: bold;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.footer-text { font-size: 0.85em !important; text-align: left !important;}
.text-left { text-align: left !important; }