/* ############################################################################
   ##
   ##  Global Website Stylesheet
   ##
   ######################################################################### */

/*
GBBCS Colours
Background blue: 	0096D6

*/
   
/*
Use the following constructions to override styles for specific IE browser
versions, where [element] is the name of the element including a dot or has as
needed:
*/

*:first-child+html [element] {	/* IE7 only */
}

* html [element] {	/* IE6 only */
}

/* ####################################
   HTML Element Styles
   ################################## */

body {
 	margin: 0;
 	padding: 0;
 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	
	background-color: #ffffff;
}

a {
}

	a:link {
		color: #0096D6;
		text-decoration: none;
	}

	a:visited {
		color: #0096D6;
	}

	a:hover {
		color: #0096D6;
		text-decoration: underline;
	}

	a:active {
		text-decoration: underline;
	}

p {
	margin-top: 0;
	margin-bottom: 1.35em;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 180%;
	font-weight: strong;
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #005088;
}

h2 {
	font-size: 150%;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h3 {
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h4 {
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h6 {
	font-size: 92.5%;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 0.25em;
}

ul {
	margin-top: 0px;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-bottom: 4px;
	list-style: url("/images/templates/bullet.gif") square;
	/*list-style: none;*/
	margin-left: 28px;
	padding-left: 8px;
}
ul li {
	padding-top: 0px;
	padding-bottom: 3px;
}


ol {
}

ol li {
}

big {
	font-size: 110%;
}

small {
	font-size: 83.5%;
}

hr {
	margin: 8px 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
	background: transparent url('/images/templates/bg_hr.gif') top left repeat-x;
}

img {
	border: none;
}

	* html img {
		FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.50);
	}

caption {
	margin: 0em 0em 0.25em 0em;
	
	font-weight: bold;
	text-align: left;
}

address {
	margin: 0em 0em 1.35em 0em;
	font-style: italic;
}


/* ####################################
   Form Styles
   ################################## */

input#search {	
	margin-right: 5px; 
	margin-bottom: 10px;
	width: 100px;
}

input#go {
	margin-bottom: 8px;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 1px 3px 1px 1px;
	
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	
	background-color: #ffffff;
	border: #cccccc 1px solid;
}

input.blank {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background: url('/images/templates/spacer.gif');
}
	
input.submit {
	font-family: arial, helvetica, sans-serif;
	color: #323232;
	border: #cccccc 1px outset;
	background: url('/images/templates/bg_nav.gif') #e0e0e0;
}

select {
}

textarea {
	font-family: arial, helvetica, sans-serif;
	border: #cccccc 1px solid;
}
	
/* ####################################
   Table Styles
   ################################## */

table {
	empty-cells: show;
	border-collapse: collapse;
}

tr {
}

th {
	text-align: left;
	font-weight: bold;
}

td {
}

/* ####################################
   Page Layout
   ################################## */

