*{margin: 0px; padding: 0px;}

body { font-family:Arial, Helvetica, sans-serif; color:#424242; /*overflow-y:scroll;*/ padding-bottom:20px;}


/* ADMIN STRIP */
#Admin {width:100%; background-color:#f4f4f4; }
#AdminInner {width:910px; margin:auto; padding:10px 20px 10px 20px;}



/* MAIN STRUCTURE */
#Shell {width:950px; margin:auto; position:relative;}
#Shell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#Shell {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #Shell {height: 1%;} 
#Shell {display: block;} 
/* End hide from IE-mac */

#Header {width:950px; height:130px; background-color:#f4f4f4;}

#NavigationTop {width:910px; height:31px;}


#MainContent {width:613px; background-color:#ffffff; }
#MainContent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#MainContent {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #MainContent {height: 1%;} 
#MainContent {display: block;} 
/* End hide from IE-mac */



/* TYPOGRAPHY */
h1 { padding:0px 0px 15px; font-size:1.60em; font-family:arial; color:#424242; font-weight:bold; }
h2 { padding:0px 0px 10px; font-size:1.30em; font-family:arial; color:#424242; font-weight:bold; }
h3 { padding:0px 0px 10px; font-size:1.10em; font-family:arial; color:#424242; font-weight:bold; }
h4 { padding:0px 0px 20px; font-size:1.00em; font-family:arial; color:#424242; font-weight:bold; }

p { padding:0px 0px 10px 0px; font-size:0.75em; font-family:arial; color:#424242; line-height:15px;}
a { color:#439639; text-decoration:none; font-family:arial;}
a:hover { color:#000; text-decoration:underline; font-family:arial;}

p.AdminText { font-size:0.75em; font-family:arial; color:#000000; padding: 0px 0px 0px 0px; }
p.AdminText a { color:#999999; text-decoration:none; font-family:arial; font-weight:bold; }
p.AdminText a:hover { color:#000000; text-decoration:underline; font-family:arial; font-weight:bold; }



/* FORM SYTLE */
div.contact-form {font-size:0.75em;}
div.contact-form dl {  }
div.contact-form dt { float:left; width:130px; line-height:26px; }
div.contact-form dd { padding:0px 0px 20px 0px; }
	
div.admin-form {font-size:0.75em;}
div.admin-form dl {  }
div.admin-form dt { float:left; width:130px; line-height:26px; }
div.admin-form dd { padding:0px 0px 20px 0px; }
	
input.text, textarea {padding:4px; width:300px; font-size:1em; font-family:Arial;}	
select.select {padding:4px; font-size:1em; font-family:Arial;}
input.radio {margin-top:5px; font-size:1em; font-family:Arial;}
		
fieldset        {border:0px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:300px;}
input,
select,
textarea   {border:1px solid #ccc;padding:5px;margin:0px 0px 0 0;}
input:focus,
textarea:focus  {background:#d5e6ee;}
textarea        {font-size:0.75em; font-family:Arial; width:250px; }
label           {display:block; margin:12px 0 0; font-weight:700; font-size:0.75em; font-family:Arial; float:left; clear:left; width:130px;}
label:after     {content:": ";}
button          {float:left; clear:both; margin-left:130px; margin-top:10px; padding:2px;}

.nostyle {margin-left:0px; margin-top:0px; clear:none; margin-right:10px; width:20px; border:0px solid;}
.subbutstyle {width:200px;}
.inputSmall {width:40px;}


#AlertPanel {width:100%; padding:6px 0px 6px 0px; background-color:#83b9d0; margin-bottom:20px;}
p.AlertPanelText { font-size:0.85em; font-family:arial; color:#ffffff; padding:0px 10px 0px 10px;  font-weight:bold;}




p.main-nav { font-size:0.75em; font-family:arial; color:#424242; padding:2px 0px 2px 10px; border-bottom:1px dotted #424242; }
p.main-nav a { color:#424242; text-decoration:none; font-weight:bold; }
p.main-nav a:hover { color:#000; text-decoration:underline; }

p.sub-nav { font-size:0.75em; font-family:arial; color:#424242; padding:1px 0px 1px 40px; border-bottom:1px dotted #424242; }
p.sub-nav a { color:#424242; text-decoration:none; font-weight:bold;}
p.sub-nav a:hover { color:#000; text-decoration:underline; }

p.cal-head-text { font-size:0.75em; color:#424242; padding:0px 2px 0px 2px; }
p.cal-head-text a { color:#424242; text-decoration:none; font-weight:bold; }
p.cal-head-text a:hover { color:#000; text-decoration:underline; font-weight:bold; }

p.cal-text { font-size:0.75em; font-family:arial; color:#424242; padding: 0px 2px 0px 2px; }
p.cal-text a { color:#424242; text-decoration:none; font-family:arial; font-weight:bold; }
p.cal-text a:hover { color:#000; text-decoration:underline; font-family:arial; font-weight:bold; }





/* LAYOUT */
#content-right ul { margin:0 0 15px 25px; }
#content-right ul li { font-size:0.75em; margin-bottom:8px; }




/* ARTICLES */
.news-item { border-bottom:1px dotted; overflow:hidden; padding-bottom:30px; clear:both; }
.news-thumb { float:left;width:90px; padding:5px 0px 0px; overflow:hidden; }
.news-thumb img { border:1px solid #ccc; padding:2px; }
.news-content { float:left; width:600px; overflow:hidden; }
.news-content p { padding:0px; }


/* DOCUMENTS */
.document-item { border-bottom:1px dotted; overflow:hidden; padding-bottom:0px; clear:both; }
.document-thumb { float:left;width:50px; padding:0px 10px 0px 0px; overflow:hidden; }
.document-thumb img { border:0px solid #ccc; padding:2px; }
.document-content { float:left; overflow:hidden; }
.document-content p { padding:0px; }




/* CALENDAR */
.eventscal { position:relative; }
#add-new { position:absolute; top:15px; left:15px; }

td.cal-head { border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:0px solid #d3d3d3; border-left:0px solid #d3d3d3; padding:10px; background:#eee;}

td.cal-weekday { border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:0px solid #d3d3d3; border-left:0px solid #d3d3d3; padding:2px; background:#ffffff; }
td.cal-weekend { border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:0px solid #d3d3d3; border-left:0px solid #d3d3d3; padding:2px; background:#efefef; }
td.cal-weekend img, td.cal-weekday img { border:0px; }

#event-extras, #news-extras {padding-top:20px; border-top:1px dotted;}







.GalleryThumb {float:left; padding-right:10px; padding-bottom:10px;}
	


	
table.users { font-size:0.75em; font-family:Arial; }
table.users img { border:0px; }
td.users-header {  }
td.users-cell {  }



	
/* table */
.users {
	border:1px solid #AAAAAA;
	margin-bottom:20px;
	width:100%;
	}
	.users tr td {
		padding:5px 10px;
		}
	.users-header {
		background:#414141;
		color:#fff;
		}
	.users-cell {
		background:#fff;
		}
	.users-table a { border:0px; }
	
	
	
/* Thumbnail */
.thumb-form {
	margin:20px 0px;
	padding-bottom:35px;
	border-bottom:1px dotted;
	}
.thumb-preview {
	margin-bottom:30px;
	}

/* My Changes */
p { margin:5px 0 10px 0; }
body { background: #446b2c url('../images/bg.jpg') repeat-x scroll; margin:0; padding:0; min-width:1180px; text-align:center; }
#Shell { position: relative; top:100px; width:920px; background:#FFFFFF; min-height:1050px; margin: 0 auto 0 auto; padding:20px 20px 20px 20px; -moz-box-shadow: 2px 2px 15px #000; -webkit-box-shadow: 2px 2px 15px #000; box-shadow: 2px 2px 15px #000; text-align:left; }
.rounded { -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius:25px; border-radius: 25px; }
.smallrounded { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius:20px; border-radius: 20px; }
#bike-top { position:absolute; left:0px; top:-100px; }
#weather-left { position:absolute; left:-110px; }
#weather-right { position:absolute; right:-110px; }
#noweather-left { position:absolute; left:-240px; }
#noweather-right { position:absolute; right:-240px; }
.footerimage { position:absolute; bottom:20px; left:20px; }
#rightbar { float:right; }
#MainContent ul { margin:0 0 10px 25px; font-size:0.75em; }

/* Slider */
#slider { width:920px; height:256px; overflow:hidden; z-index:1000; }
#slider .slide { width:920px; height:256px; position:absolute; overflow:hidden; }
#slider h2 { position:absolute; font-size: 50px; font-style:italic; font-weight:bold; color:#FFF; text-shadow: 2px 2px 10px #000; }
#slider .weather h2 { left:20px; top:15px; }
#slider .bikeit h2 { left:550px; top:15px; }
#slider p { position:absolute; color:#FFF; text-shadow: 2px 2px 10px #000; width: 350px; font-size:17px; line-height:20px; }
#slider .weather table { position:relative; left:20px; top:70px; line-height:22px; width:400px; color:#FFF; text-shadow: 2px 2px 10px #000; }
#slider .weather td { padding:2px; }
#slider .bikeit p { left:550px; top:70px; }
#slider .bikeit .readmore { left:550px; top:215px; font-size: 12px; font-style:italic; }
#slider .bikeability h2 { left:550px; top:15px; }
#slider .bikeability p { left:550px; top:70px; }
#slider .bikeability .readmore { left:550px; top:215px; font-size: 12px; font-style:italic; }
#slider .cyclescheme h2 { left:550px; top:15px; }
#slider .cyclescheme p { left:550px; top:70px; }
#slider .cyclescheme .readmore { left:550px; top:215px; font-size: 12px; font-style:italic; }
#slider .cycletoschool h2 { left:20px; top:15px; width:390px; }
#slider .cycletoschool p { left:20px; top:70px; width:390px; }
#slider .cycletoschool .readmore { left:20px; top:215px; font-size: 12px; font-style:italic; }
#slider .weather .day { width:50px; }
#slider .weather .img { width:50px; }
#slider .weather .temp {  width:40px; }
#slider .weather .condition {  width:150px; }
#cyclenav { width:920px; text-align:center; }
#cyclenav a { display:inline-block; width:12px; height:12px; margin:3px; font-size:0px; }
.shadowed { -moz-box-shadow: 2px 2px 10px #444; -webkit-box-shadow: 2px 2px 10px #444; box-shadow: 2px 2px 10px #444; }
#slider a { color:#FFF; }

/* What's On */
#news { width: 265px; height:304px; background: url('../images/whatson.jpg') no-repeat top left; padding:200px 20px 20px 20px; }
.button { margin:0 1px 1px 0; float:left; }