/* CMG: Main stylesheet */

/* Colours:

	#0B4599 - Main Blue - Snr Exec Btn
	#2357A2 - Families Btn
	#2F61A8 - Career Btn
	#3B6AAD - Bus Owners Btn	
	
	#566BA1 - Darker Purple/Blue Lines
	#5D75AD - Rollover Mid Purple (lens darker)
	#7087BD - Mid Purple/Blue
	#ADB8D7 - Light Purple/Blue

	#231f20 - Black grey
	
	#383838 - Dk Grey
	#4C4C4C
	#888888
	#ABABAB - Light Grey
	#E6E6E6 - BG Grey	

	#094A8C - Text blue (link)
	#000 - Text
	
*/

/* HTML tag styles */

body {
	background-color: #11151a;
	background-image: url(images/BG-About.jpg);
	background-position: center 103px;
	background-repeat: no-repeat;
	color: #000;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	margin : 0;
	margin-bottom: 24px;
	padding: 0;
	text-align: center;
}
a:visited {
	text-decoration: underline;
	color: #094A8C;
}
a:link {
	text-decoration: underline;
	color: #094A8C;
}
a:hover {
	text-decoration: none;
}
select {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
input {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
div {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
table {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
th {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
td {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
th {
	padding: 1em 0.5em;
	border-bottom: 1px solid #E6E6E6;
	line-height: 1.6em;
	vertical-align: top;
	text-align: left;
}
td {
	padding: 1em 0.5em;
	border-bottom: 1px solid #E6E6E6;
	line-height: 1.6em;
	vertical-align: top;
	text-align: left;
}
th {
	border-top: 1px solid #E6E6E6;
}
th.shaded {
	border-top: 0;
	background-color: #383838;
	color: #fff;
	font-weight: bold;
	padding: 0.5em;
}
td.tdtop {
	border-top: 1px solid #E6E6E6;
}
table {
	padding: 0;
	margin: 0;
	margin-top: 1em;
}
h1 {
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #7087BD;
	margin: 100px 0 0 24px;
}
h2 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #383838;
	margin: 0 0 1em 0;
	font-weight: bold;
	line-height : 1.4em;
}
h3 {
	font-size: 1em;
	color: #094A8C;
	margin: 2em 0 1em 0;
	font-weight: bold;
	line-height : 1.6em;
}
h4 {
	font-size: 1em;
	color: #000;
	margin: 1em 0 1em 0;
	font-weight: bold;
	font-style: italic;
	line-height : 1.6em;
}
h5 {
	font-size: 1em;
	color: #888888;
	margin: 1em 0 0 0;
	font-weight: normal;
	line-height : 1.6em;
}
p {
	line-height : 1.6em;
	margin: 0 0 1em 0;
}
hr {
	color : #E6E6E6;
	height : 0;
	margin: 2em 0 2em 0;
	border: 0;
	border-top: 1px solid #E6E6E6;
}
ol {
	line-height : 1.6em;
	list-style-type : decimal;
	margin: 0 0 1em 3em;	
	text-indent: 0;
	padding: 0;
}
ul {
	line-height : 1.6em;
	list-style-type : square;
	margin: 0 0 1em 16px;	
	text-indent: 0;
	padding: 0;
}
li {
	margin: 0 0 0.7em 16px;
}
blockquote {
	font: 1.2em Arial, Helvetica, sans-serif; 
	line-height: 1.4em;
	margin: 1em 24px;
	padding: 0;
	font-style: italic;
	font-weight: bold;
	color: #094A8C;
}
blockquote p {
	margin: 0;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}


/* ---- CUSTOM STYLES ---- */

/* Page layout */

#logo {
	width: 100%;	
	height: 103px;
	background-color: #FFF;
	text-align: left;
	margin-bottom: -34px;
	display: block;
	clear: both;
}
#logo img { float: left;}
#frame {
	width: 948px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;	
	clear: both;
}
#pic {
	width: 676px;
	height: 122px;
	position: absolute;
	top: -140px; left: 0px;
	z-index: 3;
	overflow: hidden;
}
#pic img {	z-index: 3;}
#navigation {
	float: right;
	width: 255px;
	color: white;	
	margin: -210px 0 24px 0;
}
#page {
	width: 948px;
	margin: 0 auto;
	text-align: left;
}
#page-inner {
	margin-top: 209px;
	padding-top: 30px;
	padding-right: 255px;
	padding-bottom: 26px;
	background: url(images/BG-Page.png) 0 0 repeat-y;
	min-height: 391px;
}
#page hr {
	margin-left: 26px;
	margin-right: 26px;
}
#page table {
	margin-left: 26px;
	margin-right: 26px;
}
#page p {
	margin-left: 26px;
	margin-right: 26px;
}
#page h5 {
	margin-left: 26px;
	margin-right: 26px;
}
#page h4 {
	margin-left: 26px;
	margin-right: 26px;
}
#page h3 {
	margin-left: 26px;
	margin-right: 26px;
}
#page h2 {
	margin-left: 26px;
	margin-right: 26px;
}
#page hr {
	margin-left: 0;
	margin-right: 0;
}  
#page ol {
	margin-left: 40px;
	margin-right: 26px;
}
#page ul {
	margin-left: 40px;
	margin-right: 26px;
}
#page ul li ul {
	margin-top: 0.5em;
}
#page table h5 {
	margin-left: 0;
	margin-right: 0;
}
#page table h4 {
	margin-left: 0;
	margin-right: 0;
}
#page table h3 {
	margin-left: 0;
	margin-right: 0;
}
#page table h2 {
	margin-left: 0;
	margin-right: 0;
}
#page table p {
	margin-left: 0;
	margin-right: 0;
}
#page table table {
	margin-left: 0;
	margin-right: 0;
}
#page table ul {
	margin-left: 16px;
	margin-right: 0;
}
#page table h3 {
	margin-top: 0;
}
#page .col-3 {
	width: 222px;
	float: left;
	margin-bottom: 1em;
	word-wrap: break-word;
}
#page .col-2 {
	width: 222px;
	float: left;
	margin-bottom: 1em;
	word-wrap: break-word;
}
#page .col-1 {
	width: 222px;
	float: left;
	margin-bottom: 1em;
	word-wrap: break-word;
}
#page .col-3 p {
	margin-right: 0;
}
#page .col-2 p {
	margin-right: 0;
}
#page .col-1 p {
	margin-right: 0;
}
div.block {
	padding-top: 16px; padding-bottom: 6px; border-bottom: 1px solid #fff;
}
#page div.block table {
	margin-left: 15px;
	margin-right: 15px;
}
#page div.block p {
	margin-left: 15px;
	margin-right: 15px;
}
#page div.block h5 {
	margin-left: 15px;
	margin-right: 15px;
}
#page div.block h4 {
	margin-left: 15px;
	margin-right: 15px;
}
#page div.block h3 {
	margin-left: 15px;
	margin-right: 15px;
}
#page div.block h2 {
	margin-left: 15px;
	margin-right: 15px;
}
#telephone { padding-top: 26px; padding-bottom: 20px; background: url(images/Menu-L2-White.png);}
#telephone p strong { font-family:Arial, Helvetica, sans-serif; font-size: 16px; }
#telephone p { color: #094A8C; 	margin: 0 15px;}

