/* commented backslash hides from ie5mac \*/ 

/* ------ WIDTHS ------*/
body				{	min-width:970px;/* for mozilla*/ }
#wrapper			{   }
#outer				{	width:970px; }
#inner				{	width:100%; }
#sidebar			{   }
#sidebar a img		{   /*float:left; clear:both; */ border:none;}
#sidebar a img:hover		{ border:none; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); }
#header				{	width:970px; }
#ajaxmenu			{	width:945px; left:30px; }
#navigation			{	width:970px; }
#logo 				{	width:237px; }
#footer 			{ 	width:970px; }
#right 				{	width:311px;}
#right-inner 		{ 	width: 235px; padding: 20px;}
#left				{ 	width:598px; padding-left: 30px; padding-bottom:15px;}
#middle 			{ 	width:100%; }
#middle #midleft 	{	width:255px; margin-left:30px; }
#middle #midcenter 	{	width:255px; margin-left:28px; }
#middle #midright 	{	width:255px; margin-left:28px; }
#footer .left 		{	width:285px; margin-left:30px; }
#footer .right 		{	width:285px; margin-left:50px; }
#footer .center 	{	width:285px; margin-left:28px; }


/* ---- END WIDTHS ----*/

.new colors{
	color: #AFB0A0; /* dark greengrey 		*/
	color: #C8C8B9; /* greengrey 		*/
	color: #d5d6ce; /* light greengrey 		*/ 
	color: #0e4591; /* dark blue 		*/ 
	color: #f7f7f6; /* light grey 		*/
}

/* ------ COLOURS ------*/
body 				{	}
body				{	background:  url(images/GreyMasts_bg.png) no-repeat center top #f7f7f6;}
#outer				{	background-color: #fff; }
#inner				{	/* background-color: # ;*/ }
#header				{	}
#header				{	background:  url(images/GreyMasts_header.jpg) no-repeat left top #AFB0A0; }
#ajaxmenu			{	}
#navigation			{	background:  url(images/gm_grad.png) repeat-x; }
#logo 				{	/* background-color: # ;*/ }
#footer 			{	background-color: #AFB0A0; 		color:#fff;}
#right 				{	/* background-color: # ;*/  	color: #b2b209;}
#right-inner 		{	/* background-color: #66b2ff;*/ }
#left				{	background-color: #fff; }
#middle 			{	/* background-color: # ;*/ }
#footer .left 		{	/* background-color: # ;*/ }
#footer .right 		{	/* background-color: # ;*/ }
#footer .center 	{	/* background-color: # ;*/ }
#content p a:hover 		{ background-color: #AFB0A0; }

/* ---- TEXT & COLOURS ----*/
/*  */
html,body 			{ font-family: "Trebuchet MS", verdana, sans-serif;}
html,body 			{ word-spacing:0.25em;}
p 					{ margin-bottom: 15px;}
body 				{ font-size: 12px; line-height:18px; }  
h1, h2, h3			{ font-family: "Georgia", Times, serif; font-weight:normal;}
h1 					{ font-size: 2.5em; }  
h2 					{ font-size: 2.0em; }  
h3 					{ font-size: 1.5em; }  
h4 					{ font-size: 1.25em; }  
blockquote 			{ font-size: 1.5em; }  
p, a, ul, li		{ font-size: 1.125em;}  
input 				{ font-size: 1.0em; }  
small 				{ font-size: 0.75em; }
#ajaxmenu 			{ font-size: 0.75em; }
/*  */
blockquote { font-family:"Georgia", Times, serif; font-weight:normal; font-style: italic;}
blockquote p { margin-bottom:2em; line-height:0;}
	
	blockquote * { quotes: none; line-height:0;}
	blockquote > *:before { content: '\201C'; color:#aaa; font-size:; margin-left:-.62em; padding-right:.2em; line-height:0; }
	blockquote > *:after { content: '\201D'; color:#aaa; font-size:;  line-height:0;}

	
/*  */
/*  */
#footer 			{ color: #ffffff; font-size:11px; line-height:15px; }
#footer p 			{ color: #ffffff; font-size:11px; line-height:15px; }
#footer p a 		{ color: #ffffff; text-decoration: none; font-weight:bold; font-size:11px; line-height:15px;}
#footer h2	 		{ font-size:1.2em; line-height:15px;}
#right 				{ color: #AFB0A0; }
#right-inner 
h2, h3				{ color: #AFB0A0; }
#content h2 		{ color: #AFB0A0; }
/*  */
h3 #post-  			{ color: #AFB0A0; }
/*  */
#content p 			{ color: #444444; }
#content p a 		{ color: #2693ff; }
#content p a:hover 	{ color: #ffffff; background-color: #AFB0A0; }
 /*  */
#middle 			{ color: #ffffff; }
#content a, 
#sidebar			{ color: #AFB0A0; }
#sidebar a			{ color: #ff6b61; }
#content a:hover, 
#sidebar a:hover	{ color: #fff; background-color: #AFB0A0; }
/*  */
/* ---- END COLOURS ----*/

html{
	height:100%;
	margin:0;
	padding:0
} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
}

body{	
	text-align:left;
	min-width:970px;/* for mozilla*/
	height:100%;
}

.rounded 				{  -moz-border-radius:10px;  -webkit-border-radius:10px; -khtml-border-radius:12px; }

#wrapper 				{	_height: 82px; }

#outer					{ height:99.9%; min-height:100%; text-align:left; margin:auto; position:relative; overflow:visible; background-color: #fff; }

/* mac hide \*/
* html #outer{
	/* */
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner					{ padding-top:253px; }/*needed to make room for header*/  

#header 				{ position:absolute; top:0px; left:0px; height:200px; z-index:74; }
#ajaxmenu				{ position:absolute; height:43px; z-index:65; }
#navigation				{ position:absolute; top:200px; height:50px; }
#logo 					{ position:absolute; top:26px; left:10px; height:63px; text-indent: -5000px; z-index:300; }

/* mac hide \*/
* html #outer, * html #header 	{ width:780px}
	/* end hide*/

#footer 				{ position: absolute;  clear:both; text-align:left; left:0px; bottom:0px; }

* html #footer{
	margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
	/*only ie gets this style*/
	height:100px;
	/* for ie*/
}
/* end hide*/

div,p  					{ margin-top:0px; }		/*clear top margin for mozilla*/

#right 					{ float:right; z-index: 55; }
#right-inner 			{ background: url(images/bkgd_fade.jpg)  repeat-x left top ; }
#right-inner 			{ /*	border: #258cf5 5px solid ;	*/ }
#right-inner 			{ text-align: left; }
#right-inner h2, h3		{ }


#left {
	position:relative;		/*ie needs this to show float */
	float:left;
	z-index: 56;
}
#left-inner {
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}

