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

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08 - FRONT PAGE OBJECTS
09 - ARTICLE LISTS
10 - BOXSTYLEONE
11 - FORMS
12 - BUTTONS
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: "Arial", sans-serif;
	background: #1f1f1f url(../Images/background.gif) repeat-x 0 0;
	text-align: center; /*margin: auto fix for IE6*/
}

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

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 180%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #fff;
	font-family: "Georgia", serif;
	font-weight: normal;
}
h1 em {font-family: "Arial", sans-serif; font-weight: bold;}
	
h2 {
	font-size: 160%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-family: "Georgia", serif;
	font-weight: normal;
}
	
h3 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
	font-family: "Georgia", serif;
}

p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000;
}
	
a {	
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 90%;
	color: #000;
	font-family: "Georgia", serif;
	font-weight: bold;
	text-decoration: none;
}
	
/*---------------------------------------------*/
em {font-style: normal;}

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

/* COLOURS
----------------------------------------------- */
.grey1 {background: #1f1f1f;}
.grey2 {background: #2e2d2d;}
.grey3 {background: #434343;}
.grey4 {background: #d5d5d5;}
.blue {background: #3bcae8;}
.turquoise  {background: #013b47;}
	
/*---------------------------------------------*/




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

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 0 50px 0; /*only working IE (see below)*/
	width: 960px;
	text-align: left;/*margin: auto fix for IE6*/
}
	

#wrap-inner {
	float: left;
	margin: 0 0 50px 0; /*only working FF (see above)*/
	padding: 0;
	width: 962px;
	background: #FFF url(../Images/3blueLines.gif) repeat-y top left;
}
.home #wrap-inner {background: #FFF url(../Images/2blueLines.gif) repeat-y top left;}
	
#header {
	float: left;
	margin: 0;
	padding: 0;
	width: 962px;
	background: #3bcae8;
}

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

#mainNav {
	float: left;
	margin: 0;
	padding: 0;
	width: 962px;
	font-size: 120%;
	background: #434343 url(../Images/greyTL3px.gif) no-repeat top left;
	
}
#mainNav .corner {
	float: left;
	width: 962px;
	background: url(../Images/greyTR3px.gif) no-repeat top right;	
}


#mainNav .corner  ul {
	/*clear: left; stops nav working properly for IE mac*/
	float: right;
	margin: 0;
	padding: 0 0 0 80px;
	width: 882px; /*fix IE6 style sheet*/
	background: url(../Images/navGradient.gif) repeat-x bottom left;
}

#mainNav .corner  ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainNav .corner  ul li a{
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#mainNav .corner  ul li a em{
	float: left;
	margin: 0;
	padding: 10px 17px 8px 9px;
	cursor: pointer; cursor: hand;
}

#mainNav .corner  ul li.selected a, #mainNav .corner  ul li a:hover{background: url(../Images/navLeft.gif) no-repeat top left;}
#mainNav .corner  ul li.selected a em, #mainNav .corner  ul li a:hover em{background: url(../Images/navRight.gif) no-repeat top right;}


	
/* MAINBODY
------------------------------------------------ */
	
#main-body {
	float: left;
	margin: 0 0 0 1px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 600px;
}

#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px; 
}
.home #content {background: #fff url(../Images/gradient1.gif) repeat-x 0 0;}		
	
/* SIDEBARS
------------------------------------------------ */

#sidebar2 {display: none;}
.home #sidebar2 {display: none;}

#sidebar1 {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 360px;
}

/* FOOTER
------------------------------------------------ */
	
#footer {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 962px;
	font-size: 90%;
	background: #434343 url(../Images/greyBL.gif) no-repeat bottom left;
}
#footer .corner {float: left; padding: 4px 10px; background: url(../Images/greyBR.gif) no-repeat bottom right;}

#footer p{margin-bottom: 0; padding-bottom: 0; color: #fff;}
#footer a{color: #fff;}


/* FRONT PAGE OBJECTS
------------------------------------------------ */	
.welcome{
	float: left; 
	width: 600px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #000;
	background: #013b47 url(../Images/man.jpg) no-repeat right 5px; 
}


.welcome img{float: right;}

.welcome .copy{
	float: left; 
	margin: 25px 0 0 20px; 
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 270px;
	color: #fff;
}

