html{
  
height:100%;
}

body {
	margin:0;
	padding:0;
	border:0; 			/* This removes the border around the viewport in old versions of IE */
	text-align: center;
	background-color: #dfdfdf;

	}
	
/* this container is to align the page to the centre */
#container {
	margin:auto;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	text-align:center;
	width:990px; 
	height:100%;
	
	}
	

/* this is for the background colour and borders of the main page; as well as layout */
#bannerandmenu {
	position:relative;
	left:0px;
	top:0px;
	width:995px;
	height:500px;
	border-left: 1px solid black;
	border-right: 1px solid black;	
	background-color: white;
	height:auto;
    margin-bottom:0px;
}

/* this is for the logo */
#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:95px;
}


/* this is for the logo */
#logoCMS {
	position:absolute;
	left:0px;
	top:0px;
	width:556px;
	height:95px;
}

/* this is for the search */
#search {
	position:absolute;
	left:789px;
	top:40px;
	width:183px;
	height:26px;
	vertical-align:middle;
}



/* this is for the Donate button*/

#donate {
	position:absolute;
	left:630px;
	top:65px;
	width:137px;
	height:30px;
}



/* this is for the progressive economy heading */

#progecon {
	position:absolute;
	left:0px;
	top:105px;
	width:227px;
	height:29px;
}

/* this is for the ticker */

#tickerposition {
	position:absolute;
	left:227px;
	top:101px;
	width:768px;
	height:35px;
	padding-top:10px;
	padding-bottom:8px;
	
}

/* this is for the reorder menu items button in the CMS */

#reordermenu {
	position:absolute;
	left:8px;
	top:130px;
	padding-top:10px;
	padding-bottom:8px;
	
}

/* this is for the help button in the CMS */

#help {
	position:absolute;
	left:10px;
	top:0px;
	width:23px;
	padding-top:10px;
	padding-bottom:8px;
	
}

/* this is for the Menu */
#menu {
	position:absolute;
	left:0px;
	top:138px;
	width:995px;
	height:27px;
	background-image:url('images/menuBG.jpg');
}


/* this is for the Menu in the CMS */
#menu_CMS {
	position:absolute;
	left:0px;
	top:168px;
	width:995px;
	height:27px;
	background-image:url('images/menuBG.jpg');
}

/* this contains the news items, red column and departments on the home page */
#homecontainer {
	position:absolute;
	left:0px;
	top:171px;
	width:995px;
	text-align:left;
	min-height: 100%;
    height: auto;
    background-color:white;
	border-left:1px black solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
}

/* this contains the news items, red column and departments on the home page in the CMS */
#homecontainer_CMS {
	position:absolute;
	left:0px;
	top:201px;
	width:995px;
	text-align:left;
	min-height: 100%;
    height: auto;
    background-color:white;
	border-left:1px black solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
}


/* this is for the main body (news items) of the home page */

#newsitems_home {
	float:left;
	width:615px;
	text-align:left;
	min-height: 100%;
    height: auto;
    background-color:white;
}

/* this is for the main body of each page */

#mainbody_ {
	border-left:1px black solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
	position:absolute;
	left:0px;
	top:171px;
	width:965px;
	text-align:left;
	padding-left:15px;
	padding-right:15px;	
    min-height: 100%;
    height: auto;
	background-color: white;

}

/* this is for the main body of each in the CMS */

#mainbody_CMS {
	border-left:1px black solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
	position:absolute;
	left:0px;
	top:201px;
	width:965px;
	text-align:left;
	padding-left:15px;
	padding-right:15px;	
    min-height: 100%;
    height: auto;
	background-color: white;

}

/* this is for the red column */

#redcol {
	float:left;
	width:163px;
	background-image:url('images/redcol.jpg');
	background-repeat:repeat-y;
}


/* this is for the Departments column */

#departments {
	float:left;
	width:212px;
	text-align:left;
	margin-left:5px;
}

/* this is for the individual departments */

#dptmnts {
	margin: 5px;
}

/* for line gaps under home page news items and above comments */
.divider
{
	background-image:url('images/dots.jpg');
	clear:both; 
	margin-right:13px;
	height:20px;
}

.darkdivider
{
	background-image:url('images/dots2.jpg');
	clear:both; 
	margin-right:13px;
	height:20px;
}

.dividerhomepagelinkscms
{
	background-image:url('images/dots.jpg');
	clear:both; 
	margin-right:5px;
	height:20px;
}

/* Stop borders displaying on linked images */
img
{
border:none;
}

.submitbutton
	{
	background-color: #f9911e; 
	font-weight: bold; 
	font-size: 12px; 
	color: white;
	}
	
.grey
	{
	color: #737375;
	}