/* CSS Document */
/*
-----------------------------------------------
CSS Author:   	Chris Young
Version/Date: 	January 2007
Project:		Dimension Graphics/Firstmile Community Broadband.

!! THIS CSS CODE IS THE COPYRIGHT
		 OF CHRIS YOUNG !!
		
		WWW.CYPHOTO.CO.UK
----------------------------------------------- */


/* PAGE ELEMENTS START */



html, body {
	background: #ededed;
	color:#000;
	margin: 10px 0 0 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	/*width: 250px;*/
  }
  
#wrapper {
	width: 768px;
	margin: 0 auto;
  }

#nav
	{
	float: left;
	width: 20%;
	font-size: 115%;
	font-weight: bold;
}

#content
	{
	float:right;
	width: 75%;
	padding:20px 5px 40px 25px;	
}

#news
	{
	float:right;
	width: 35%;
	border: solid #1b54d5 1px;
	text-align: left;
	padding:0 5px 10px 5px;
	margin:0 0 25px 10px;
	overflow: auto;
	height: 360px;
	z-index: 1;
}

#footer
	{
	clear: both;
	margin: 0;
	padding: 10px 30px 10px 0;
	text-align: right;
}

h2
	{
	padding-bottom:5px;
	border-bottom: solid #3d9960 1px;
	z-index: 0;
}

h2.frontPage {
	width: 60%;
}

p
	{
	font-size: 110%;
}
 
img
	{
	border: none;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}


#nav ul
	{
	display: block;
	list-style: none;
	padding: 25px 0 0 0;
	margin: 0 0 0 10px;
}

#nav ul li
	{
	display: block;
	padding-bottom: 15px;
}

#nav ul li.heading
	{
	display: block;
	padding-bottom: 15px;
	text-decoration: underline;
	color: #666666;
}

#nav ul li.register
	{
	display: block;
	padding-bottom: 15px;
	padding-left: 15px;
}

a
	{
	text-decoration: none;
	color: #3d9960;
}


#nav ul li a
	{
	text-decoration: none;
	color: #666666;
}

#nav ul li a:hover
	{
	color: #3d9960;
}

#nav ul li a:active
	{
	color: #3d9960;
}

#nav ul li a#current {
	color: #1b54d5;
}

#news h2
	{
	color: #3d9960;
	text-decoration: underline;
	border: none;
	padding: 0 0 0 0;
	margin: 5px 0 5px 70px;
	font-size: 140%;
	font-style: italic;
}

#news h3
	{
	font-size: 100%;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;	
}

#news p
	{
	font-size: 80%;
	padding:0 0 0 0;
	margin: 0 10px 10px 10px;	
}

.date
	{
	font-style: italic;
	font-size: 100%;
	text-decoration: underline;
}

.important
	{
	font-style: normal;
	font-size: 100%;
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}

#footer p
	{
	font-size: 80%;	
}

.slogan
	{
	color: #3d9960;
	font-weight: bold;
	text-decoration: none;
	clear: both;
	font-size: 130%;
}

.slogan2
	{
	color: #3d9960;
	font-weight: bold;
	text-decoration: none;
	clear: both;
}

#footer a
	{
	text-decoration: none;
	color: #000;
}

#footer a:hover
	{
	color: #3d9960;
}

#footer a:active
	{
	color: #3d9960;
}

#footer a#current {
	color: #1b54d5;
}

td.slogan, td.pack 
	{
	text-align: center;	
}

.package
	{
	font-size: 90%;	
}

.package a
	{
	font-weight: bold;	
}

.leader
	{
	font-size: 130%;
	font-weight: bolder;
	padding-right:15px;
}

ul li
	{
	font-size: 100%;	
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid #3d9960;
padding: 10px;
color: #1b54d5;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


.infopopup
	{
	float:none;
	width: 50%;
	background-color: #ededed;
	color: #3d9960;
	margin: 10px 50px 10px 50px;
	padding: 10px 50px 10px 50px;
}

.infopopup ul
	{
	background-color: #ededed;
	list-style: none;
	margin: 0;
	padding: 0;
}

.closepopup
	{
	text-decoration: underline;
	font-weight: bold;
	float: right;
}

dt
	{
	color: #3d9960;
	font-weight: bold;
	padding-top:25px;
	text-decoration: underline;
}

dd
	{
	padding:0 0 0px 0;
	margin:10px 0 0 20px;
}

em.note
	{
	display:block;
	font-style: italic;
	color: #3d9960;
	margin:0;
	padding:0 30px 0 30px;
}

.imgcaption
	{
	font-size: 80%;
	margin-top: 0;
	padding-top: 0;
	color: #3d9960;
}

.floatl
	{
	float: left;
	margin: 0 25px 25px 0;	
}