@charset "UTF-8";
/* CSS Document */

body  { font: 100% Arial, Helvetica, Verdana, sans-serif; background: #999999; margin: 0; padding: 0; text-align: center; color: #333333; }
#container { width: 970px; background: #ffffff; margin: 0 auto; text-align: left; } 
#header { padding: 0; 	height: 95px; position:relative; }
#flash_header { padding-left: 290px; }
#logo { position:absolute; bottom:0; left:0; }
.logo1 { margin: 50px 3px 0 3px; padding: 8px 0 8px 8px; }
.logo2 { margin: 0 3px; padding: 8px 0 8px 8px; }
#topbar { background-color:#333333; margin: 0 190px 0 120px; padding: 0; height:20px; text-align:left; padding:0; }
#topbar p { margin: 0; padding: 3px 0 0 15px; color:#e7e0c8; font-size:11px; }
#mainContent { margin: 0 190px 0 120px; }

/* COLOURED BOXES */
#BlueBar { background-color:#00acc6; background-image:url(images/bluesquares.gif); background-position:top left; background-repeat:no-repeat; padding:20px 10px 10px 10px; overflow: hidden; width: 640px;  height:175px;}
#RedBar { background-color:#e23c27; background-image:url(images/redsquares.gif); background-position:top left; background-repeat:no-repeat; padding:20px 10px 10px 10px; overflow: hidden; width: 640px; height:175px; }
#GreenBar { background-color:#b5be35; background-image:url(images/greensquares.gif); background-position:top left; background-repeat:no-repeat; padding:20px 10px 10px 10px; overflow: hidden; width: 640px; height:175px; }
#OrangeBar { background-color:#c57d2a; background-image:url(images/orangesquares.gif); background-position:top left; background-repeat:no-repeat; padding:20px 10px 10px 10px; overflow: hidden; width: 640px; height:175px; }
#BlueBar img, #OrangeBar img, #RedBar img, #GreenBar img { margin-left:175px; }
#BlueBar p, #OrangeBar p, #RedBar p, #GreenBar p { font-size:66px; line-height:62px; color:#FFFFFF; margin: 5px 0 0 175px; padding:0; }
 
/* GREY BOX */
#mainText { background-color:#ffffff; background-image:url(images/grad01.gif); background-repeat:repeat-x; background-position:top; padding:25px 10px 30px 10px; border-top: 5px solid #ffffff; overflow:hidden; width:640px; }
.blankMenu { float:left; width:150px; margin:70px 0 0 10px; height:150px; }
.quoteGrey { float:left; width:150px; margin:40px 0 0 10px; font-size:1.2em; line-height:1.2em; color:#bbb; font-style:italic; }
.quoteGreySmall { float:left; width:150px; margin:10px 0 0 10px; font-size:0.9em; line-height:1.1em; color:#bbb; font-style:italic; height:300px; }
.colAcross { float:left; width:455px; margin-left:15px; }
.colHalf { float:left; width:220px; margin-left:15px; }
.introOrange, .introRed, .introBlue, .introGreen { font-size:0.8em; line-height:1.2em; margin:0 0 15px 0; }
.mainOrange, .mainRed, .mainBlue, .mainGreen { font-size:0.7em; line-height:1.2em; margin:0 0 15px 0; }
.subOrange img { margin-right:5px; }
.subOrange { font-size:0.7em; line-height:1.2em; margin:0 0 7px 11px; color:#999999; }
.listOrange, .listRed, .listBlue, .listGreen { margin:0; padding:0; font-size:0.7em; list-style-type: none; }
.listOrange li { background-image:url(images/bulletorange.gif); }
.listRed li, .listSitemap li { background-image:url(images/bulletred.gif); }
.listBlue li { background-image:url(images/bulletblue.gif); }
.listGreen li { background-image:url(images/bulletgreen.gif); }
.listOrange li, .listRed li, .listBlue li, .listGreen li { background-repeat:no-repeat; background-position: 0.2em 0.3em;padding:0 0 0.5em 1em;}
.titleOrange, .titleRed, .titleBlue, .titleGreen { width:100%; font-size:1em; line-height:1.2em; font-weight:bold; margin:0 0 8px 0; padding:0 0 6px 0; border-bottom:1px #666 dotted; }
.titleOrange { color:#c57d2a; }
.titleRed { color:#e23c27; }
.titleBlue { color:#00acc6; }
.titleGreen { color:#b5be35; }
.teamCol1 { float:left; width:150px; margin-left:10px; height:350px; }
.divider { width:150px; border-bottom: 1px dotted #666666; margin-bottom: 10px; }
.photo { float:right; margin:0 0 10px 10px; }
.teampic { float:left; margin:0 10px 10px 0; }
.smallteampic { vertical-align:middle; }
#submenuOrange { margin:0; padding:0; font-size:0.7em; list-style-type: none; }
#submenuOrange li { background-image:url(images/bullet4.gif); background-repeat:no-repeat; background-position: 0.2em 0.3em;padding:0 0 0.7em 1em; color:#666;}
#submenuRed { margin:0; padding:0; font-size:0.7em; list-style-type: none; }
#submenuRed li { background-image:url(images/bullet5.gif); background-repeat:no-repeat; background-position: 0.2em 0.3em;padding:0 0 0.7em 1em; color:#666;}
#submenuBlue { margin:0; padding:0; font-size:0.7em; list-style-type: none; }
#submenuBlue li { background-image:url(images/bullet4.gif); background-repeat:no-repeat; background-position: 0.2em 0.3em;padding:0 0 0.7em 1em; color:#666;}
#submenuGreen { margin:0; padding:0; font-size:0.7em; list-style-type: none; }
#submenuGreen li { background-image:url(images/bullet4.gif); background-repeat:no-repeat; background-position: 0.2em 0.3em;padding:0 0 0.7em 1em; color:#666;}

.siteMap { font-size:0.7em; line-height:1.2em; margin:0 0 5px 0; }
.siteMapSingle { font-size:0.7em; line-height:1.2em; margin:0 0 15px 0; }
.siteMap a, .siteMap a:visited, .siteMapSingle a, .siteMapSingle a:visited { color:#333333; text-decoration:none; }
.siteMap a:hover, .siteMapSingle a:hover { color:#e23c27; text-decoration:underline; }
.listSitemap { margin:0 0 10px 0; padding:0; font-size:0.7em; list-style-type: none; }
.listSitemap li { background-image:url(images/bulletred.gif);background-repeat:no-repeat; background-position: 0.2em 0.3em;padding:0 0 0.5em 1em; }
.listSitemap li a, .listSitemap li a:visited { color:#333333; text-decoration:none; }
.listSitemap li a:hover { color:#e23c27; text-decoration:underline; }


/* COLOURED LINKS */
.introOrange a, .introOrange a:visited, .mainOrange a, .mainOrange a:visited, .listOrange li a, .listOrange li a:visited, .subOrange a, .subOrange a:visited { color:#c57d2a; text-decoration:none; }
.introOrange a:hover, .mainOrange a:hover, .listOrange li a:hover, .subOrange a:hover { color:#c57d2a; text-decoration:underline; }
.introRed a, .introRed a:visited, .mainRed a, .mainRed a:visited, .listRed li a, .listRed li a:visited, #submenuRed a, #submenuRed a:visited { color:#e23c27; text-decoration:none; }
.introRed a:hover, .mainRed a:hover, .listRed li a:hover, .subRed a:hover { color:#e23c27; text-decoration:underline; }
.introBlue a, .introBlue a:visited, .mainBlue a, .mainBlue a:visited, .listBlue li a, .listBlue li a:visited, #submenuBlue a, #submenuBlue a:visited { color:#00acc6; text-decoration:none; }
.introBlue a:hover, .mainBlue a:hover, .listBlue li a:hover, #submenuBlue a:hover { color:#00acc6; text-decoration:underline; }
.introGreen a, .introGreen a:visited, .mainGreen a, .mainGreen a:visited, .listGreen li a, .listGreen li a:visited, #submenuGreen a, #submenuGreen a:visited { color:#b5be35; text-decoration:none; }
.introGreen a:hover, .mainGreen a:hover, .listGreen li a:hover, .subGreen a:hover { color:#b5be35; text-decoration:underline; }

/* COLOUR MENUS */
#menuRed, #menuRed ul, #menuOrange, #menuOrange ul, #menuBlue, #menuBlue ul, #menuGreen, #menuGreen ul { font-size: 0.7em; margin: 0px 3px 15px 3px; padding:0; }
#menuRed, #menuRed ul { border-top: 1px dotted #e23c27; }
#menuOrange, #menuOrange ul { border-top: 1px dotted #c57d2a; }
#menuBlue, #menuBlue ul { border-top: 1px dotted #00acc6; }
#menuGreen, #menuGreen ul { border-top: 1px dotted #b5be35; }
#menuRed li, #menuOrange li, #menuBlue li, #menuGreen li { list-style-type: none; margin: 0; padding: 0; background-color: transparent; }
#menuRed a, #menuOrange a, #menuBlue a, #menuGreen a { display: block; text-decoration: none; background-color: transparent; padding: 6px 4px 6px 8px; color: #333333; line-height:1; }
#menuRed a { 	border-bottom: 1px dotted #e23c27; }
#menuOrange a { border-bottom: 1px dotted #c57d2a; }
#menuBlue a { border-bottom: 1px dotted #00acc6; }
#menuGreen a { border-bottom: 1px dotted #b5be35; }
#menuRed a:hover, #menuRed a:active, #menuRed a:focus { color: #ffffff; background-color: #e23c27; }
#menuOrange a:hover, #menuOrange a:active, #menuOrange a:focus { color: #ffffff; background-color: #c57d2a; }
#menuBlue a:hover, #menuBlue a:active, #menuBlue a:focus { color: #ffffff; background-color: #00acc6; }
#menuGreen a:hover, #menuGreen a:active, #menuGreen a:focus { color: #ffffff; background-color: #b5be35; }

/* MENU COLUMN */
#sidebar1 { float: left; width: 120px; padding: 0; margin: 0; }
.logobottom { margin-left:25px; }

/*RIGHT COLUMN*/
#sidebar2 { float: right; width: 180px; padding: 0; margin-right:10px; }
.sidemoddark { background-color:#333333; background-image:url(images/darkside.gif); background-repeat:no-repeat; background-position:top left; margin: 0 0 10px 0; padding: 0 0 10px 0; border-top:1px #333333 solid; }
.sidemodlight { background-color:#e1e2e3; background-image:url(images/grad02.jpg); background-repeat:repeat-x; background-position:top left; margin: 0 0 10px 0; padding: 0 0 10px 0; border-top:1px #a0a0a3 solid; }
.sidemoddark h3, .sidemodlight h3 { margin: 2px 5px 1px 30px; font-size:90%; line-height:1.2em; font-weight:normal; color: #e7e0c8; }
.sidemoddark h3 { color: #e7e0c8; }
.sidemodlight h3 { color: #ffffff; }
/*.sidemoddark img, .sidemodlight img { margin-left: 30px; }*/
.sidemoddark p, .sidemodlight p { font-size:60%; line-height:1.1em; margin: 5px 5px 10px 30px; }
.sidemoddark p { color: #ffffff; }
.sidemoddark p a, .sidemoddark p a:visited { color: #e7e0c8; text-decoration:none; } 
.sidemoddark p a:hover { color: #e7e0c8; text-decoration: underline; } 
.sidemodlight p { color: #222222; }
.sidemodlight p a, .sidemodlight p a:visited { color: #222222; text-decoration:underline; } 
.sidemodlight p a:hover { color: #000000; text-decoration: underline; }
.sidequote { color:#d6aebf; margin: 0; padding: 0; }
.sidequote p { font-size: 160%; margin-left:20px; }

/* FOOTER */
#footer { padding: 10px 0 20px 140px; margin-top: 10px; } 
#footer p { margin:0; padding:0; font-size:0.5em; line-height:1.1em; color:#777777; }
#footer p a, #footer p a:visited { color: #777777; text-decoration:none; } 
#footer p a:hover { color: #222222; text-decoration: underline; } 

/* OTHERS */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */
float: left; margin-right: 8px; }
.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; }
.noclearfloat { clear: none; height:0; font-size: 1px; line-height: 0px; }