#clear {
	height:1px;
	clear:both;
} /* to clear */


#clearfooter {
	height:82px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-82px;
} /*safari wrapper */

#content 				{ z-index: 300; padding-bottom: 7px; }
#content h2 			{ line-height: 24px; position: relative; }

h3 #post-  				{ background:  url() no-repeat left top; padding-left: 0px; }

#content p 				{ line-height: 18px; _line-height: 16px; }
#content p a 			{ }
#content p a:hover 		{ }
 /*  */
#middle 			{ height:350px; clear:both; }
#middle a 			{ text-decoration: none; }


#footer 			{ margin-top:10px; padding: 0px; height:150px; }
#footer p 			{ }
#footer 
.left, 
.center, 
.right 				{ display:inline; float:left; margin-top: 10px; }

#footer 
.left ul			{ list-style:none; margin-left: 0px; padding: 0px; font-size: 10px; float: left; width: 300px;  }

#footer 
.left a				{ text-decoration:none; }

#footer 
.left li			{ float: left; list-style: none; }

#footer 
.left .active		{ font-weight: bold; }

#footer 
.left ul li ul	 	{ padding: 0px; float: left; color:	; }

#footer 
.left ul li ul li 	{ float: left; width: 100px; color:	; }




.highlight 				{ background-color: #f2f2f2; color: #2693ff; font-weight: bold; line-height: 18px; _line-height: 16px; }

img 					{ border: none; }

#content ul li 			{ margin-bottom: 0.5em; }



#content a, #sidebar a	{ border: none; }
#content a:hover, 
#sidebar a:hover		{ border: none; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); }