/* CSS Protocol

Subcategories exist for:

-Text
-Images
-Layout

Within each style tags are to be ordered as follows:

position
left
top
width
height
z-index

margin
padding
borders

colors & formatting

*/

/* Text */
* {
		padding: 0;
		margin: 0;
		}
		
body
{
text-align: center;
background-image: url('images/star4.png');
padding: 0px;
color: #000000;
}

a
{
text-decoration: none;
color: #ff0000;
border: none;
}

a:hover		{font-style: italic;}


p
{
font-family: Tahoma;
font-size: small;
margin: 10px;
text-align: left;
}

ul
{
padding-left: 20px;
}

li
{
font-family: Tahoma;
font-size: small;
margin: 10px;
text-align: left;
}

h2
{
font-family: Tahoma;
margin: 10px;
text-align: left;
font-variant: small-caps;
color: #000000;
}

h3
{
font-family: Tahoma;
margin: 10px;
text-align: left;
font-variant: small-caps;
}

.column img
{
margin-top:10px;
padding-bottom: 6px;
}

img
{
padding: 0;
margin: 0;
border: 0;
}

.halfColumn img
{
margin-top:10px;
padding-bottom: 6px;
}

/* Layout */

#contentWrapper
{
width: 810px;
margin: 0 auto;
padding-top: 20px;
}

#mainContent {
		width: 820px;
		float: left;
		padding-bottom: 10px;
		background-color: #dddddd;
		}

.columnContainer {
		width: 810px;
		padding-top: 10px;
		padding-left: 10px;
		background-color: #dddddd;
		}

.column {
		width: 394px;
		float: left;
		margin-right: 8px;
		border: 1px solid black;
		background-color: #ffffff;
		}

.halfColumn
{
		width: 192px;
		float: left;
		margin-right:8px;
		border: 1px solid black;
		background-color: #ffffff;
		}

.fixHeight
{
		height: 150px;
}
		
.spanOneAndHalf
{
		width: 600px;
		float: left;
		border: 1px solid black;
		background-color: #ffffff;
}

.spanTwo {
		width: 798px;
		float: left;
		border: 1px solid black;
		background-color: #ffffff;
		}

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

/* Debugging colours*/
/*
#contentWrapper {
		background: pink;
		}


.columnContainer {
		background: blue;
		}

#mainContent {
		background: orange;
		}
	
.column {
		background: red;
		}
		
.spanTwo {
		background: red;
		}
		
*/