@import url('reset.css');

HTML, BODY{ margin:0 auto; background-color:#666666; color:#666666;  }
A{ color:#666666; text-decoration:none; }
A:hover{ text-decoration:underline; }
H1{ margin-bottom:0.5em; font-size:138.5%; }
H2{ margin-bottom:0.5em; font-size:131%; }
H3{ margin-bottom:0.5em; font-size:114%; font-weight:bold; }
P{ margin-bottom:0.5em; }

/* MAIN CONTAINERS */
#page{ margin:0 auto; width:970px; text-align:center; }
#innerPage{ float:left; width:970px; padding:0 0 49px 0; background-color:#FFFFFF; }
#mainCont{ float:left; width:872px; margin:0 49px; text-align:left;  }
#mainCont #mainContLeft{ position:relative; float:left; width:396px; padding:20px; }
#mainCont #mainContRight{ position:relative; float:left; width:396px; padding:20px; }
#footer{ float:left; width:872px; margin:0 49px; border:1px dashed #666666; border-top:none; }

DIV.mainCont{ float:left; width:872px; text-align:left; border-top:1px dashed #666666; }
DIV.mainContLeft{ position:relative; float:left; width:396px; padding:20px; }
DIV.mainContRight{ position:relative; float:left; width:396px; padding:20px; }

/* HEADER */
#header{ float:left; width:872px; padding:49px 49px 20px 49px; text-align:left; background:url(/images/scissors.gif) no-repeat bottom left; }
#tagline{ float:left; }
#logo{ float:right; }

/* MAIN MENU */
#menu{ width:872px; padding:0 49px;}
#menu UL{ float:left; width:870px; border:1px dashed #666666; }
#menu UL LI{ position:relative; float:left; padding:5px; border-right:1px dashed #666666; }
#menu UL LI.last{ border-right:none;}
#menu UL LI A{ display:block; width:98px; padding:10px 0; font-size:85%; font-weight:bold; }
#menu UL LI A:hover{ text-decoration:none; }
#menu UL LI.last A{ width:97px;}

/* SUB MENU */
#menu UL UL{ position:absolute; left:-5000%; top:40px; width:110px; padding-top:3px; z-index:100; border:none; font-size:85%; border-top:9px #FFFFFF solid; }
#menu UL LI:hover UL{ left:-1px; }
#menu UL UL LI{ float:left; width:106px; padding:0; border:none; border:1px solid #FFFFFF; border-left-width:2px; border-right-width:2px;}
#menu UL UL LI A{ width:106px; padding:5px 0; margin:0; border:none; font-size:77%; color:#FFFFFF; }

/* FOOTER MENU */
#footerMenu{ float:left; width:436px; }
#footerMenu UL LI{ position:relative; float:left; padding:5px; border-right:1px dashed #666666; }
#footerMenu UL LI.last{ border-right:none;}
#footerMenu UL LI A{ display:block; width:98px; padding:10px 0; font-size:85%; font-weight:bold; }
#footerMenu UL LI A:hover{ text-decoration:none; }
#footerMenu UL LI.last A{ width:97px;}

/* MENU COLOURS */
#menu UL LI.grey A, #footerMenu UL LI.grey A{ color:#666666; }
#menu UL LI.grey A:hover, #menu UL LI.grey A.active, #footerMenu UL LI.grey A:hover, #footerMenu UL LI.grey A.active{ color:#FFFFFF; background-color:#666666; }
#menu UL LI.grey UL LI A{ color:#FFFFFF; background-color:#666666; }
#menu UL LI.grey UL LI A:hover{ color:#666666; background-color:#FFFFFF; }
#menu UL LI.grey UL LI A.active{color:#666666; background-color:#FFFFFF;}

#menu UL LI.blue A, #footerMenu UL LI.blue A{ color:#00aedb; }
#menu UL LI.blue A:hover, #menu UL LI.blue A.active, #footerMenu UL LI.blue A:hover, #footerMenu UL LI.blue A.active{ color:#FFFFFF; background-color:#00aedb; }
#menu UL LI.blue UL LI A{ color:#FFFFFF; background-color:#00aedb; }
#menu UL LI.blue UL LI A:hover{ color:#00aedb; background-color:#FFFFFF; }
#menu UL LI.blue UL LI A.active{color:#00aedb; background-color:#FFFFFF;}

#menu UL LI.green A, #footerMenu UL LI.green A{ color:#7ac142; }
#menu UL LI.green A:hover, #menu UL LI.green A.active, #footerMenu UL LI.green A:hover, #footerMenu UL LI.green A.active{ color:#FFFFFF; background-color:#7ac142; }
#menu UL LI.green UL LI A{ color:#FFFFFF; background-color:#7ac142; }
#menu UL LI.green UL LI A:hover{ color:#7ac142; background-color:#FFFFFF; }
#menu UL LI.green UL LI A.active{color:#7ac142; background-color:#FFFFFF;}

#menu UL LI.pink A, #footerMenu UL LI.pink A{ color:#e73e97; }
#menu UL LI.pink A:hover, #menu UL LI.pink A.active, #footerMenu UL LI.pink A:hover, #footerMenu UL LI.pink A.active{ color:#FFFFFF; background-color:#e73e97; }
#menu UL LI.pink UL LI A{ color:#FFFFFF; background-color:#e73e97; }
#menu UL LI.pink UL LI A:hover{ color:#e73e97; background-color:#FFFFFF; }
#menu UL LI.pink UL LI A.active{color:#e73e97; background-color:#FFFFFF;}

/* HEADING COLOURS */
DIV.grey H1{ color:#666666; }
DIV.blue H1{ color:#00aedb; }
DIV.green H1{ color:#7ac142; }
DIV.pink H1{ color:#e73e97; }

/* FOOTER */
#footer #copyright{ float:left; width:198px; padding:15px 0 0 20px; text-align:left; font-size:85%; }
#footer #designed{ float:left; width:198px; padding:15px 20px 0 0; text-align:right; font-size:85%; }
#footer #designed A{ color:#666666; }
#footer #designed A:hover{ text-decoration:underline; }

/* FLASH MOVIE */
#flashCont{ float:left; width:872px; height:300px; padding:9px 49px; z-index:1;}
#flashCont #flashContInner{ float:left; width:872px; height:300px; background-color:#666666; }

/* EMPTY MAIN CONT BORDER */
.emptyBorderLeft{ position:absolute; top:0px; left:0px; width:1px; height:43px; border-left:1px dashed #666666; }
.emptyBorderRight{ left:auto; right:-1px; }
.noBorder { border: none !important; }
.space { font-size: 1%; }