.welcome .copy p{color: #fff;}


/* ARTICLE LISTS 
------------------------------------------------ */
.article {}
.summary {}
.readMore {}
.paginator {float: left; margin: 0; padding: 0 20px;}



.latestStories {float: left; margin: 0; padding: 15px 0 15px 0;}
.storySummaries {float: left; margin: 0; padding: 15px 0 15px 0;}

.latestStories .article,
.storySummaries .article {
	float: left;
	margin: 0 20px 10px 20px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0 0 10px 0;
	border-bottom: 1px solid #434343;
}
.latestStories img,
.storySummaries img {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	border: 2px solid #fff;
}
.latestStories  h3,
.storySummaries  h3 {
	float: right;
	margin: 0;
	padding: 0 0 10px 0;
	width: 410px;
	font-size: 140%;
}
#sidebar1 .latestStories  h3 {width: 180px;}

.latestStories  .summary,
.storySummaries  .summary {
	float: right;
	clear: right;
	margin: 0;
	padding: 0 0 10px 0;
	width: 410px;
}
#sidebar1 .latestStories  .summary {width: 180px;}

.latestStories  .readMore,
.storySummaries  .readMore {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	width: 410px;
}
#sidebar1 .latestStories  .readMore {width: 180px;}

/* BOXSTYLEONE
------------------------------------------------ */

.boxStyleOne {
	float: left;
	margin: 0 20px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	background: #d5d5d5;
}


/* FORMS
------------------------------------------------ */

.item {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input {float: left; margin: 0; padding: 2px;}
.item label {float: left; margin: 0 10px 0 0; display: inline; /*to fix double margin in IE6*/ padding: 0; width: 220px; color: #000; font-weight: bold;}
.item  select {float: left; margin: 0; padding: 2px; width: 226px; border: solid 1px #000; }
.item  input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 220px; border: solid 1px #000;}
.item  textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 2px; width: 220px; border: solid 1px #000;}
input.submitButton, 
input.submitbutton {clear: both; float: right; margin: 10px; display: inline; /*to fix double margin in IE6*/ padding: 3px 6px 6px 6px; border: none; font-size: 100%; font-weight: bold; color: #fff; background: #000; }
input.submitButton:hover, 
input.submitbutton:hover {padding: 4px 5px 5px 7px;}


.miniContactForm{float: left; padding: 10px 0 0 0; width: 320px;}
.miniContactForm p{padding-left: 10px; padding-right: 10px;}
.miniContactForm .item {padding: 0 10px; width: 300px;}
.miniContactForm .item label {width: 90px; }
.miniContactForm .item  input.textinput {margin-right: 0px; width: 194px; }
.miniContactForm .item  textarea {margin-right: 0px; width: 194px; }
.miniContactForm input.submitButton {float: right; margin: 0; display: inline; /*to fix double margin in IE6*/ padding: 3px 10px 6px 0; width: 320px; text-align: right; background: url(../Images/320Button.gif) no-repeat bottom left;}
.miniContactForm input.submitButton:hover {padding: 4px 8px 5px 0;}



/* BUTTONS
------------------------------------------------ */
a.readMoreButton {float: left; margin: 10px 1px 1px 0; padding: 0; color: #fff; font-weight: bold; text-decoration: none; font-family: "Georgia", serif; background: url(../Images/148ButtonBottom.gif) no-repeat 0 bottom;}
a.readMoreButton em {float: left; margin: 0; padding: 6px 0 6px 12px; width: 136px; background: url(../Images/148ButtonTop.gif) no-repeat 0 0; cursor: pointer; cursor: hand;}


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

.logo {
	clear: left;
	float: left;
	margin: 25px 0 15px 0;
	padding: 0;
	height: 76px;
	width: 424px;
	background: url(../Images/logo.png) no-repeat 0 0;
}

.banner {
	float: right;
	margin: 25px 0 0 0;
	padding: 0;
	height: 55px;
	width: 450px;
	border: 1px solid #fff;
}

.siteBy {
	margin: 0;
	padding: 2px 0 0 0;
	float: right;
	text-transform: uppercase;
	font-size: 90%;
}

.siteBy a{
	font-weight: bold;
	text-decoration: none;
	font-family: "Arial", sans-serif;
}

.hotline {margin: 11px 0 4px 0; padding: 0; float: right; width: 503px; height: 36px; background: url(../Images/hotline.gif) no-repeat 0 0;}
.hotline span.textReplace {display: none}

.copy {
	float: left; 
	padding: 15px 20px; 
}



/* BAR STYLE HEADERS
------------------------------------------------ */

#content h2{
	float: left; 
	margin: 0;
	padding: 0;
	width: 100%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #2e2d2d;
}
#content h2 em{float: left; padding: 13px 20px 14px 20px;}
#content h2 a{
	float: right; 
	margin: 15px 20px 1px 0; 
	display: inline; /*to fix double margin in IE6*/ 
	padding: 4px 32px 2px 20px; 
	text-decoration: none; 
	font-size: 70%; 
	color: #fff; 
	font-family: "Arial", sans-serif; 
	background: url(../Images/arrow1.gif) no-repeat right 0;
}
#content  h2 a:hover{margin: 16px 19px 0 0; }


#sidebar1  h2{
	float: left; 
	margin: 0;
	padding: 0;
	width: 100%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #000;
}
#sidebar1 h2 em{float: left; padding: 13px 20px 14px 20px;}
#sidebar1  h2 a{
	float: right; 
	margin: 15px 20px 1px 0; 
	display: inline; /*to fix double margin in IE6*/ 
	padding: 4px 32px 2px 20px; 
	text-decoration: none; 
	font-size: 70%; 
	color: #fff; 
	font-family: "Arial", sans-serif; 
	background: url(../Images/arrow2.gif) no-repeat right 0;
}
#sidebar1  h2 a:hover{margin: 16px 19px 0 0; }