/* ========================================

	Style sheet for AEEC
	Last edit 13 May WNPsaila
	
======================================== */

/* *************************** 
  Site - template
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a{
	color:#7AB800;
	text-decoration:none;
	}
a:hover {
	color:#7AB800;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
	font:1em Arial, Helvetica, sans-serif;
	background:#1E1E1E;
}

/* Generic background */
#container {
	text-align:left;
	color:#fff;
	width:990px;
	margin:0 auto;
	background:url(/custom/files/media/aeecmainbggeneric.jpg) top no-repeat;
}

/* Section backgrounds */
.about #container { background:url(/custom/files/media/aeecmainbgabout.jpg) top no-repeat; }
.facilities #container { background:url(/custom/files/media/aeecmainbgfacilities.jpg) top no-repeat; }
.foodbeverage #container { background:url(/custom/files/media/aeecmainbgfoodbeverage.jpg) top no-repeat; }
.events #container { background:url(/custom/files/media/aeecmainbgevents.jpg) top no-repeat; }

/* Home background */
#container_outer{
	text-align:left;
	color:#fff;
	width:990px;
	margin:0 auto;
	height:755px;
	background:none;
	
	position:relative;
	top:0px;
}

/* background:url(/custom/files/media/aeecmainbghome.jpg) top left no-repeat; */
#container_home{
	text-align:left;
	color:#fff;
	width:990px;
	margin:0 auto;
	height:755px;

	background:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	}

/* Rotating backgrounds */
#home_rotating_bg {
	position:absolute;
    top:0px;
	left:0px;  
    width:990px;
	height:755px;
    padding: 0;  
    margin:  0;
	overflow:hidden;
	z-index:0;
}
#home_rotating_bg img {  
    padding: 0;  
    margin:  0;  
    border: none;
    top:  0; 
    left: 0 
} 


/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	height:138px;
	width:990px;
	position:relative;
}
#header h1{
	width:169px;
	height:84px;
	position:absolute;
	top:54px /*62px*/;
	left:28px;
	}
#header h1 a{
	background:url(/custom/files/media/aeecpiclogo.png) no-repeat;
	width:169px;
	height:84px;
	display:block;
	outline-style:none;
}

#header h1 a span {
	display: none;
}

#headertop{
 background:url(/custom/files/media/aeecmainnavbg.png) top no-repeat;
 height:34px;
 width:990px;
	}
#subnav{
	*z-index: 20000;
	float:right;
	margin-right:5px;
	display:inline;
	}
#subnav li{
	float:left;
	line-height:34px;
	font-size:0.86em;
	margin-right:25px;
	display:inline;
	}
#subnav li a,#subnav li a:hover{
	color:#fff;
	}
	
/*
#topnav li{
	font-size:0.86em;
	height:34px;
	line-height:34px;
	float:left;
	}
#topnav li a{
	color:#fff;
	height:34px;
	float:left;
	padding:0 25px;
	}
#topnav li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(/custom/files/media/aeecmainnavrollover.png) bottom no-repeat;
	}
*/

#mainmenu {
	position:relative;
}
#homenav {
	position:absolute;
	top:0px;
	left:0px;
	width:95px;
	padding: 0px;
	margin: 0px;
	}
#milonicnav {
	position:absolute;
	top:0px;
	left:95px;
	padding: 0px;
	margin: 0px;
	}
#homenav ul li{
	font-size:0.86em;
	height:34px;
	line-height:34px;
	float:left;
	}
#homenav ul li a{
	color:#fff;
	height:34px;
	width:95px;
	float:left;
	padding:0px;
	background:url(/custom/files/media/aeecnvhome.png) bottom no-repeat;
	}
#homenav ul li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(/custom/files/media/aeecnvhomeon.png) bottom no-repeat;
	}


/* ----- MILONIC CLASSES ---------------------------------------- background-image: url(/custom/files/arrowwhiteright.gif); */
/* width: 293px; */
/* DR: Use a.menuOff1 NOT just .menuOff1 else CMS will double the padding/margins by applying to TD and Anchor */

