﻿/* Base Tags */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.Auto-Centre-Container-950px {
	text-align:left;
	width:950px;
	margin: 0 auto;
	padding-top:3px;
}
body {
	color:black;
	margin:0;
	background-color:#FFFFFF;
}
a:link {
	color: gray;
	padding-bottom:5px;
}
a:visited {
	color: gray;
}
.Overflow-Hidden {
	overflow:hidden;
}
p {
	color:gray;
	margin-bottom:10px;
   	font-family: 'Droid Sans', arial, serif;
   	font-size:108%;
   	line-height:25px;
}
.list {
	color:gray;
	margin-bottom:10px;
   	font-family: 'Droid Sans', arial, serif;
   	font-size:108%;
   	line-height:25px;
	font-weight:bold;
}
h1 
{
	font-family: 'Droid Sans', arial, serif;
    font-size:167%;
}

h2 {
	font-family: 'Droid Sans', arial, serif;
    font-size:167%;
}
.H3-Style {
	font-family: 'Droid Sans', arial, serif;
    font-size:138.5%;
	margin-bottom:10px;
}
h3 {
	font-family: 'Droid Sans', arial, serif;
    font-size:138.5%;
	padding-bottom:10px;
}
.Header {
	height:150px;
}
/* Borders */
.Border-None{
	border:none;
}
.Border-Bottom-Gray {
	border-bottom: solid 1px gray;
}
.Border-Top-Gray {
	border-top:1px solid gray;
}
.Border-All-Gray {
	border:1px solid gray;
}
.Border-All-Yellow {
	border:5px solid #FF0;
}
.Border-All-Gray {
	border:5px solid gray;
}
.Border-All-White {
	border:5px solid white;
}

.Border-Bottom-Blue {
	border-bottom: solid 1px #0090F0;
}
.Border-Top-Blue {
	border-top:1px solid #0090F0;
}
.Border-All-Blue {
	border:1px solid #0090F0;
}
/* Colour Tags */
.Colour-Text-Red {
    color:#CC0000;  
}
.Colour-Background-Red {
    background:#CC0000;
}
.Colour-Text-White {
    color:white;  
}
.Colour-Background-White {
    background-color:#FFFFFF;
}
.Colour-Text-Gray {
    color:gray;  
}
.Colour-Background-Gray{
    background-color:#EAEAEA;
}
.Colour-Background-Footer-Gray{
    background-color: #CDCDCD;
}
.Colour-Text-Black {
    color: black;  
}
.Colour-Background-Black{
    background-color: black;
}
.Colour-Text-Yellow {
    color:#FF3;
}
.Colour-Background-Yellow {
    background:#FF3;
}
/* Containers */

.Footer-Container {
	heigh:auto;
	background-image:url(../media/fade-gray.jpg);
}

/* Float Tags */
.Float-Left {
    float:left;
}
.Float-Right {
    float:right;
}
.Float-Clear {
    clear:both;
}


/* Margin Tags */
.Margin-Left-10px {
    margin-left:10px;
}
.Margin-Right-10px {
    margin-right:10px;
}
.Margin-Top-10px {
    margin-top:10px;
}
.Margin-Bottom-10px {
    margin-bottom:10px;
}
.Margin-All-10px {
    margin:10px 10px 10px 10px;
}
.Margin-Left-30px {
    margin-left:30px;
}
.Margin-Right-30px {
    margin-right:30px;
}
.Margin-Top-30px {
    margin-top:30px;
}
.Margin-Bottom-30px {
    margin-bottom:30px;
}
.Margin-All-30px {
    margin:30px 30px 30px 30px;
}


/* Padding Tags */
.Pad-Top-1px {
    padding-top:1px;
}
.Pad-All-5px {
    padding:5px 5px 5px 5px;
}
.Pad-Left-10px {
    padding-left:10px;
}
.Pad-Right-10px {
    padding-right:10px;
}
.Pad-Top-10px {
    padding-top:10px;
}
.Pad-Bottom-10px {
    padding-bottom:10px;
}
.Pad-All-10px {
    padding:10px 10px 10px 10px;
}

/* Size Tags */
.Size-Full-Width {
	width:100%;
}
.Size-Half-Width {
    width:50%;
}
.Size-Half-Height {
    height:50%;
}
.Size-Quarter-width {
    width:25%;
}
.Size-Quarter-Height {
    height:25%;
}
.Size-45-Width {
	width:45%;
}

/* Text Size Alignment Tags*/
.Text-Bold {
    font-weight:bold;
}
.Text-Size-100 {
    font-size:100%;
}
.Text-Size-138 {
    font-size:138%;
}
.Text-Size-123 {
    font-size:123.1%;
	padding-bottom:5px;
}
.Text-Size-108 {
    font-size:108%;
}
.Text-Left {
    text-align:left;
}
.Text-Right {
    text-align:right;
}
.Text-Centre {
    text-align:center;
}
.yui-g {
	padding-top:20px;
}
/* Coloured Underlines*/
.Underline-Red {
	border-bottom:solid 2px #CC0000;
}
.Underline-Blue {
	border-bottom:solid 2px  #09F;
}
.Underline-Purple {
	border-bottom:solid 2px  #C6F;
}
.Underline-Yellow {
	border-bottom:solid 2px  #FC3;
}
.Underline-Pink {
	border-bottom:solid 2px  #F3C;
}
.Underline-Green {
	border-bottom:solid 2px red;
}
.Underline-Cyan {
	border-bottom:solid 2px  #0FF;
}
.Underline-Orange {
	border-bottom:solid 2px  #F90;
}
.Underline-Gray {
	border-bottom:solid 2px #CCC;
}
.Underline-White {
	border-bottom:solid 2px #FFF;
}