#blog {
	background: url(images/Blog-Link-BG.jpg) no-repeat #f2f2f2; 
	padding-right: 10px;
	height: 117px;
	overflow: hidden;
}
#blog h2 {
	background-image: none;
	margin: 0 15px;
	padding: 15px 0 0 0;
	font: 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#blog p { margin: 0 20px 0 15px; }

#footer {
	width: 948px;
	margin: 2px auto 0 auto;
	padding: 40px 0 0 0;
	text-align: left;
	position: relative;
	font-size: 0.9em;
	color: #ABABAB;
	clear: both;
	background: url(images/BG-Footer.gif) top center no-repeat #11151a;
	display: block;
}
#footer .col-4 {
	width: 222px;
	float: left;
	margin-bottom: 1em;
	word-wrap: break-word;
	text-align: left;
}
#footer .col-3 {
	width: 222px;
	float: left;
	margin-bottom: 1em;
	word-wrap: break-word;
	text-align: left;
}
#footer .col-2 {
	width: 222px;
	float: left;
	margin-bottom: 1em;
	word-wrap: break-word;
	text-align: left;
}
#footer .col-1 {
	width: 222px;
	float: left;
	margin-bottom: 1em;
	word-wrap: break-word;
	text-align: left;
}
#footer .col-1 { margin-left:26px; }
#footer .col-4 { width: 222px; margin-left:26px; }
#footer p {	margin-right: 0; color: #ABABAB; }
#footer p.copyright { margin-left:26px; }
#footer a:visited { text-decoration: none; color: #ABABAB; }
#footer a:link { text-decoration: none; color: #ABABAB; }
#footer a:hover { text-decoration: underline; }