#Align {
	/* Coupled with the margin and text-align settings in page-wrapper-outer (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
	text-align: center;
}

#Page {
	position: relative;
	/*width: 940px;*/
	width: 890px;
	/* To re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
	margin: 0 auto;
	text-align: left;
}

	#Page-Inner {
		position: relative;
		width: 100%;
	}

	#TrailNav {
		display: none;
	}

	#PageFunctions {
		display: none;
	}

	#Header {
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 200px;
	}

		#Header #Header-Inner {
			padding-top: 16px;
		}

		#Header #Logo {
			margin: 0px;
			margin-bottom: 16px;
			padding: 0px;
		}

		#CCLogo {
			float: right;
			margin: 0px 0px;
			padding: 0px;
			width: 152px;
			height: 75px;
		}
		#HomeLink {
			color: #ffffff; 
			font-weight: bold; 
			font-size: 90%; 
			position: absolute; 
			top: 66px;
			margin-left: 20px;
			
		}
			#HomeLink a {
				color: #005088;
				text-decoration: none;
			}
			#HomeLink a:link {
				color: #005088;
				text-decoration: none;
			}
			#HomeLink a:visited {
				color: #005088;
			}
			#HomeLink a:hover {
				color: #005088;
			}
			#HomeLink a:active {
			}

			#MainMenu-Wrapper {
				min-height: 50px;
			}
			
			#MainMenu {
				margin: 10px 0px;
				padding: 0px;
				width: 908px;
				min-height: 50px;
			}
		
		#Content-Wrapper {
			width: 100%;
		}
		#Content-Wrapper-Inner {
			width: 100%;
			padding-bottom: 20px;
			margin-top: 0px;
			padding-top: 1px;
		}
		#Content {
			width: 100%;
			padding-top: 10px;
			background: transparent url('/images/templates/bg_content_top.gif') top left no-repeat;
		}
		#Content-Inner {
			background: transparent url('/images/templates/bg_content_bottom.gif') bottom left no-repeat;
			width: 890px;
		}

			#Primary {
				float: left;
				width: 100%;
			}

				#Primary #Primary-Inner {
					padding: 10px 20px 20px 20px;
				}

				#Primary #PageBody {
				}

				#Primary #SubContainers {
				}

				#Primary #SubArticles {
				}

			#Secondary {
				position: relative;
				float: left;
				/*width: 220px;*/
				margin-right: 10px;
				overflow: hidden;
			}

				#Secondary #Secondary-Inner {
					padding: 10px 20px 20px 20px;
				}

			#Tertiary {
				display: none;
			}

	#Footer {
		clear: both;
		width: 890px;
		margin: 10px 0px;
		color: #575757;
		text-align: right;
		padding-right: 20px;
	}

		#Footer-Inner {
		}
		#AddThis {
			float: left;
		}

		#Footer #Footer-Inner ul {
			margin: 0px;
			padding: 0px;
			margin-bottom: 6px;
		}

		#Footer #Footer-Inner ul li {
			color: #575757;
			display: inline;
			margin: 0px;
			padding: 0px;
		}

		#Footer #Footer-Inner ul li a {
			color: #575757;
			text-decoration: none;
			padding: 0px 15px 0px 15px;
		}

/* ####################################
   Main Menu
   ################################## */


#nav, #nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav li {
	float: left;
	width: 209px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	margin-right: 18px;
}

#nav li a {
	width: 209px;
	height: 39px;
	margin: 0px;
	display: block;
	color: #005088;
	text-decoration: none;
	padding: 0px;
	padding-bottom: 0px;
	text-align: center;
	padding-top: 12px;
	font-weight: bold;
	font-size: 14px;
    vertical-align: middle;
	background: transparent url('/images/content/b_yellow_wide.gif') top center no-repeat;
}
#nav li.Government a {
	padding-top: 5px;
}
#nav li a:hover {
	background: transparent url('/images/content/b_blue_wide.gif') top center no-repeat;
	color: #ffffff;
}

#nav a:hover {
	/*color: #005088;*/
}

#nav li:hover, #nav li.sfhover {
}


/* ####################################
   Custom Element Styles
   ################################## */

ul.warnings {
	margin-top: 0.5em;
	margin-bottom: 1.35em;
	list-style: url('/images/templates/icons/16x16_warning.gif') square;
}

ul.warnings li {
	margin-bottom: 0.7em;
}

#Submissions {
	border: 1px solid #0096D6;
	margin-bottom: 9px;
	padding: 6px 9px;
}
	#Submissions strong {
		font-size: 130%;
		margin: 6px;
	}


#GetBehindLogo { 
}

.blue_button
{   background: transparent url('/images/content/b_blue.gif') center center no-repeat; 
    height:49px; 
    width:186px;
    padding-top: 20px;
}

.blue_button a
{   color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.blue_button a:hover 
{
	color: white;
	font-weight: bold;
}

#ClickHereToTellGov		        {   height: 66px; width: 322px; text-align:center; vertical-align:middle;
                                    background: transparent url('/images/content/b_blue_homepage.gif') top left no-repeat;
                                 }
#ClickHereToTellGov a           {   color:White; font-size: 16px; font-weight: bold; text-decoration: none;}
#ClickHereToTellGov a:hover     {   color:White; font-size: 16px; font-weight: bold; /*text-decoration: underline;*/}

#BreadCrumbs {
	margin-left: 0px;
	color: #aaaaaa;
	font-weight: bold;
	font-size: 8pt;
	text-transform: lowercase;
}

#BreadCrumbs a {
	color: #aaaaaa;
	text-decoration: none;
}

#aButtonLink		        {   height: 66px; width: 322px; text-align:center; vertical-align:middle;
                                    background: transparent url('/images/content/b_blue_homepage.gif') top left no-repeat;
									padding-top:13px;
                                 }
#aButtonLink a           {   color:White; font-size: 16px; font-weight: bold; text-decoration: none;}
#aButtonLink a:hover     {   color:White; font-size: 16px; font-weight: bold; }