td.menuOff1, a.menuOff1 {
	display: block;
	margin: 0px;
	border: none;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #1e1e1e;
	color:#ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: /*13px*/ 0.85em;
	text-align:left;
	text-decoration:none;
	width: 165px;
	_width: 113px;
}
/* IE6+ adds padding on top of menu width, hence the _width edit above */
a.menuOff1 {
	padding: 5px 26px;
}

td.menuOn1, a.menuOn1 {
	display: block;
	margin: 0px;
	border: none;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #CD202C;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: /*13px*/ 0.85em;
	text-align:left;
	text-decoration:none;
	width: 165px;
	_width: 113px;
}
/* IE6+ adds padding on top of menu width, hence the _width edit above */
a.menuOn1 {
	padding: 5px 26px;
}

#header form {
	width:210px;
	height:16px;
	position:absolute;
	right:27px;
	bottom:72px;
	}
#header form input.searchField {
	width:106px;
	padding-left:3px;
	height:14px;
	background:#fff;
	border:#6c6e74 1px solid;
	vertical-align:middle;
	float:left;
	}
	
#header form img {
	margin-left: 3px;
	_margin-left: 0;
}

/* #header form .submit_button {
	margin-left:2px;
	background:url(/custom/files/media/aeecsearchbtn.png) no-repeat;
	width:96px;
	display:inline;
	height:16px;
	border:0;
	padding:0;
	cursor:pointer;
	} */

/* *************************** 
   $4 Content Styles
   ***************************/


/* HOME & INNER PAGE STYLES */
#content {
	/* overflow:hidden; */
	width:990px;
	margin-top:17px;
	background:url(/custom/files/media/aeecinnerbgcontent.png) top left no-repeat;
}


/* HOME STYLES */

#container_home #content {
	width:990px;
	margin-top:227px;
    overflow:hidden;
	background: /*#1E1E1E */ none; /* THIS REMOVES THE SECONDARY INNER PAGE BG */
    /* removed causing problems in the space time continium
	opacity:0.70; -moz-opacity:0.70; filter:alpha(opacity=70);	*/
    }

#container_home #content h2{
	font-size:1.2em;
	line-height:20px;
	padding-top:17px;
	padding-bottom:15px;
	font-weight:normal;
	text-transform:uppercase;
	}

/* Home Centre of Attention */
#content .col1{
	float:left;
	height:235px;
	width:230px;
	padding-left:25px;
	padding-right:19px;
	border-right:#3f3d3b 1px solid;
	}
#content .col1 h2{
	border-bottom:#7AB800 17px solid;
	}

#content .col1 p{
	line-height:18px;
	padding-top:16px;
	font-size:/*1*/0.9em;
	}
	
/* Home We Can Host your */
#content .col2{
	float:left;
	height:235px;
	padding-left:26px;
	border-right:#3f3d3b 1px solid;
	width:223px;
	}
#content .col2 ul li{
	margin-bottom:3px;
	font-size:0.8em;
	width:223px;
	overflow:hidden;
	line-height:25px;	
	}
#content .col2 ul li a{
	color:#fff;
	text-decoration:none;
	}
#content .col2 ul li a:hover{
	color:#7AB800;
	text-decoration:none;
	}
.col2 ul li img{
	float:left;
	margin-right:9px;
	display:inline;
	}
	
/* Home Find Out More */
#content .col3{
	float:left;
	height:235px;
	padding-left:12px;
	width:218px;
	border-right:#3f3d3b 1px solid;
	}
#content .col3 h2{
	padding-left:12px;
	width:198px;
	}
#content .col3 ul li{
	width:210px;
	padding-left:12px;
	padding-bottom:7px;
	font-size:0.8em;
	background:url(/custom/files/media/aeeclinkcrossgreen.gif) left 5px no-repeat;
	}
#content .col3 ul li a{
	color:#fff;
	text-decoration:none;
	}
