/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08- ARTICLE LISTS
09 - FORMS
10- TABLES
11 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: Verdana, Arial, sans-serif;
	background: #b9e252;
	text-align: center; /*margin: auto fix for IE6*/
	overflow: scroll;
	overflow-x: hidden;
}

html>body { /* be nice to Opera */
	font-size: small;
}



/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 200%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
}

	
h2 {
	font-size: 160%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
}
	
h3 {
	font-size: 140%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
}

h4 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
}

p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #ff8800; 
	font-weight: bold;
	text-decoration: underline;
}

a:hover {text-decoration: none;}
p a {font-size: 100%;}

ul {color: #333; font-size: 100%;}
ul ul {font-size: 100%;}
ul p {padding: 0 0 5px 0;}
ol {color: #333; font-size: 100%;}
ol ol {font-size: 100%;}
	
/*---------------------------------------------*/
em {/*font-style: normal;*/}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.mini {font-size: 80%;}

a img {border: none;}

em.textHide {display: none;}

.padd {float: left; padding: 10px;}
.paddH {float: left; padding: 0 10px;}
.paddR {float: left; padding: 0 10px 0 0;}
.paddL {float: left; padding: 0 0 0 10px;}
.paddV {float: left; padding: 10px 0;}


/*---------------------------------------------*/


/* COLOURS
----------------------------------------------- */
.green {color: #b9e252;}
.navy {color: #002665;}
.orange {color: #ff8800;}
/*.orange {color: #ffcc00;}*/
.pink {color: #c00063;}
.blue {color: #009efe;}
.grey {color: #efede8;}
	
/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

.WrapOuter {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#HeaderWrap.WrapOuter {
	border-bottom: 2px solid #002665;
	background: #b9e252;
}

#NavWrap.WrapOuter {
	background: url(../Images/PNGs/FFF70.png) repeat 0 0;
	border-bottom: 1px solid #ffcc00;
}

#BodyWrap.WrapOuter {
	background: #FFF url(../Images/zig.gif) repeat 0 0;
}

#FooterWrap.WrapOuter {
	border-top: 1px solid #002665;
	background: #b9e252;
}




.WrapOuter .Wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;/*margin: auto fix for IE6*/
}
	
.WrapOuter .Wrap .WrapInner {
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
}

#BodyWrap.WrapOuter #NavWrap .Wrap .WrapInner {padding: 15px 0 0 0; background: none;}
#BodyWrap.WrapOuter .Wrap .WrapInner {padding: 40px 0 145px 0; background: url(../Images/sunflowers.gif) no-repeat 0 bottom;}

	
#Header {
	position: relative;
	float: left;
	margin: 0 100px;
	padding: 0;
	width: 800px;
}

#Header #Tagline {
	float: right;
	height: 4.5em;
}
#Header #Tagline h1{
	position: absolute;
	right: 0; bottom: -36px;	
}


#Header #Utility {
	position: absolute;
	left: 0; bottom: -4px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
}
#Header #Utility a {float: left; padding-bottom: 16px; text-decoration: none; color: #333; }
#Header #Utility a:hover{padding-bottom: 8px; border-bottom: 8px solid #002665; }
#Header #Utility #number{float: left; padding: 0 0 0 25px; }


/* NAVIGATION 
------------------------------------------------ */

#MainNav {
	position: relative;
	float: left;
	margin: 0 100px;
	padding: 0;
	width: 800px;
}

#MainNav ul {
	position: absolute;
	right: 0; bottom: 0;
	float: right;
	margin: 0;
	padding: 0;
	width: 591px;
	list-style: none;
}

#MainNav ul li {
	float: right;
	display: inline;
	margin: 0 0 -4px 10px;
	padding: 0;	
}

#MainNav ul li a {
	float: left;
	margin: 0;
	padding: 0 5px 11px 5px;
	text-decoration: none;
	font-weight: normal;
	text-transform: lowercase;
	font-size: 125%;
	color: #333;
}

#MainNav ul li.selected a {
	padding-bottom: 3px;
	border-bottom: 8px solid #ffcc00;
}
#MainNav ul li a:hover {
	padding-bottom: 3px;
	border-bottom: 8px solid #ffcc00;
}
	
	
/* BANNER
------------------------------------------------ */
#Banner {}

#Banner img {}

/* MAINBODY
------------------------------------------------ */
	
#MainBody {
	float: left;
	margin: 0 0 0 100px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 475px;
}

#SidebarOne {
	float: right;
	margin: 0 100px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 325px;
}


#SidebarOne ul.panelImages {float: left; margin: 0; padding: 0; list-style: none;}
#SidebarOne ul.panelImages li {float: left; margin: 0; padding: 0 0 5px 0; height: 160px; width: 160px; font-size: 0px;}
#SidebarOne ul.panelImages li.one {padding-right: 5px;}
#SidebarOne ul.panelImages li.three {padding-right: 5px;}
#SidebarOne ul.panelImages li img{float: left; height: 156px; width: 156px;}
#SidebarOne ul.panelImages li.one img {border: 2px solid /*#009efe*/#ffcc00;}
#SidebarOne ul.panelImages li.two img {border: 2px solid /*#c00063*/#ffcc00;}
#SidebarOne ul.panelImages li.three img {border: 2px solid #ffcc00;}
#SidebarOne ul.panelImages li.four img{border: 2px solid /*#b9e252*/#ffcc00;}
	
