html { background:#DFF1FF url(images/gradient.jpg) repeat-x; font-family:Trebuchet MS; }

body { margin: 0; padding: 0; border:0; }

div.PageSection { background-color: #000; margin: 0 auto; width: 1000px; position: relative; align: top; }

div#TopStrip { height:130px; text-align:right; background-color:white; height: 130px; }
div#TopStrip h1 { margin:0 20px 0 0; color: #888888; font-size:16px; font-weight:normal; padding-top:20px; }
div#TopStrip img { margin-top:25px; margin-left:20px; border:0; }
div#Portrait img { float:left; margin-right:20px; margin-bottom:18px; border:0; }
div#Portrait2 { float:right; margin-left:20px; border:0px; }
div#Caption { text-align:center; font-size:11px; }
div#WiredSussex img { padding-right:10px; padding-top:6px; border:0; }

div#MainMenu { width:200px; float:left; }

div#MainPageBody {  width:800px; float:right; background-color:white; padding-bottom: 10px; }

/* Styles for main area of home page */
div#MainTextArea { float:left; padding-top: 10px; background-color:white; color:#444444; margin-left:42px; width:360px; }
div#MainTextArea p { font-size: 13px; }
div#MainTextArea h1 { font-size:18px; font-weight:normal; color:#888888; }
div#MainTextArea h1 a { text-decoration: none; color: #888888; }

/* Styles for full width page text eg about us */
div#FullWidth { float:left; padding-top: 0px; background-color:white; color:#444444; margin-left:20px; margin-right:12px; width:776px; font-size: 13px;}

/* Styles for a single bio strip */
div#Bio { clear:left; width:720px; padding-bottom: 10px; padding-top: 5px; }
div#Bio h1 { font-size:20px; font-weight:bold; color:#669900; border:0px; margin:0px; padding:0px;}
div#Bio p { border:0px; margin:0px; padding:0px;}

/* Styles for the feature boxes on home page */
div#FeatureColumn { width:369px; float: right; padding-right: 10px; padding-top: 10px; }
div#FeatureColumn img { border:0; }
div#FeatureColumn a { text-decoration: none; }
div#FeatureColumn a:hover { cursor:pointer; }

div.Feature { height: 90px; margin-bottom: 10px; padding-left: 10px;}
div.Feature img { margin-right:12px; margin-top: 14px; }
div.Feature h3 img { margin-right:0px; }
div.Feature h3 { margin:0 0 0 0; padding:0 0 0 8px; }
div.Feature p  { margin:0; border:0; padding:0 0 0 8px; font-size:11px; text-decoration: none; color: #000;}

/* Styles for the left area of sub pages */
div#SubPageLeft { width:400px; float: left;}
div#SubPageLeft img { border:0; }
div#SubPageLeft h3 img { padding: 14px 0 0 20px; }
div#SubPageLeft a:hover { cursor:pointer; }
div.SubFeature h3 img { margin-right:0px; }
div.SubFeature h3 { margin:0 0 0 0; padding:0 0 0 8px; }
div.SubFeature { height: 50px; width: 360px; margin-top: 10px; padding-left: 10px;}

/* Style for the title of sub pages */
div.TitleBox h3 img { margin-right:0px; }
div.TitleBox h3 { margin:0 0 0 0; padding:14px 0 0 2px; }
div.TitleBox { height: 50px; margin-bottom: 10px; padding-left: 10px;}

/* Styles for main area of sub pages */
div#SubPageRight { float: right; padding-right: 0px; width:400px; font-size: 13px; }
div#SubPageRight h1 { padding-left: 13px; padding-right: 13px; font-size:18px; font-weight:normal; color:#888888; }
div#SubPageRight h1 a { text-decoration: none; color: #888888; }
div#SubPageRight p { padding-left: 13px; padding-right: 13px; }
div#SubPageRight p a { color:#000; text-decoration: underline; }
div#SubPageRight p img { padding-right: 14px; }

/* Styles for the main menu on the left hand side: */
div#MainMenu ul { padding:10px 0 0 0; margin: 0 0 0 0; width: 200px;}
div#MainMenu ul li { list-style:none; text-align: right; padding-right: 20px;}
div#MainMenu ul li a { font-weight:bold; color:#aaaaaa; font-size:14px; text-decoration:none; text-transform:lowercase;}
div#MainMenu ul li a:hover { color: #fff;}

div#RedBox { background-color:#ff3300; }
div#BlueBox { background-color:#00cccc; }
div#GreenBox { background-color:#cccc00; }
div#DarkGreenBox { background-color:#669900; }

div#FooterSection p { color:white; font-size:12px; text-align: right; padding-right: 20px; padding-bottom:10px;}