#content .col3 ul li a:hover{
	color:#7AB800;
	text-decoration:none;
	}
	
/* Home Upcoming Events */
#content .col4{
	float:left;
	/*height:235px; */
	padding-left:25px;
	width:205px;
	}
#content .col4 table.eventList td {
	padding-bottom: 5px;
}
#content .col4 table td.eventList {
	font: normal 0.7em Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/* Second & other columns */
#content > .col4 td {
	width:80px;
}
#content .col4 td:first-child {
	width:125px;
	padding-right:12px;
}

/* #content .col4 p{
	width:200px;
	overflow:hidden;
	font-size:0.8em;
	line-height:13px;
	padding-bottom:2px;
	}
#content .col4 p span{
	float:right;
	width:130px;
	}
#content .col4 p span a{
	color:#fff;
	}
#content .col4 p span a:hover{
	color:#7AB800;
	text-decoration:none;
	} */
#content .col4 a img{
	margin-left:4px;
	}
#content .col4 a{
	color:#fff;
	text-decoration:none;
	}
#content .col4 a:hover{
	text-decoration:none;
	color:#7AB800;
	}
#content .col4 .all_events{
	margin-top:13px;
	font-size: 0.7em;
	}
	
/* Below code could be redundant now */
#middle{
	float:left;
	padding-left:30px;
	width:483px;
	padding-top:36px;
	}
#middle h2{
	font-weight:normal;
	font-size:1.33em;
	text-transform:uppercase;
	line-height:20px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#7AB800 1px solid;
	}
	
	
/* Facilities Spaces Landing Page Styles */

.section{
	width:482px;
	overflow:hidden;
	padding-top: /* 34px */ 0px;
	}
.section .section_top{
	width:482px;
	overflow:hidden;
	}
.section .section_top .section_top_left{
	width:255px;
	padding-right:13px;
	float:left;
	}
.section .section_top .section_top_right{
	float:left;
	width:214px;
	}
.section .section_top .section_top_left h3{
	font-size:1.06em;
	font-weight: normal;
	line-height:18px;
	padding-bottom:12px;
	text-transform:uppercase;
	}
.section .section_top .section_top_left p{
	line-height:16px;
	font-size:0.8em;
	padding-bottom:17px;
	}
.section .section_top .section_top_right h4 {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-bottom:13px;
	}
.section .section_top .section_top_right p {
	width:211px;
	font-size:0.8em;
	overflow:hidden;
	line-height:15px;
	}
.section .section_top .section_top_right p span {
	float:right;
	width:135px;
	}
.section .section_bottom {
	width:211px;
	overflow:hidden;
	}
.section .section_bottom a {
	width:450px;
	padding-left:12px;
	font-size:0.8em;
	color:#7AB800;
	text-decoration: none;
	background:url(/custom/files/media/aeeciconadd.gif) left 5px no-repeat;
	}
.section .section_bottom a:hover{
	text-decoration: underline;
	}

/* Redundant ? Older XHTML4U code that we no longer use */

/* 
#left{
	   padding-left:28px;
	   width:213px;
	   float:left;
	   padding-top:33px;
	   }
#left h2{
	font-size:1.5em;
	font-weight:normal;
	text-align:right;
	line-height:24px;
	padding-bottom:13px;
	text-transform:uppercase;
	border-bottom:17px solid #7AB800;
	}
#left img{
	margin-top:34px;
	margin-bottom:14px;
	} */
	
	
	
/* WIDELEFT STYLES - MAIN CONTENT STYLES */


#row {
	clear:both;
}

/* Controlling left & middle content div */
#wideleft {
	float:left;
}

/* LEFT STYLES */

#wideleft .left,
#wideleft .leftfirst {
	padding-left:28px;
	width:213px;
	min-width:213px;
	float:left;
}

#wideleft .leftfirst {
	padding-top:33px;
	height: 85px;
}

#wideleft .left {
	padding-top:0px;
	margin-bottom: 34px;
}

