/* 

---------------------------------------------------------

Title:		Global stylsheet
Author:		Darren Hudson
Updated:	26/12/2009 

---------------------------------------------------------

*/


/* Overall wraparound */

body				{	background: #fff url(../images/bg_gradOuter.jpg) repeat-x; height: 100%;  text-align: center; margin: 10px 0px 0px 0px; padding: 0; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 80%;color:#666;}
#wrapper			{	background: #fff url(../images/bg_gradInner.jpg) repeat-x; width: 790px; text-align: right; margin: 0 auto; text-align: center;  padding: 0px; border: 0px solid red; margin-top: -18px; }
#logoNavContainer		{	background: #a6b3b3 url(../images/bg_gradInner.jpg) repeat-x;  width: 790px; padding: 0px; height: 80px; margin: 0px 0px 0px 0px; }

#navigation			{	margin: 0px 0px 0px 0px; border: 0px solid #000; padding: 0px; text-align: right; width: 770px; padding-top: 40px;}	
.topNav				{	color: #fefefe;}


#logoNavContainer, #footer, #footerSplash 		
				{	width: 770px;}

#banner                 	{	margin: 10px 10px 0px 10px; width: 770px; height: 350px; padding: 0px; background-color: #f4f4f4; display:block; height: 230px; border-bottom: 5px solid #a6b3b3; }

/* containers */

.container			{     	margin: 0px 0px 10px 0px ; border: 0px solid #ccc;  background: #fff; padding: 0px; text-align: left; }
.containerHeader		{	margin: 20px 20px 0px 20px;}
.containerBody			{	padding: 15px 15px 15px 15px;}
.container			{	background: #f4f4f4;}
.containerPadding		{	text-align: left; padding: 20px; }
.containerImage			{	border-top: 0px solid #fff; border-bottom: 0px solid #fff; height: 120px; width: 250px;}
.contentBodyInner		{	padding: 0px 20px 20px 20px; }
.contentBody			{	background: #f4f4f4; margin-bottom: 10px; }

ul ul				{ 	margin: 20px 30px 20px 30px; list-style-type: square; padding: 0;  border: 0; }
ol ol				{ 	margin: 20px 30px 20px 30px; padding: 0; border: 0;}
ol				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.05pc; }
li li 				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; } 
li				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.05pc; }

.scroll li ul			{ 	list-style: none; padding: 0; margin: 0; line-height:0px; }

#main	 			{	border: 0px solid #000; width: 770px; text-align: center; margin: 10px 10px 0px 10px; padding: 0px 0px 0px 0px;  color:inherit;  }
#col66Left			{	border: 0px solid #ccc; float: left; background: #fff; width: 510px; margin: 0px 10px 10px 0px; padding: 0px; text-align: left;  }

#col33Left 			{	border-right: 0px solid #ccc; text-align: left; float: left; width: 250px; margin-right: 10px;  background: #fff;  }			
#col33Middle 			{	border: 0px solid #ccc; float: left;text-align: left;  width: 250px; margin-right: 10px;   background: #fff; }	
#col33Right 			{	border: 0px solid #ccc; width: 250px;    float: right; text-align: left;  }
.col66Inner50Left		{	background-color: #f7f7f7; padding: 10px; border: 1px solid #fff; float: left; width: 210px;  margin-bottom: 15px;}
.col66Inner50Right 		{	background-color: #f7f7f7;  padding: 10px; border: 1px solid #fff; width: 210px;   float: right;  margin-bottom: 15px;  }
.contentBody			{	border: 0px solid #ccc; background: #fff; padding: 20px 20px 20px 20px; margin: 0px;  }

a				{	text-decoration:none; color:#688080; font-weight: bold;}
a:hover				{	text-decoration:underline; font-weight: bold;}
p.dottedWidth			{	line-height: 2.0pc; border-bottom: #ccc 1px dotted; }
p.dottedThin			{	line-height: 2.0pc; border-bottom: #ccc 1px dotted; padding: 0px; margin: -2px 0px -7px 0px;}
a img				{	border: none;}

h1, h2, h3, h4, h5, h6		{	font-weight: bold;}
h1, h2, h3, h4, h5, h6, .p	{	line-height: 1.25pc;}	
h1				{	font-size: 140%;  color: #000; }										

.h2Header			{	background: #999;}
h2				{	font-size: 130%;  color: #698181; margin: 0px; padding: 5px 5px 5px 0px; font-weight: bold;}	

			
h3				{	font-size: 110%;  color: #333; margin: 15px 0px 15px 0px;  	}					
h4				{	font-size: 120%;  color: #333; margin: 0px 0px 0px 0px; font-weight: bold; }							
h5				{	font-size: 80%;  margin: 0px 0px 0px 0px; border-bottom: #ccc 1px dotted;}				
h6				{	font-size: 80%;  margin: -5px 0px -5px 0px;  }								


p, p.splash			{	margin: 10px 0px 0px 0px; line-height: 1.25pc; padding: 0px; font-size: 100%;}



#footer, #footerSplash		{	width: 770px; margin: 0 auto; height:60px; border: 0px solid #404040; clear: both;  text-align: center;  padding:0px; background: #fff; border-top: 2px solid #ccc; margin-top: 10px; }
#footer				{	margin: 10px 0px 20px 0px;}
p.footer			{ 	font-size: 80%;color:#666; margin:10px 0px 0px 0px; padding: 0px; line-height: 15px;}
a.menuFooter 			{ 	color: #666; margin: 0px; }
a.menuFooter:hover 		{ 	color: #000; margin: 0px;}