@import url('reset.css');

HTML, BODY{ margin:0 auto; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; background-color:#4C5355; text-align:center; }
A{ color:#6a6f71; font-weight:bold; text-decoration:none; }
A:hover{ text-decoration:underline; }
STRONG{ font-weight:bold; }

#page{ margin:0 auto; width:928px; padding-top:19px; text-align:center; }

/* HEADER & MAIN MENU */
#header{ float:left; width:900px; }
#header #logo{ float:left; width:227px; text-align:left; }
#header #mainMenu UL{ float:left; }
#header #mainMenu LI{ float:left; margin:0px 7px 0px 0px; }
#header #mainMenu LI.last{ margin-right:0px; }
#header #mainMenu LI A{ display:block; width:118px; height:24px; margin-top:45px; padding:12px 0px 0px 11px; text-align:left; font-weight:bold; font-size:92%; }
#header #mainMenu LI.selected A, #header #mainMenu LI A:hover{ margin-top:14px; padding-top:43px; text-decoration:none; }


/* FOOTER & FOOTER MENU */
#footer{ float:left; width:900px; }
#footer #footerMenu UL{ float:left; }
#footer #footerMenu LI, #footer #footerMenu DIV.empty{ float:left; margin:0px 6px 0px 0px; }
#footer #footerMenu LI.last{ margin-right:0px; }
#footer #footerMenu DIV.empty{ width:96px; height:24px; padding:12px 0px 0px 11px; background-color:#E6E8EA; }
#footer #footerMenu LI A{ display:block; width:112px; height:24px; padding:12px 0px 0px 11px; text-align:left; font-weight:bold; font-size:92%; background-color:#E6E8EA; color:#6A6f71; }
#footer #footerMenu LI.selected A, #footer #footerMenu LI A:hover{ color:#E6E8EA; background-color:#6A6f71; text-decoration:none; }
#footer #footerMenu LI.first A{ width:114px;}


/* MAIN CONT (COMMON) */
#mainCont{ float:left; margin:0 auto; width:900px; padding:6px 14px 14px 14px; background-color:#FFFFFF; text-align:left; }
#pageCont{ float:left; margin:6px 0; width:860px; height:310px; padding:60px 20px; background-color:#E6E8EA; color:#6a6f71;  }

#pageCont #leftCol, #pageCont #rightCol{ position:relative; float:left; width:186px; height:310px; }
#pageCont #midCol{ float:left; width:488px; height:310px; }

#pageCont P{ margin-bottom:0.5em; }
#pageCont H1{ margin-bottom:0.5em; font-size:144%; }
#pageCont H2{ margin-bottom:0.5em; font-size:144%; }
#pageCont H3{ margin-bottom:0.5em; font-size:100%; }
#pageCont SELECT{ width:150px; font-size:92%; }

/* OPTIONS */
A.optionsSend, A.optionsBlog, A.optionsPress{ float:left; padding:0 17px 10px 0; }
A.optionsSend{ background: url(/images/icon_send.gif) top right no-repeat; }
A.optionsBlog{ background: url(/images/icon_blog.gif) top right no-repeat; }
A.optionsPress{ background: url(/images/icon_press.gif) top right no-repeat; }

/* HOME PAGE */
#mainCont .homePage{ width:900px; height:424px; padding:6px 0 0 0;}
#pageCont #newsFeed{ float:left; width:761px; height:24px; padding-left:3px; background-color:#4c5355; color:#d4d7dc; font-size:92%;  }
#pageCont #newsFeed H2{ float:left; padding-top:0.4em; font-size:100%; font-weight:bold; }
#pageCont #newsFeed A{ color:#d4d7dc; line-height:24px; font-weight:normal; }
#pageCont #newsFeed A STRONG{ font-weight:bold; }
#pageCont #map{ float:left; padding-top:50px;}
#pageCont #blog{ float:left; margin-left:7px; width:129px; height:24px; background-color:#ede22d; color:#4c5355; text-align:center;text-decoration:none; line-height:24px;}
#pageCont #blog:hover{ background-color:#4c5355; color:#ede22d; text-decoration:none; line-height:24px;}

/* BASIC PAGE */
#mainCont #pageCont #midColText{ float:left; padding:0 41px;  }
#mainCont #pageCont #midColVideo{ float:left; padding:0 5px;  }
#rightCol UL{ padding-left:2px; }
#rightCol LI{ padding-bottom:15px; }

/* NEWS PAGE */
.grey #leftCol, .grey #rightCol{ font-size:100%; }
.grey #leftCol H2, .grey #rightCol H2{ font-size:100%; font-weight:bold; }

/* CONTACT US PAGE */
#midContactForm { float:left; padding:0 21px; }
#midContactForm .contactFormColumn{ float:left; width:223px; }
#midContactForm .contactFormLabel{ float:left; width:223px; }
#midContactForm .contactFormInput{ float:left; width:223px; }
#midContactForm .contactFormTextArea{ float:left; width:223px; }
#midContactForm .contactFormInput INPUT{ width:190px; margin-bottom:2px; border:1px #aaaaaa solid; }
#midContactForm .contactFormInput TEXTAREA{ width:190px; height:131px; border:1px #aaaaaa solid; }
#midContactForm .updates{ width:auto; border-color:#000000 !important; }
#midContactForm #contactSubmit{ width:auto; }
#leftCol .error, #midContactForm .error{ color:#990000; }
#contactGroup{ position:absolute; bottom:4px; left:0px; }

#rightCol .sendLabel{ padding-bottom:1px; }
#rightCol .sendLabel LABEL{  }
#rightCol .sendInput{ padding-bottom:10px; }
#rightCol .sendInput INPUT{ width:182px; padding:0px; }
#rightCol .sendInput TEXTAREA{ width:182px; padding:0px; }

/* ------DIFFERENT COLOUR OPTIONS------ */
/* YELLOW */
.yellow H1, .yellow H2,  .yellow H3{color:#EA0E88;}
.yellow #leftCol A, .yellow #rightCol UL SPAN, .yellow #rightCol UL A.selected{ color:#EA0E88; font-weight:bold; }

/* ORANGE */
.orange H1, .orange H2, .orange H3{color:#ED6630;}
.orange #leftCol A, .orange #rightCol UL SPAN, .orange #rightCol UL A.selected{ color:#ED6630; font-weight:bold; }
.orange #rightCol IMG{ float:left; margin-bottom:4px;}

/* RED */
.red H1, .red H2,  .red H3{color:#EA0E88;}
.red #leftCol A, .red #rightCol UL SPAN, .red #rightCol UL A.selected{ color:#EA0E88; font-weight:bold; }

/* BLUE */
.blue H1, .blue H2,  .blue H3{color:#00A7DE;}
.blue #leftCol A{}
.blue #leftCol UL SPAN, .blue #leftCol UL A.selected{ color:#00A7DE; font-weight:bold; }
.blue #leftCol A, .blue #rightCol UL SPAN, .blue #rightCol UL A.selected{ color:#00A7DE; font-weight:bold; }

/* GREY */
.grey H1, .grey H2{color:#4c5355;}
.grey #midCol H2 {color:#da1684;}
.grey #leftCol A, .grey #rightCol UL SPAN, .grey #rightCol A{ color:#4c5355; font-weight:bold; }
.grey #leftCol A.selected, .grey #rightCol A.selected{ color:#da1684; font-weight:bold; }

/* MENU COLOURS */
#header #mainMenu LI.yellow A{ background-color:#ede22d; color:#4c5355; }
#header #mainMenu LI.orange A{ background-color:#ed6630; color:#ffffff; }
#header #mainMenu LI.red A{ background-color:#ea0e88; color:#ffffff; }
#header #mainMenu LI.blue A{ background-color:#00a7de; color:#ffffff; }
#header #mainMenu LI.grey A{ background-color:#d4d7dc; color:#4c5355; }

.sendError { color: #ee7777; padding-bottom: 10px; }

/* CLIENTS LOGIN */
.client-area-login { width: 630px !important; padding:60px 20px 60px 250px !important; }
A.dsMenuItem{ position:relative; left:-2px;  font-size:92%; }
.formError{ float:left; width:100%; padding-top:10px;  font-size:0.9em; color:#996633;}
.formLabel{ position:relative; top:3px; float:left; width:158px; padding-top:5px; padding-bottom:5px; font-size:0.9em;}
.formInput{ float:left; width:602px; padding-top:5px; padding-bottom:5px;font-size:85%/*0.9em*/;}
.formInput STRONG{ position:relative; top:3px;}
.formInput INPUT{ width:195px; background-color:#FFF; border: 1px solid #AAA; font-size: 1.2em;}
.formInput SELECT{ width:195px; background-color:#F1F0F0; }
.formInputSubmit{ margin-top:10px; float:left; width:195px; text-align:right; padding-bottom:10px;}

/* CLIENT AREA */
#clientAreaInfoBar{ float:left; width:100%; padding-top:5px; padding-bottom:5px; font-size:0.9em;}
#clientAreaUser{ float:left; width:59%;padding-bottom:5px;  border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; }
#clientAreaStatus{ float:left; width:20%;padding-bottom:5px; text-indent:10px; border-right:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid;}
#clientAreaEdit{ float:left; width:20%; padding-bottom:5px;  text-indent:10px; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
#clientAreaLogout{ float:left; width:20%;padding-bottom:5px;  text-indent:10px; border-bottom:1px #CCCCCC solid;}
#clientAreaText{ float:left; width:90%; font-size:0.9em; padding-bottom:10px;}
html>body #clientAreaText{ padding-bottom:0px;}
#clientAreaText UL{ padding-left:13px; list-style-type:disc; }
#clientAreaRightUpload{ float:right; width:550px; padding:10px; text-align:right; }
#clientAreaLeftUpload{ float:right; width:420px; padding:10px; text-align:left; }
#clientAreaRightUpload INPUT{ height:20px;border: 1px solid #AAA;}
#clientAreaRightUpload SELECT{ height:20px;background-color:#FFF; border: 1px solid #AAA;}
.block_container{ float:left; width:855px; padding-bottom:10px;}
.files_header{ float:left; width:100%; height:17px; line-height:15px; background-color:#5A5959; font-size:0.9em; color:#E6E8EA; padding-top: 4px; }
.files_header A{ display:block; width:100%; color:#E6E8EA; font-weight:bold; }
.files_header A:hover{ color:#E6E8EA;}
.files_header_link:hover {text-decoration: none; }
.files{ float:left; width:100%; font-size:1.0em;}
.files TH{ padding-top:3px; padding-bottom:3px; text-align:left; background-color:#F1F0F0; color:#6A6A71; font-weight:normal; }
.files TD{ padding-top:3px; text-indent:10px; color: #5A5959; }
.files IMG{ position:relative; top:-3px;}
.files HR{ height:1px; background-color:#CCCCCC; color:#CCCCCC; border:none;}
.files TH.Description{ width:120px;}
.files TH.Date_Uploaded{ width:100px;}
.files TH.Size{ width:90px;}
.files TR.highlight{ background-color:#F1F0F0; cursor:pointer; }

.client-area { height: auto !important; padding: 60px 20px 10px 20px !important; }
.client-area-btn { background-color: none !important; border: 1px solid #AAA; }


#dialog { display: none; position: fixed; top: 10%; left: 50%; margin-left: -300px; width: 547px; height: 340px; overflow: auto; background-color: #FFF; color: #333; border: 1px solid black; padding: 15px; z-index: 999; }
#dialog .top{text-align:right; margin-bottom:10px}
.jqmOverlay { background-color: #000; }
* html #dialog { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

#midCol .links{ padding-left:3px;}

.lang { float: right; }
.newsCol { overflow:auto; }