/*****************************************************************************************/
/* This CSS file affects the
/* layout of the site
/* 
/* !!!DO NOT TOUCH!!! or you'll break something
/*
/* Content is organised as follows:
/*
/*	HTML
/*		>included linkstrip.php
/*		>div dividerlongRed (may change this later)
/*		>div container (holds everything)	
/*			>div banner(either home or sub)
/*			>div dividerRed (may change this later)
/*			>div mainMenuH 
/*			>div title (only on index page)
/*			>div main
/*				>table row
/*					>table column1(also div)
/*					>table column2_1 or column2_2(also divs)
/*					>table column 3(also div)
/*				>table row
/*					>included footer.php
/*
/*	Layout may therefore be changed as long as the above structure is maintained.
/*	
/*
/*****************************************************************************************/

html, body { /*affects layout of entire site*/
	height: 100%;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
}

#container { /*holds all content in to a fixed width and centred*/
	height: 100%;
	top: 0px;
	margin-top: 0px;
	margin-left: 5px;
	width: 955px;
	float: left;
}

/* DIVIDERS */

#dividerlongRed { /*long red divider line-------------------------------------------------------------*/
	line-height: 4px;
	height: 4px;
	width: 955px;
	margin-bottom: 0px;
	position: relative;
	background-color: #9e2c31;
	margin-top: 0px;
}

#dividerRed {
	line-height: 3px;
	height: 3px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	position: relative;
	background-color: #9e2c31;
	margin-top: 0px;
}

#dividerSkin {
	line-height: 5px;
	height: 5px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #9E2C31;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* BANNERS */

#bannerHome { /*banner for homepage only*/
	height: 270px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
}

#bannerSub { /*banner for all other pages*/
	height: 160px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
	background-image: url(../images/site_layout/sub_headv2.jpg);
	background-repeat: no-repeat;
}

#title{ /*website title for homepage*/
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}

/* MENUS - be aware some menus have their own css file */

#mainMenuH {
	position: relative;
	height: 25px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	z-index: 10;
	margin-top: 0px;
}

/* CONTENT */

#main {/*main content container - surrounds all columns*/
	width: 955px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*content columns*/

#column1 {/*used in all layouts */
	width: 180px;/*fits banner of max 180 width*/
	height: 100%;
	padding-top: 0px;
	padding-left: 5px;
}

#column1_1 {/*used in one column layout (no template yet)*/
	padding-top: 42px;
	width: 955px;
	padding-left: 5px;
}

#column2_1 {/*used in two column layout (subpage_sub_2col.dwt.php)*/
	width: 680px;
	padding-left: 5px;
	padding-right: 0px;
}

#column2_2 {/*used in three column layout pages (subpage_sub_3col.dwt.php)*/
	width: 550px;
	padding-left: 10px;
	padding-right: 5px;
}

#column3 {/*used in all three column layout pages (index.dwt.php, mainpage.dwt.php and subpage_sub_2col.dwt.php)*/
	width: 180px;
	padding-top: 0px;
	padding-left: 5px;
}

/*minor styles*/

.subHead {
	padding-left: 15px;
}