/* Main Section Title */
#wideleft .left h2,
#wideleft .leftfirst h2 {
	font: normal 1.38em Arial, Helvetica, sans-serif;
	text-align:right;
	line-height:24px;
	padding-bottom:13px;
	text-transform:uppercase;
	border-bottom:17px solid #7AB800;
}

#wideleft .left img,
#wideleft .leftfirst img {
	margin-top:0px;
	margin-bottom:14px;
}

/* left links & specialised styles */
#wideleft .left .leftText {
	text-align: right;
}

#wideleft .left .leftText h3 {
	font: normal 1.05em Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-bottom:12px;
	text-transform:uppercase;
}

#wideleft .left .leftText p {
	line-height:16px;
	font-size:0.8em;
	padding-bottom:17px;
}

#wideleft .left .leftText p.smallText {
	font: 0.65em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

#wideleft .left li {
	font-size:0.8em;
	text-align: right;
	padding-right:12px;
	background:url(/custom/files/media/aeeciconadd.gif) right 5px no-repeat;
}

#wideleft .left li a {
	color:#7AB800;
}

#wideleft .left li a:hover {
	color:#7AB800;
	text-decoration: underline;
}

/* MIDDLE STYLES */


#wideleft .middle,
#wideleft .middlefirst {
	float:left;
	padding-left:30px;
	width:483px;
}

#wideleft .middlefirst{
	padding-top:36px;
	height: 85px;
}

#wideleft .middle {
	width: 473px;
	padding-top:0px;
	padding-right: 10px;
	margin-bottom: 34px;
}

body.facilities #wideleft .middle {
	*padding-right: 0px; /* IE6 Hack THIS WILL NEED TO BE PLACED IN THE AEECIE6.CSS file eventually */
}

/* Page Title */
#wideleft .middle h2,
#wideleft .middlefirst h2 {
	font:normal 1.22em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:20px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#7AB800 1px solid;
}

/* Sub Section Title */
#wideleft .middle h3,
#wideleft .middlefirst h3 {
	font: normal 1.05em Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-bottom:12px;
	text-transform:uppercase;
}

#wideleft .middle h4{
	/* font-size:0.7em; */
	line-height:18px;
	padding-bottom:13px;
}

/* Section main content font control */
#wideleft .middle p {
	line-height:16px;
	font-size:0.8em;
	padding-bottom:17px;
}

#wideleft .middle li{
	width:450px;
	font-size:0.8em;
	padding-left:12px;
	background: url(/custom/files/media/aeeciconsquare.gif) left 5px no-repeat;
}

#wideleft .middle li a {
	color:#7AB800;
}

#wideleft .middle li a:hover {
	color:#7AB800;
	text-decoration: underline;
}

#wideleft .middle table {
	font: 0.8em Arial, Helvetica, sans-serif;
}

#wideleft .middle table p,
#wideleft .middle table table {
	font: 1em Arial, Helvetica, sans-serif;
}

/* Gallery Thumbs */


#wideleft table.galleryTable td {
	padding-right: 15px;
	padding-bottom: 14px;
}

#wideleft table.galleryTable td.last {
	padding-right: 0px;
	padding-bottom: 14px;
}

/* Newsroom Listing & Search Results */

/* #wideleft .middle table, */
#wideleft .middle .searchresults,
#wideleft .middle .searchresults div {
	font: .9em Arial, Helvetica, sans-serif;
}

#wideleft .middle .searchresults img {
	display: none;
}

/* Sitemap Styles */

#wideleft .middle #tree a {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #fff;
}

#wideleft .middle #tree img {
	color: #fff;
}

/* Forms Styles */

#wideleft form {
	font: 0.8em Arial, Helvetica, sans-serif;
}

#wideleft form div.element {
	margin: 10px 0 15px 0;
}

#wideleft form div.element input {
	margin-top: 4px;
}

#wideleft form div.element input.button_style { /* Submit Button */
	padding: 4px;
	text-transform: uppercase;
	color: #fff;
	background: #7AB800;
	border: none;
}


