/*..........................................................................................................*/
/*.................................................. GENERAL ...............................................*/
/*..........................................................................................................*/
body {margin:0;  padding:0; text-align:left; font-size:100%; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fff;}

* { margin: 0; padding:0;}

.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.clear2px { clear:both; width:100%; height:2px; font-size:1px; background-color:#fff }
img { border: none;}

a {	color: #00689C; text-decoration: none;}
a:hover{	text-decoration:none;}
acronym {color:#000; border-width:0px; cursor: help;}

ul li {list-style-type: none; list-style:none}

.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s80 { width:80px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s240 { width:240px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s400 { width:400px; }
.s490 { width:490px; }
.s600 { width:600px; }

.s30pc { width:30%;}
.s35pc { width:35%;}
.s40pc { width:40%;}
.s60pc { width:60%;}
.s65pc { width:65%;}
.s70pc { width:70%;}
.s100pc { width:100%;}
/*..........................................................................................................*/
/*.............................................. ACCESSABILITY .............................................*/
/*..........................................................................................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}

/*..........................................................................................................*/
/*.................................................. WRAP ALL ................................................*/
/*..........................................................................................................*/

	
	#wrapall {
		width:716px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		background: url(../img/greyleftmenuback.gif) repeat-y left top /**/;
		}
	#main {
		/*border-top: 6px solid #fff;*/
		}
	#leftcol {
		width:165px;
		padding:0px;
		float:left;
		
		}
	
	#content {
		padding:4px 4px 0 14px;
		float:left;
		max-width: 533px; /**/
		}
	.conthome {
		width: 348px;
		
		}
	/*
	.continside {
		width: 523px;
		}
	*/
	
	#rightcol {
		width:175px;
		padding:0px;
		float:right;
		margin-top:2px;
		}
	#rightcol img {
		display:block
		}
	
	#header {
		background: url(../img/logo_sky.jpg) no-repeat;
		width: 716px;
		height: 104px;
		padding-top:13px;
		clear:left;
		}
		
	#logolink { 
		margin: 0 0 0 15px;
		display:block;
		width:135px;
		height: 80px;
		}
	#topmenu {
		height: 14px;
		width:704px;
		background-color:#1B6139;
		color: #fff;
		text-align: right;
		font-size: 0.6em;	
		padding: 4px 6px;
		border-bottom: 6px solid #fff;
		}
	#topmenu a {color:#fff; text-decoration:none}
	
		
/*..........................................................................................................*/
/*.................................................. LEFTCOL ...............................................*/
/*..........................................................................................................*/
/*unless borders are being added - no need to adjust the margin and padding - adjust on inner divs please */

#menu {margin:0; padding:0; background-color: #eee; font-size:0.7em;}
#menu ul{ font-family:Verdana, Arial, Helvetica, sans-serif}
#menu ul li { margin: 0; padding: 5px 8px; list-style: none; border-bottom: 1px solid #fff; line-height:1em}

#menu ul li a {text-decoration: none; color: #000; }
#menu ul li a:hover {text-decoration: none; color: #777; }
#menu ul li.on {background-color: #a4a4a4; font-weight:bold; }
#menu ul li.on a {color: #fff; }

#content h1 {font-size:0.8em; color:#333; margin:0 0 1ex 0;}
#content h2 {font-size: 0.7em; color: #333;  margin:1em 0 0.8ex 0;}
#content h3 {font-size: 0.7em; color:#666; margin:0 0 0.8ex 0;}
#content h4 {font-size: 0.7em; color: #999;}
#content h5 {font-size: 0.6em; color: #999; }
#content p {font-size: 0.7em; color: #333;}

/*links*/
#content a {text-decoration: underline; }
#content a:hover {text-decoration: none; }


/*block quotes*/
#content blockquote {margin: 10px 0 10px 0; padding: 10px 10px 10px 40px;  background: url(../img/css_quote.gif) no-repeat;  color: #00689c; background-color:#E7EFF7; font-size: 0.7em;}
#content blockquote p{margin:5px 0 0 0; padding: 0; font-size: 0.9em; color: #00689c;}

/* main text */


p {margin: 0 0 1ex 0; line-height:1.4em;}
p.backtotop {background: url(../img/backtotop.gif) no-repeat bottom left; padding:0 0 0 13px;  margin:0 0 0 485px;}

