html, body { height: 100%; padding: 0; text-align: center; font-family: arial, Helvetica, sans-serif; font-size: 14px; background: #BEE9D3 url(Images/bg_patterns.gif) center; }
   
img { border: none; }
a { text-decoration: none; color: #2e3c1c; font-weight: bold; }
a:hover { text-decoration: underline; color: #fca00e; }

p.tblwinner { font-weight: bold; font-size: 15px; margin-bottom: 5px; margin-top:5px }
p.tblclub { font-size: 10px; margin-bottom: 4px;margin-top:0px}
p.tblyear { font-size: 18px; margin-bottom: 0px;margin-top:0px}
p.tblhdr {font-weight: bold; font-size: 14px; margin-bottom: 5px;margin-top:5px}
blockquote { margin-left: 5px; margin-right: 20px; padding-left:10px; font-family: Georgia; font-size: 17px; font-style: italic; border-left-width: 3px; border-left-style: solid; border-left-color: #7F8753; }

/*---------- Divs ----------*/
#wrapper { width: 890px; margin: 5px auto 5px auto; min-height: 100%; }
* html #wrapper { height: 100%; }

#header { height: 175px; width: 890px; margin: 0 auto; position: relative; }
#HeaderImgLeft { width: 194px; height: 114px; position: absolute; top: 19px; left: 400px; }
#HeaderImgRight { width: 194px; height: 114px; position: absolute; top: 19px; left: 651px;}

#logo { padding-top: 30px; margin: 0 auto; width: 890px; voice-family: "\"}\""; voice-family: inherit; width: 850px; }
html>body #logo { width: 850px }  /* for opera */

#container { width: 890px; overflow: hidden; text-align: left; font: 90% Tahoma, Helvetica, sans-serif; margin: 0px auto; border-bottom: 3px solid #ffb93f; background: #F8F7F3; border-top-color: #ffb93f; border-bottom-color: #ffb93f; }  
* html #container { overflow: visible; }

#content { float: right; width: 690px; padding-bottom: 25px; min-height: 380px; z-index: 1; }
* html #content {height: 380px; overflow: visible;}

#maincontent { float: left; float: right; padding: 10px 5px 0px 0px; overflow: hidden; width: 490px; voice-family: "\"}\""; voice-family: inherit; width: 450px;z-index:1; }
#maincontentwide { float: left; padding: 10px 5px 0px 0px; overflow: hidden; width: 700px; voice-family: "\"}\""; voice-family: inherit; width: 670px; z-index:1;}
.Panels { border-color: #E0DBC7; border-style: double; background-color: #ECE9DD; padding: 10px; margin-bottom: 15px; clear: both; position: relative; z-index:1; }
.DualPanels { border-color: #E0DBC7; border-style: double; background-color: #F5F3EB; padding: 10px; margin-bottom: 15px; clear: both; position: relative; z-index: 1; }
.CMSPage { min-height: 500px;}

#rightdiv { padding-top: 15px; float: right; width: 230px; }
#rightdiv img { padding: 1px; border: 1px solid #6fb2e6; }
#news { width: 214px; margin: 15px auto 0px auto; }

/*---------- Navigation Menu ----------*/
#navcontainer { padding-top: 10px; padding-left: 10px; padding-bottom: 15px; min-height: 380px; float: left; width: 185px; z-index: 10;}
* html #navcontainer {height: 380px; overflow: visible;z-index: 10;}

.nav { width: 170px; position: relative; list-style-type: none; margin: 0; padding: 0px; font-size: 105%; }
.nav li { text-align: left; margin: 3px 1px; padding: 0; }
.nav li a { border: 1px solid #374525; display: block; padding: 4px 0 4px 10px; background: #7F8753; color: #F7F7F7; font-weight: bold; text-decoration: none; width: 170px; voice-family: "\"}\""; voice-family: inherit; width: 160px; }
.nav li a:hover { background: #F3D984; color: #374525; font-weight: bold; cursor: pointer; }

/* --------- Suckerfish Side Menu -------*/
.sidebarmenu {z-index:10;}
.sidebarmenu ul { margin: 0; padding: 0; list-style-type: none; font-size: 103%; width: 175px; /* Main Menu Item widths */ z-index: 10;}
.sidebarmenu ul li { position: relative;margin: 3px 1px; padding: 0; z-index:10;}

/* Top level menu links style */
.sidebarmenu ul li a { display: block; overflow: auto; /*force hasLayout in IE7 */ color: #F7F7F7; text-decoration: none; padding: 4px 0 4px 10px; border: 1px solid #374525; }
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active { background-color: #7F8753; /*background of tabs (default state)*/ }
.sidebarmenu ul li a:visited { color: #F7F7F7; }
.sidebarmenu ul li a:hover { background-color: #F3D984; color: #374525; font-weight: bold; cursor: pointer;}

/*Sub level menu items */
.sidebarmenu ul li ul { position: absolute; background-color: #F8F7F3; padding-right: 2px; padding-left: 2px; margin-left: 0px; width: 160px; top: -3px; visibility: hidden; z-index: 10; }
.sidebarmenu li:hover ul { display: block; }
.sidebarmenu a.subfolderstyle { background: url(Images/right.gif) no-repeat 97% 50%; }

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/*---------- Footer ----------*/
#footer { height: 40px; padding: 10px 0 10px 0; font-size: 80%; text-align: center; color: #6a6666; width: 890px; background: #fff; }
#footertextleft { margin-left: 10px; text-align: left; width: 450px; float: left; }
#footertextright { margin-right: 10px; text-align: right; width: 400px; float: right; }

/*---------- Headings ----------*/
h1 { padding-top: 0; margin-top: 0; font: Arial; font-size:2em; font-weight: bold; color: #2e3c1c; }

.mainheading { font-weight: bold; font-size: 140%; color: #006600; }

h2 { padding-top: 0px; margin-top: 0px; font: Arial; font-size:1.5em; font-weight: bold; color: #2e3c1c; }
h3 {font-size:1.15em; margin-top: 0px;}
h4 {font-size:1em; margin-top: 0px;}
h5 {font-size:0.85em; margin-top: 0px;}
h6 {font-size:0.65em; margin-top: 0px;}

/*---------- Classes ----------*/
.underline { padding-bottom: 3px; width: 180px; border-bottom: 2px solid #ffb93f; }
.subheading { font-weight: bold; }
#maincontent ul { list-style-image: url(Images/bullet.png); }
#maincontentwide ul { list-style-image: url(Images/bullet.png); }
.advert { width: 160px; padding: 5px; background: #FF6600; border: 1px solid #c8c8c8; margin-top: 15px; }
.callout { width: 160px; padding: 5px; text-align: center; margin-top: 20px; }
.hiddenvalue {display: none;}
.textright {float:right;} 

/* Image Display Classes */
.thumbnail { float: right; margin: 0px 5px 0px 10px; }
.thumbnailleft { float: left; margin: 0px 10px 0px 5px; }
.mediumnail { float: right; margin: 20px 5px 10px 10px; position: relative; }
.mediumnailleft { float: left; margin: 20px 10px 10px 5px; position: relative; }
.randomImage { float: left; margin: 10px; position: relative;} 
.randomImageCont { width: 100%; height: 205px; position: relative;}

/* Used in Paged News/Events Data */
.ItemCategories { padding: 5px 8px 5px 8px; background-color: #F3D984; margin-top: 5px; margin-bottom: 5px; }
.ClearList { clear: both }
.showallnav { padding: 5px; margin: 20px 0px 10px 0px; background-color: #EEEEEE; text-align: center; vertical-align: middle; }
.Navigation { background-color: #EEEEEE; width: 100%; height: 25px; margin-top: 10px; margin-bottom: 15px; }
.backnav { padding: 5px; margin: 10px; }
#leftnav { padding: 2px; margin: 2px; width: 100px; float: left; text-align: center; }
#rightnav { padding: 2px; margin: 2px; width: 100px; float: right; text-align: center; }
#numnav { padding: 2px; margin: 2px auto 2px auto; float: inherit; font-weight: bold; color: #003300; text-align: center; }
.optionbutton a { display: block; float: right; padding: 5px; margin: 5px; border: 1px solid #000000; background: #7F8753; color: #F7F7F7; text-align: center; }
.optionbutton a:hover { display: block; float: right; padding: 5px; margin: 5px; border: 1px solid #000000; background: #F3D984; color: #374525; text-align: center;}
.optionbuttondisabled a { display: block; float: right; padding: 5px; margin: 5px; border: 1px solid #464646; background: #9EA770; color: #D3D3D3; text-align: center; }

/* Used by Photo Galleries */
.oshowText { width: 250px; padding: 15px; height: 250px; vertical-align: middle; background-color: #F7F7DE;}
.oshowImage { width: 250px; padding: 15px; height: 250px; vertical-align: middle; background-color: #F7F7DE; text-align: center; }
.oshow { width: 570px; height: 340px; margin-right: auto; margin-left: auto; }

/* Used by Honours Page */
.HonoursDiv { width: 400px; height:110px;}
.HonoursDiv ul {list-style-image: url(Images/bullet.png);}
.HonoursDiv ul li { width: 175px; float: left; margin-bottom: 5px; }