@import url('reset.css');

HTML, BODY{ margin:0 auto; width:100%; font-family:Arial, Helvetica, sans-serif; background:fixed no-repeat top left #000; color:#FFF; line-height:1em; }
A{ color:#FFF; text-decoration:none; }
A:hover{ color:#999;  }
H1{ margin-bottom:0.5em; font-weight:normal; font-size:107%; }
H2{ margin-bottom:0.5em; font-weight:normal; font-size:107%;  }
H3{ margin-bottom:0.5em; font-weight:bold; font-size:108%;  }
P{ margin-bottom:0.5em; }
STRONG{ font-weight:bold;}

/* MAIN CONT (COMMON) */
#page{ float:left; width:100%; /*background:url(../images/top_bg.png) repeat-x top left;*/ }
#pageInner{ position:relative; float:left; width:990px; padding-bottom:20px;  /*background:url(../images/side_bg.png) no-repeat bottom left;*/}
#leftCol{ float:left; width:190px; padding-bottom:100px; margin-right:27px;  }
#mainCol{ position:relative; float:left; width:730px; padding:40px 0 0 0; border-top:12px solid; }

#footer{ position: fixed; z-index:9999; padding:5px 0; bottom:0; left:0; width:100%; font-size:77%; color:#444; }
#footerInner{ float:left; width:947px; }
#footer UL { float:left; margin-left:40px; }
#footer UL LI{ float:left; padding-right:10px; }
#footer A{ color:#444; }
#footer A:hover{ color:#FFF; }
#footer ul.right{ position:relative; float:right; }
#footer ul.right img{ position:absolute; left:-22px; top:-2px; }
#footer ul.right A{ color:#FFFFFF; }

/* MENU */
#leftCol UL{ float:left; width:150px; }
#leftCol UL LI{ margin-bottom:7px;}
#leftCol UL.mainMenu { width:150px; padding:40px 0 0 40px; border-top:12px solid; }
#leftCol UL.mainMenu LI A{ font-size:121%; font-weight:bold; }
#leftCol UL.mainMenu LI A:hover{ color:#999; }
#leftCol UL.subMenu { padding:15px 0 0 40px; margin-top:100px; border-top:2px solid; }
#leftCol UL.subMenu LI A{ font-size:107%; }
#leftCol UL.subMenu LI A.open{ color:#FFF;}
#leftCol UL.subMenu LI A:hover{ color:#999; }
#leftCol UL.subMenu UL{ padding-top:4px;}
#leftCol UL.subMenu UL LI A{ display:block; font-size:85%; padding-left:15px; color:#999; background:url(../images/sub-menu-bg-off.gif) no-repeat top left; }
#leftCol UL.subMenu UL LI A.selected{ color:#FFF; background:url(../images/sub-menu-bg-on.gif) no-repeat top left; }

/* MAIN COL */ 
#mainCol A#logo{ display:block; position:absolute; top:31px; right:0px; }
#mainCol #pageText{ width:590px; margin-bottom:1.5em; font-size:167%; line-height:1.2em; }
#mainCol #pageTextSml, #mainCol #pageTextSmlShort{ width:590px; font-size:100%; line-height:1.3em; }
#mainCol #pageTextSml H2, #mainCol #pageTextSmlShort H2{ font-size:200%; font-weight:bold; line-height:1.3em; }
#mainCol #pageTextSmlShort{ width:500px;}
#mainCol #sections{ width:730px; line-height:1.1em; }
#mainCol #imageCol{ float:left; width:490px; margin-top:50px; }
#mainCol #sideTextCol{ float:left; width:220px; padding-left:20px; line-height:1.3em; margin-top:50px; }

/* BOX */
DIV.box{ position:relative; float:left; width:340px; height:170px; padding:10px; margin:0 0 10px 0; background-color:#000; overflow:hidden; }
DIV.box IMG, DIV.box .boxText{ float:left; }
DIV.box .boxText{ width:170px; padding-left:10px; line-height:1.3em; }
DIV.box .boxText H3{ margin-bottom:0; font-size:108%; color:#FFFFFF; font-weight:bold; }
DIV.box .boxText A.goto{ display:block; position:absolute; bottom:5px; right:10px; color:#DDD; }
DIV.box-right{margin-left:10px; }

/* BODY COLOURS */
BODY.blue A:hover, BODY.blue A.selected, BODY.blue #leftCol UL.subMenu LI A, BODY.blue H1, BODY.blue DIV.box .boxText, BODY.blue DIV.box .boxText A:hover, BODY.blue #sideTextCol H2, BODY.blue #sideTextCol H3{ color:#00adef;}
BODY.blue #leftCol, BODY.blue #mainCol, BODY.blue #leftCol UL.mainMenu, BODY.blue #leftCol UL.subMenu{ border-color:#00adef; }
BODY.blue #leftCol UL.subMenu UL LI A{ color:#999; }
BODY.blue #leftCol UL.subMenu LI A.selected, BODY.blue #leftCol UL.subMenu LI A:hover{ color:#FFF;}

BODY.red A:hover, BODY.red A.selected, BODY.red #leftCol UL.subMenu LI A, BODY.red H1, BODY.red DIV.box .boxText, BODY.red DIV.box .boxText A:hover, BODY.red #sideTextCol H2, BODY.red #sideTextCol H3{ color:#cc0000;}
BODY.red #leftCol, BODY.red #mainCol, BODY.red #leftCol UL.mainMenu, BODY.red #leftCol UL.subMenu{ border-color:#cc0000; }
BODY.red #leftCol UL.subMenu UL LI A{ color:#999; }
BODY.red #leftCol UL.subMenu LI A.selected, BODY.red #leftCol UL.subMenu LI A:hover{ color:#FFF;}

BODY.green A:hover, BODY.green A.selected, BODY.green #leftCol UL.subMenu LI A, BODY.green H1, BODY.green DIV.box .boxText, BODY.green DIV.box .boxText A:hover, BODY.green #sideTextCol H2, BODY.green #sideTextCol H3{ color:#66cc00;}
BODY.green #leftCol, BODY.green #mainCol, BODY.green #leftCol UL.mainMenu, BODY.green #leftCol UL.subMenu{ border-color:#66cc00; }
BODY.green #leftCol UL.subMenu UL LI A{ color:#999; }
BODY.green #leftCol UL.subMenu LI A.selected, BODY.green #leftCol UL.subMenu LI A:hover{ color:#FFF;}

BODY.yellow A:hover, BODY.yellow A.selected, BODY.yellow #leftCol UL.subMenu LI A, BODY.yellow H1, BODY.yellow DIV.box .boxText, BODY.yellow DIV.box .boxText A:hover, BODY.yellow #sideTextCol H2, BODY.yellow #sideTextCol H3{ color:#ffff00;}
BODY.yellow #leftCol, BODY.yellow #mainCol, BODY.yellow #leftCol UL.mainMenu, BODY.yellow #leftCol UL.subMenu{ border-color:#ffff00; }
BODY.yellow #leftCol UL.subMenu UL LI A{ color:#999; }
BODY.yellow #leftCol UL.subMenu LI A.selected, BODY.yellow #leftCol UL.subMenu LI A:hover{ color:#FFF;}

BODY.orange A:hover, BODY.orange A.selected, BODY.orange #leftCol UL.subMenu LI A, BODY.orange H1, BODY.orange DIV.box .boxText, BODY.orange DIV.box .boxText A:hover, BODY.orange #sideTextCol H2, BODY.orange #sideTextCol H3{ color:#ff9900;}
BODY.orange #leftCol, BODY.orange #mainCol, BODY.orange #leftCol UL.mainMenu, BODY.orange #leftCol UL.subMenu{ border-color:#ff9900; }
BODY.orange #leftCol UL.subMenu UL LI A{ color:#999; }
BODY.orange #leftCol UL.subMenu LI A.selected, BODY.orange #leftCol UL.subMenu LI A:hover{ color:#FFF;}

H1#homeHeading, #homeHeading A{ margin-bottom:0.5em; font-size:108%; color:#999;}
#homeHeading A:hover{ color:#BBB;}

/* SITEMAP */
UL#sitemap UL{ margin-left:15px; }
UL#sitemap LI{ margin-left:15px; list-style-type:disc; }

/* TEXT */
.small_text{ font-size:100%; font-weight:normal; }
.grey_text{ color:#999; font-weight:normal; }