/* SIDEBARS
------------------------------------------------ */
#Content {
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 20px;
	width: 401px;
	border: 2px solid #efede8;
	background: #FFF;
}

#SidebarTwo {}


/* FOOTER
------------------------------------------------ */
	
#Footer {
	clear: both;
	float: left;
	margin: 0 100px;
	padding: 20px 0 20px 0;
	width: 800px;
}

#Footer p {}
#Footer a {}

/* ARTICLE LISTS 
------------------------------------------------ */
.paginator {float: left; padding: 15px 0 0 0; width: 100%;}
.paginator a {float: left; padding: 0 10px 0 0;}
.paginator a.next {float: left; padding: 0 10px;}
.paginator p {float: left;}
/* ------------------------------------------------ */

.mainImage {border: 2px solid /*#009efe*/#ffcc00!important;}

/* PeopleList
------------------------------------------------ */
.PeopleList {position: relative; float: left;}
.PeopleList .altBorder {position: absolute; top: 0; left: 0; z-index: 20; float: left; height: 156px; width: 156px; border: 2px solid /*#009efe*/#ffcc00;}

.PeopleList .left {position: relative; padding: 0 5px 5px 0;}
.PeopleList .left.alt {padding-right: 0;}
.PeopleList .left a {position: absolute; bottom: 5px; left: 2px; z-index: 100; float: left; margin: 0 0 2px 0; padding: 4px 5px 8px 5px; width: 146px; font-size: 100%; color: #222; text-decoration: none; background: url(../Images/PNGs/FFF80.png) repeat 0 0;}
.PeopleList .left a:hover {background: url(../Images/PNGs/FFF30.png) repeat 0 0; cursor: pointer; cursor: hand;}

.PeopleList .left img {position: relative; z-index: 10; float: left; height: 156px; width: 156px; border: 2px solid #ffcc00!important;}
.PeopleList .left.alt img {float: left; height: 156px; width: 156px; border: 2px solid /*#c00063!important*/#ffcc00;}
.PeopleList .left .altBorder {border: 2px solid /*#b9e252*/#ffcc00;}


/* NewsListOne
------------------------------------------------ */
#NewsListOne {float: left;}
#NewsListOne h3 a {font-weight: normal; text-decoration: none; }
#NewsListOne .article {
        float: left; 
        margin: 0 0 10px 0; 
        padding: 10px; 
        width: 305px; 
        border-bottom: 2px solid #002665; 
        background: url(../Images/PNGs/FFF70.png) repeat 0 0;
}


/* PRODUCT LISTS 
------------------------------------------------ */

/* product detail
------------------------------------------------ */


/* FORMS
------------------------------------------------ */
.item, .radios {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input, .radios input {float: left; margin: 0; padding: 1px; font-size: 100%;}
.item label, .radios label  {float: left; margin: 0 10px 0 0; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #002665; font-weight: bold; font-size: 100%;}
.item  select, .radios  select {float: left; margin: 0 10px 0 0; padding: 0; width: 212px; border: solid 1px #002665; font-size: 100%;}
.item  input.textinput, .radios  input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 208px; border: solid 1px #002665;}
.item  textarea, .radios  textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 208px; border: solid 1px #002665; font-size: 100%;}
.item input.checkbox {}
input.submitbutton {padding: 1px 5px 2px 5px;  font-size: 100%; color: #FFF; border: 1px solid #002665; background: #002665;}
input.submitbutton:hover {background:  #b9e252; color: #333;}
a.submitbutton {float: left; margin: 0; padding: 1px 5px 2px 5px;  font-size: 100%; color: #FFF; font-size: 100%; border: 1px solid #002665; font-weight: normal; text-decoration: none; border: none; background: #002665;}
a.submitbutton:hover {background:  #b9e252; color: #333;}
/* ------------------------------------------------ */

/* Login
------------------------------------------------ */
#Login {text-transform: lowercase;}
#Login label {width: 100px;}
#Login input.submitbutton {text-transform: lowercase;}


/* TABLES
------------------------------------------------ */

table {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

table tr th {
	vertical-align: top;
}

table tr td {
	vertical-align: top;
}

table tr th {}
table tr th a {}
table tr.alt td {}

table tr td a {}
table tr.alt td a {}

table tr td h2 {}


/* MISC
------------------------------------------------ */

.logo {
	position: relative;
	bottom: -10px;
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
}

.siteBy {
	float: right;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.siteBy a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
}

.intro {font-size: 130%;}

.peopleTabContainer {}
.peopleTabContainer .ajax__tab_header {float: left; margin: 0 0 15px 0; padding: 0; width: 100%; border-bottom: 2px solid #002665;}
.peopleTabContainer .ajax__tab_header .ajax__tab_tab {float: left; margin: 0 10px 0 0; padding: 4px 10px; border: 1px solid #002665; border-bottom: none; text-decoration: none; color: #333; font-weight: normal; background: #b9e252;}
.peopleTabContainer .ajax__tab_header .ajax__tab_tab:hover {background: #efede8;}