/* Navigation, links */

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
#navigation ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation ul li a {
	width: 255px;
	padding: 8px 0 0 0;
	text-indent: 15px;
	overflow: hidden;
	display: block;
	height: 27px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	color: #fff;
}
#navHome a { background: url(images/Menu-Grey1.png) top left no-repeat; }
#nav-blue1On a { background: url(images/Menu-Blue1.png) top left no-repeat; }
#nav-blue1 a { background: url(images/Menu-Blue1.png) top left no-repeat; }
#nav-blue3On a { background: url(images/Menu-Blue3.png) top left no-repeat; }
#nav-blue3 a { background: url(images/Menu-Blue3.png) top left no-repeat; }
#nav-blue4On a { background: url(images/Menu-Blue4.png) top left no-repeat; }
#nav-blue4 a { background: url(images/Menu-Blue4.png) top left no-repeat; }
#nav-blue5On a { background: url(images/Menu-Blue5.png) top left no-repeat; }
#nav-blue5 a { background: url(images/Menu-Blue5.png) top left no-repeat; }
#nav-blue2On a { background: url(images/Menu-Blue2.png) top left no-repeat; }
#nav-blue2 a { background: url(images/Menu-Blue2.png) top left no-repeat; }
#nav-blue6On a { background: url(images/Menu-Blue6.png) top left no-repeat; }
#nav-blue6 a { background: url(images/Menu-Blue6.png) top left no-repeat; }
#nav-grey1On a { background: url(images/Menu-Grey1.png) top left no-repeat; }
#nav-grey1 a { background: url(images/Menu-Grey1.png) top left no-repeat; }
#nav-grey2On a { background: url(images/Menu-Grey2.png) top left no-repeat; }
#nav-grey2 a { background: url(images/Menu-Grey2.png) top left no-repeat; }
#nav-grey3 a { background: url(images/Menu-Grey3.png) top left no-repeat; }

#nav-grey3On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-grey2On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-grey1On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-blue6On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-blue5On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-blue4On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-blue3On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-blue2On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}

#nav-blue1On a {
	background-position: -510px 0;
	text-indent: 30px !important;
}
#nav-grey3 a:hover {
	background-position: -255px 0;
}
#nav-grey2 a:hover {
	background-position: -255px 0;
}
#nav-grey1On a:hover {
	background-position: -255px 0;
}
#nav-grey1 a:hover {
	background-position: -255px 0;
}
#nav-blue6 a:hover {
	background-position: -255px 0;
}
#nav-blue5 a:hover {
	background-position: -255px 0;
}
#nav-blue4 a:hover {
	background-position: -255px 0;
}
#nav-blue3 a:hover {
	background-position: -255px 0;
}
#nav-blue2 a:hover {
	background-position: -255px 0;
}
#nav-blue1 a:hover {
	background-position: -255px 0;
}
#navHome a:hover {
	background-position: -255px 0;
}
#nav-grey3On a:hover {
	background-position: -765px 0;
}