.nomargin { margin: 0}
.large {font-weight:bold; font-size: 1.3em; line-height:1.8em;}

#content img {margin: 2px 0 6px 2px; padding:1px; border:1px solid #ccc; float:right}

/*   rightcol  */

#rightcol h2 {
	font-size: 0.9em;
	color: #666;
	background: #fff url(../img/dotted.gif) repeat-x bottom left;
	padding-bottom:3px;
	margin:13px 0 3px 0;			
}
#rightcol h3 {
	font-size: 0.6em;
	color:#3e3e3e;
	}
#rightcol p {
	font-size: 0.7em;
	line-height: 1.2em;
	margin:0;
	color:#333;
	}
#rightcol p.more a {
	
	}

/* definition term list */
dl {font-size:0.7em;}
dt {font-weight:bold; color:#001055; margin:15px 0 5px 0;}
dd { margin:5px 0 10px 0;}








/*..........................................................................................................*/
/*.................................................. FORM STYLES............................................*/
/*..........................................................................................................*/
#content fieldset {border:1px solid #999;margin:10px 0 0 0 ;padding:0 5px 0 5px;width:500px;}
#content legend {font-weight:bold;margin:0px 0 0 0;padding:0px 5px 0 5px; font-size:.7em; color:#666}

#content p.required { border-bottom: 1px solid #ccc; margin-bottom: 5px;}

#inputform h2.num {font-size: 0.7em; font-weight:bold; border: 1px solid #EEEEEE; background-color: #F1F4FB; color: #08205C; padding:3px 3px 3px 0px; margin: 10px 0 5px 0; }
#inputform .num { color: #08205C; padding:3px 6px 3px 6px; border: 1px solid #EEEEEE; background-color: #CBCBCB; margin-right:10px;}

#inputform table { width:100%; margin: 0; font-size:0.7em;}
#inputform table td {padding: 2px 5px;}
#inputform table td.nopad {padding:5px 1px 5px 6px;}
#inputform table tr td.action { text-align: center; padding:10px 0;}
#inputform table td { vertical-align: top; }
#inputform table td label { color: #222}
#inputform table tr.alt td { background-color: #F8F8F8}
#inputform table tr.buttons td {border-top: 1px solid #ccc; padding-left: 170px;}

#inputform input, #inputform select, #inputform textarea {border: 1px solid #ccc; font-size: 1em; padding: 1px 2px;}
#inputform input.butt {margin:0; padding:0 10px 0 5px; color:#fff; border:1px solid #000 inset; width: auto; background: url(../img/arrow_small_black.gif) no-repeat right #999;}
#inputform textarea { font-family: verdana; height: 60px;}

#inputform input.button { margin: 10px ; font-size: 1em; border: 1px solid #999; background: #ccc; color: #666;}
#inputform input.cb {margin: 0 3px 0 0; border:0; height: 13px;}
#inputform input.radio {margin: 0 3px 0 0; border:0; height: 11px;}
*html #inputform input.cb, #inputform input.radio {margin: 0 3px 0 0; border:0; height: 13px;}
#inputform input.address {margin-bottom:10px;}

/*..........................................................................................................*/
/*.................................................. TABLE STYLES...........................................*/
/*..........................................................................................................*/

table.list {margin:10px 0; padding:0; border-collapse:collapse; border:0; font-size:1.0em; width:100%; font-size: 0.7em;}
table.list th {background:#FF4100; color:#fff; border-left:2px solid #fff; padding:4px 5px; text-align:left;}
table.list td {background:#F2f2f2; border:2px solid #fff; padding:3px 5px; vertical-align: top;}
table.list td.alt {background:#FCEEE9;}
table.list td.date {font-weight:bold; color:#001055;}



#content p.ast {margin:0;padding:5px 0 0 5px; }
#content table {margin:10px 0; padding:0; border-collapse:collapse; border:0; font-size:1.0em; width:500px; font-size: 0.7em;}
#content table th {background:#FF4100; color:#fff; border-left:2px solid #fff; padding:4px 5px; text-align:left;}
#content table td {background:#F5f5f5; border:2px solid #fff; padding:3px 5px; vertical-align: top;}
#content table td.alt {background:#FCEEE9;}

#content table td.date {font-weight:bold; color:#001055;}

/*..........................................................................................................*/
/*.................................................. LIST STYLES............................................*/
/*..........................................................................................................*/

/*lists*/
#content ul {font-size:0.7em; line-height:1.4em; margin: 0 0 1ex 0;}
#content ul li {color: #333; margin:0 0 0 20px; padding:0px 0 2px 0; list-style-image: url(../img/bullet_greyarrow.gif); color:#333; }
#content ul li.sub {margin:4px 0 4px 4px; list-style-image: url(../img/bullet_li.gif);}

#content ul.linkto {margin:0 0 0 20px; font-size:0.7em; font-weight:bold; color:#0C528F; }
#content ul.linkto li {padding:5px 0 5px 0; list-style-image: url(../img/red_bullet.gif); }
#content ul.linkto li a {color:#0C528F; text-decoration:none;}
#content ul.linkto li a:HOVER {text-decoration:underline;}

/* unordered list */
#content ol {margin:10px 0 10px 30px;}
#content ol li {color: #333; padding:2px 0; line-height:1.5em; font-size: 0.7em;}
#content ol li ul li span {font-weight: normal; font-size: 2em; /* remove bold from list items */}

#content ol.abc {}
#content ol.abc li { list-style: lower-alpha; font-weight:normal; line-height:1.4em; padding:4px 0;}

#content ul.orange_box { margin:10px 0 15px 5px; list-style: none;}
#content ul.orange_box li {list-style-image: url(../img/orange_square_bullet.gif); padding:2px 0 2px 5px; line-height: 22px; voice-family:"\"}\""; voice-family:inherit; line-height: 17px   } .dummy {}

#content ul.red_arrow { margin:0 0 0 20px;}
#content ul.red_arrow li { line-height: 18px; list-style-image: url(../img/bullet_redarrow.gif); padding:0;}

/* downloads */
ul.download {margin:10px 0 5px 0; list-style: none; font-size:0.7em}
ul.download li {padding-left: 18px; line-height: 1.2em}
ul.download li a {color:#000;}
ul.download li.doc { background: url(../img/doc.gif) no-repeat left;}
ul.download li.desc {color: #666; }


ul.download li.news { list-style-image: url(../img/news.gif);}
ul.download li.email { list-style-image: url(../img/icon_email.gif);}
ul.download li.pdf { list-style-image: url(../img/pdf.gif);}
ul.download li.ppt { list-style-image: url(../img/ppt.gif);}
ul.download li.word { list-style-image: url(../img/doc.gif);}
ul.download li.print { list-style-image: url(../img/icon_print.gif);}
ul.download li.new_doc { list-style-image: url(../img/doc_icon.gif);}
ul.download li.search { list-style-image: url(../img/icon_search.gif);}


/*..........................................................................................................*/
/*.................................................. FOOTER ...............................................*/
/*..........................................................................................................*/
#footer {
		border-top: 8px solid #fff;
		border-bottom: 4px solid #fff;
		height: 14px;
		width:696px;
		background-color:#f0f0f0;
		color: #666;
		font-size: 0.6em;	
		padding: 3px 10px;
		clear:both
		}
#footer a {
		color: #666;
		text-decoration:none;
		}
#footer a:hover{
		text-decoration:underline;
		}

		/***************************************************************/
		
		#content ul.newsItem {margin:10px 0 5px 0; list-style: none;}
		#content ul.newsItem li {line-height: 1.2em;margin:0 0 0 25px; width: 325px;}
		#content ul.newsItem li a {color:#000;text-decoration:none;}
		#content ul.newsItem li a:hover {color:#000;text-decoration:underline}
		#content ul.newsItem li.author { margin:0 0 0 5px; padding:0 0 0 20px;list-style-image:none;}
		
		#content ul.newsItem li.info {color: #666;font-size:.85em;padding:0 0 0 0px;list-style-image:none} 
		#content ul.newsItem li.info2 {color: #666;font-size:.85em;padding:0px; list-style-image:none}

		#content ul.newsItem li.title { list-style-image: url(../img/more.gif); padding:0 0px 0 0}
		#content ul.newsItem li.title2 { list-style-image: none;background: url(../img/doc.gif) no-repeat left;margin:0 0 0 5px; padding:0 0 0 20px;}