html 	{width:100%; }
body	{background:#4E595F url('../images/body-bg.gif') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:80%; color:#000000; width:100%; }

p		{padding:5px 0 5px 0px; margin:0px; line-height:140%; }
h1		{margin:0; padding:0; font-size:130%; font-weight:normal; }
h2		{
	margin:0;
	padding:0 5px 10px 0;
	font-size:160%;
	font-weight:bold;
	float: left;
}


/*link styling*/
a			{color:#000000; text-decoration:underline; }
a:hover		{text-decoration:none; }
#footer a	{color:#637076; }


/*structural elements*/
.section 		{text-align:center; width:100%; border-bottom:1px solid #637076 }

#header			{
	margin:0 auto;
	text-align:left;
	padding:20px 20px 20px 20px;
	width:720px;
	border-left:1px solid #637076;
	border-right:1px solid #637076;
	background: #2B2B2B url('images/topbg.gif') repeat-x;
}
#container		{margin:0 auto; text-align:left; padding:0 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
h1#logo			{background:#00000url('images/webspluslogo.jpg') repeat-x; float:left; width:100px; border:1px solid #FFFFFF; text-align:center; }
#pictureRail	{text-align:center; }
#news			{
	background:#E8EDF7;
	float:left;
	width:200px;
	padding:20px 20px 5px 20px;
	border:1px solid #1A292F;
	display: table-column;
}
#menu			{
	background:#1A292F;
	margin:0 0px 0 260px;
	border:1px solid #FFFFFF;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
}
#content		{background:#E8EDF7; margin:20px 0 0 260px; padding:20px 20px 10px 20px; border:1px solid #1A292F; }
#footer			{margin:0 auto; text-align:left; padding:20px 20px 60px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#footer p		{background:#1A292F; padding:10px; font-size:90%; color:#637076; border:1px solid #637076; text-align:center; }
#header img {
}



/*section dependant style over-rides*/
#news h3	{margin:0; padding:0 0 10px 0; color:#000000; font-size:120%; font-weight:bold; }
#news p		{padding:10px 0; border-top:1px solid #000000; }

#header p	{
	text-align:left;
	font-size:170%;
	color:#E8EDF7;
	padding:0px 2px 0 0px;
	display: inline;
	width: 60%;
	vertical-align: top;
	float: none;
}

ul#menu 	{
}
ul#menu li	{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
ul#menu  a	{
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 10px;
}

#pictureRail img	{margin:20px 10px;border:1px solid #FFFFFF;  }
#content img		{border:1px solid #000000; float:right; margin:0 0px 20px 20px; }


/*just makes sure the content doesn't spill out the boxes, see http://www.positioniseverything.net/easyclearing.html for details*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
ul#menu li .selected {
color:#FF6600;
}
#content.wide {
	background:#E8EDF7;
	margin:20px 0 0 0px;
	padding:5px 20px 5px 20px;
	border:1px solid #1A292F;
	text-align: center;
}
#content.wide h3 {

	background:#E8EDF7;
	margin:5px 0 0 0px;
	padding:5px 20px 5px 20px;
	border:1px solid #FFFFFF;
	text-align: center;
}
p.list {
padding:0px 5px 0px 25px; margin:0px; line-height:140%;
}
h4 {
	line-height:100%;
	font-weight: bold;
	color: #FF3300;
	margin-top: 5px;
	padding-bottom: 0px;
	display: inline;
}
#news img {
	border:1px solid #000000;
	float:inherit;
	display: inherit;
}