#nav-grey2On a:hover {
	background-position: -765px 0;
}

#nav-grey1On a:hover {
	background-position: -765px 0;
}

#nav-blue6On a:hover {
	background-position: -765px 0;
}

#nav-blue5On a:hover {
	background-position: -765px 0;
}

#nav-blue4On a:hover {
	background-position: -765px 0;
}

#nav-blue3On a:hover {
	background-position: -765px 0;
}

#nav-blue2On a:hover {
	background-position: -765px 0;
}

#nav-blue1On a:hover {
	background-position: -765px 0;
}

#navigation ul li ul {
	line-height : normal;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;		
}
#navigation ul li ul li {
	margin: 0;
	padding: 0;
	line-height: normal;
	height: auto;	
}
#navigation ul li ul li a {
	padding: 8px 14px 9px 30px;
	width: 211px !important;
	width: 255px;
	text-decoration: none;
	color: #FFF;
	margin: 0;
	background: url(images/Menu-L2-Blue.png) 0 0 no-repeat;
	height: auto !important;
	text-indent: 0 !important;
	text-transform: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
#navigation ul li ul li a:hover {
	background-position: 0 -230px !important;
}

#navigation ul li a span { display: none;}

h3 a:active {
	text-decoration: none;
}



h3 a:visited {
	text-decoration: none;
}



h3 a:link {
	text-decoration: none;
}



h2 a:active {
	text-decoration: none;
}



h2 a:visited {
	text-decoration: none;
}



h2 a:link {
	text-decoration: none;
}



/* Boxes, text styles, etc */

table.datatable {
	border-right: 1px solid #E6E6E6;
}
.datatable th {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #094A8C;
	text-align: center;
	border-left: 1px solid #E6E6E6;
	vertical-align: bottom;
	font-weight: bold;
}
.datatable td {
	text-align: center;
	border-left: 1px solid #E6E6E6;
}
table.no-border td {
	border: 0;
}
.no-border {
	border: 0;
}
.image-left {
	margin-right: 21px;
	margin-bottom: 1em;
}
.image-right {
	margin-left: 21px;
	margin-bottom: 1em;
}
p.intro {
	font-size: 1.3em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
p.blue {
	color: #0B4599;	
}
.clear-left { clear: left; margin-top: 1em;}
h2.title { line-height: 1em;}
h3.title { line-height: 1.4em;}

ul.list-2-col {
	width: 40%;
	float: left;
	margin-bottom: 0;
}
.clear {
	clear: both;
}
#page table ul.doc {
	margin-left: 0;
	margin-right: 0;
}
#page ul.doc {
	margin-left: 22px;
	margin-right: 0;
}
#page ol li ul.doc {
	margin-left: 0;
	margin-top: 6px;
}
ul.doc {
	list-style-type: none;	
}
ul.doc li {
	background-image: url(images/BulletDoc.gif);
	background-position: -1px left;
	background-repeat: no-repeat;
	padding: 2px 0 3px 30px;
	margin-left: 0;
	margin-right: 24px;
}
.spacer {
	clear: both;
	font-size: 1px;
	height: 1px;
}
.small { font-size: 0.8em}
h3.large {
	font-size: 1.5em;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}
p.large {
	font-size: 1.5em;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}
#page h2 span.small a:hover { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; color: #383838;}
#page h2 span.small a:visited { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; color: #383838;}
#page h2 span.small a:link { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; color: #383838;}
#page h2 span.small { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; color: #383838;}
#page h3 span.small a:hover { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 1em; color: #383838;}
#page h3 span.small a:visited { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 1em; color: #383838;}
#page h3 span.small a:link { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 1em; color: #383838;}
#page h3 span.small { font-weight: normal; font-family: Verdana, Geneva, sans-serif; font-size: 1em; color: #383838;}