/* *************************** 
   $5 Sidebar Styles
   ***************************/

/* RIGHT STYLES */


#right{
	float:left;
	width:236px;
	min-height: 400px;
	padding-top:68px;
	background:#1E1E1E url(/custom/files/media/aeecrightbg.png) top repeat-x;
	}
#right h2{
	font: normal 1.2em Arial, Helvetica, sans-serif;
	line-height:20px;
	padding-left:31px;
	width:205px;
	text-transform: uppercase;
	padding-bottom:25px;
	}
/* Subnav */
#right ul{
	padding-bottom:13px;
	}
#right ul li{
	padding-left: 47px;
	border-bottom:#333 1px dotted;
	font-size:0.8em;
	line-height:15px;
	padding-top:6px;
	margin-left:1px;
	padding-bottom:7px;
	background:url(/custom/files/media/aeeclinkcrossgreen.gif) 31px 11px no-repeat;
	}
#right ul .last{
	border-bottom:#333 1px dotted;
	}
#right ul li a{
	color:#fff;
	}
#right ul li a:hover{
	color:#7AB800;
	text-decoration:none;
	}
/* Portlets */
.box{
	width:236px;
	background:#1e1e1e url(/custom/files/media/aeecrighportalbg.png) top repeat-x;
	margin-top:43px;
	overflow:hidden;
	}
#right .box h2{
	padding-top:14px;
	padding-bottom:13px;
	}
.box img{
	float:left;
	margin-left:31px;
	display:inline;
	}
.box .box_right{
	float:left;
	width:140px;
	font-size:0.8em;
	padding-left:9px;
	margin-bottom: 20px;
	overflow:hidden;
	}
.box_right p{
	padding-bottom:8px;
	}

a.link{
	padding-right:16px;
	float:left;
	background:url(/custom/files/media/aeeclinkarrow.gif) right 5px no-repeat;
	}

#content #right .box .box_right a img{
	margin:0;
	float:none;
	padding:0;
	display:inline;
	}
a.link_other{
	color:#fff;
	}
a.link_other:hover{
	color:#7AB800;
	text-decoration:none;
	}
	
/* Suggestion Boxes */
.box .suggestionbox p {
	margin-bottom: 20px;
	font-size: 0.8em;
}

.box .suggestionbox img {
	margin-top: -6px;
	margin-right: 10px;
}

/* Gallery Boxes */
/* Gallery Thumbs */

#right .box table.galleryTable {
	width: 190px;
	margin-left: 31px;
}

#right .box table.galleryTable td {
	padding-right: 3px;
	padding-bottom: 3px;
}

#right .box table.galleryTable td img {
	float: none;
	margin: 0;
	padding: 0;
}

#right .box table.galleryTable td.last {
	padding-right: 0px;
	padding-bottom: 3px;
}



/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	clear:both;
	padding-top:82px /*22px*/;
	height:133px;
	width:990px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#1e1e1e;
}
#footer p {
	padding-top:92px;
	display: block;
	background:url(/custom/files/media/aeecfooterblurb.png) 25px bottom no-repeat;
	text-indent: -9999px;
	outline-style:none;
	}
#footer .footer_right{
	float:right;
	width:445px;
	}
#footer .footer_right ul{
	margin-left:55px;
	width:385px;
	overflow:hidden;
	}
#footer .footer_right ul li{
	color:#A7A7A7;
	font-size:0.78em;
	float:left;
	}
#footer .footer_right ul li a{
	color:#A7A7A7;
	text-decoration:none;
	}
#footer .footer_right ul li a:hover{
	text-decoration:underline;
	color:#A7A7A7;
	}
#footer .footer_right .footer_right_bottom{
	width:412px;
	padding-left:33px;
	overflow:hidden;
	padding-top:33px;
	}
#footer .footer_right .footer_right_bottom a{
	float:left;
	display:inline;
	margin-right:38px;
	margin-left:10px;
	}