/* eventswa.css
   
   Look, learn, but please don't steal. */

/* For BOTH Layouts, see:
   /includes/eventswa.css

   For CONTENT Layout, see:
   /includes/eventswa-content.css

   For lte IE 7 OVERRIDE, see:
   /includes/eventswa-override7.css

   For lte IE 6 OVERRIDE, see:
   /includes/eventswa-override.css

   For PRINT Layout, see:
   /includes/eventswa-print.css

   For AURAL Layout, see:
   /includes/eventswa-aural.css */

/* GENERIC */

* { padding: 0;
	margin: 0; }

html { background: #5d5d5d url('/images/layout/html-flow.jpg') repeat-x 0 0; }

body { background: url('/images/layout/body-bg.jpg') no-repeat 50% 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif; /* IE 6 + 7 OVERRIDE */ }

p { margin: 10px 0; }

h1, h2, h3, h4, h5, h6 { margin: 15px 0; }

ul, ol { margin: 10px 0 10px 40px; }

dl { margin: 10px 0; }
dl dt { font-weight: 800; }
dl dd { margin-left: 40px; }

table { margin: 10px 0; }

blockquote { margin: 10px 40px; }

acronym { padding-right: 1px;
	border-bottom: 1px dashed #000;
	font-style: italic;
	cursor: help; }

address { margin: 10px 0;
	font-style: normal; }

/* TEMP */

.highlight { padding: 0 2px;
	background: #fff;
	border: 2px dashed #c00;
	color: #f00;
	font-weight: 800; }

/* SEMI-GENERIC + CUSTOM */

.center { text-align: center; }

div.clear { clear: both;
	overflow: hidden;
	height: 1px;
	font-size: 1px; }

/* ACCESSIBLE */
div#entirety div#header div#menu-accessibility, 
div#entirety div#shell div#menu h2, 
div#entirety div#shell div#menu ul li a#menu-about, 
div#entirety div#shell div#menu ul li ul#submenu-conferences, 
div#entirety div#shell div#menu ul li ul#submenu-educational, 
div#entirety div#shell div#menu ul li ul#submenu-recreation, 
div#entirety div#shell div#menu ul li ul#submenu-professional, 
div#entirety div#shell div#menu ul li ul#submenu-social, 
div#entirety div#shell div#content h2, 
div#entirety div#shell div#content .accessible, 
div#entirety div#shell div#content div#other-info h4, 
div#entirety div#shell div#content div#other-info h5, 
div#entirety div#footer h2, 
div#entirety h2#document-end { position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	font-size: 1px; }
/* EO.ACCESSIBLE */

/* CLEAR */
div#entirety div#shell:after, 
div#entirety div#shell div#content:after, 
div#entirety div#shell div#content div#other-info:after { display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ' '; }
/* EO.CLEAR */

div#entirety { width: 765px;
	margin: 0 auto;
	padding: 95px 0 20px; }

/* HEADER Layout */
div#entirety div#header h1 { margin: 0; }
div#entirety div#header h1 a { display: block;
	height: 170px;
	background: url('/images/layout/header.png') no-repeat 0 0;
	color: #fff;
	font-size: 1px;
	text-decoration: none; }
/* EO.HEADER Layout */

div#entirety div#shell { background: #333 url('/images/layout/shell-bg.jpg') no-repeat 0 0; }

/* MENU Layout */
div#entirety div#shell div#menu { background: url('/images/layout/menu-bg.jpg') no-repeat 100% 0; }

div#entirety div#shell div#menu ul { margin: 0;
	padding: 22px 0 203px 60px;
	list-style: none; }
div#entirety div#shell div#menu ul li { display: inline; }
div#entirety div#shell div#menu ul li a { display: block;
	height: 30px;
	background: no-repeat 0 0;
	outline: 0;
	font-size: 1px;
	text-indent: -888em;
	text-decoration: none; }
div#entirety div#shell div#menu ul li a:hover, 
div#entirety div#shell div#menu ul li a:active, 
div#entirety div#shell div#menu ul li a:focus { background-position: 0 100%; }

div#entirety div#shell div#menu ul li a#menu-profile { width: 175px;
	background-image: url('/images/layout/menu/profile.png'); }
div#entirety div#shell div#menu ul li a#menu-steps { width: 340px;
	background-image: url('/images/layout/menu/steps.png'); }
div#entirety div#shell div#menu ul li a#menu-services { width: 150px;
	background-image: url('/images/layout/menu/services.png'); }
div#entirety div#shell div#menu ul li a#menu-customised { width: 360px;
	background-image: url('/images/layout/menu/customised.png'); }
div#entirety div#shell div#menu ul li a#menu-news { width: 275px;
	background-image: url('/images/layout/menu/news.png'); }
div#entirety div#shell div#menu ul li a#menu-contact { width: 120px;
	background-image: url('/images/layout/menu/contact.png'); }
div#entirety div#shell div#menu ul li a#menu-staff { width: 130px;
	background-image: url('/images/layout/menu/staff.png'); }
div#entirety div#shell div#menu ul li a#menu-links { width: 110px;
	background-image: url('/images/layout/menu/links.png'); }

div#entirety div#shell div#menu ul li a#event-conferences, 
div#entirety div#shell div#menu ul li a#event-educational, 
div#entirety div#shell div#menu ul li a#event-recreation, 
div#entirety div#shell div#menu ul li a#event-professional, 
div#entirety div#shell div#menu ul li a#event-social { float: left;
	display: inline;
	width: 105px;
	height: 140px;
	margin-top: 83px; }
div#entirety div#shell div#menu ul li a#event-conferences { margin-left: 63px;
	background-image: url('/images/layout/menu/conferences.jpg'); }
div#entirety div#shell div#menu ul li a#event-educational { background-image: url('/images/layout/menu/educational.jpg'); }
div#entirety div#shell div#menu ul li a#event-recreation { background-image: url('/images/layout/menu/recreation.jpg'); }
div#entirety div#shell div#menu ul li a#event-professional { background-image: url('/images/layout/menu/professional.jpg'); }
div#entirety div#shell div#menu ul li a#event-social { background-image: url('/images/layout/menu/social.jpg'); }

div#entirety div#shell div#menu ul li a#event-conferences:hover, 
div#entirety div#shell div#menu ul li a#event-conferences:active, 
div#entirety div#shell div#menu ul li a#event-conferences:focus, 

div#entirety div#shell div#menu ul li a#event-educational:hover, 
div#entirety div#shell div#menu ul li a#event-educational:active, 
div#entirety div#shell div#menu ul li a#event-educational:focus, 

div#entirety div#shell div#menu ul li a#event-recreation:hover, 
div#entirety div#shell div#menu ul li a#event-recreation:active, 
div#entirety div#shell div#menu ul li a#event-recreation:focus, 

div#entirety div#shell div#menu ul li a#event-professional:hover, 
div#entirety div#shell div#menu ul li a#event-professional:active, 
div#entirety div#shell div#menu ul li a#event-professional:focus, 

div#entirety div#shell div#menu ul li a#event-social:hover, 
div#entirety div#shell div#menu ul li a#event-social:active, 
div#entirety div#shell div#menu ul li a#event-social:focus { background-position: 0 -140px; }

div#entirety div#shell div#menu ul li ul { padding: 0; }
/* EO.MENU Layout */

/* FOOTER Layout */
div#entirety div#footer { padding-top: 33px;
	background: url('/images/layout/footer-bg.png') no-repeat 0 0;
	border-top: 1px solid #fff; }
div#entirety div#footer ul { margin: 25px 10px 10px;
	list-style-type: none;
	text-align: center }
div#entirety div#footer ul li { display: inline;
	padding: 0 4px 1px 8px;
	border-left: 1px solid #fff; }
div#entirety div#footer ul li#footer-first { border-left-width: 0; }
div#entirety div#footer ul li a { border-bottom: 1px solid #5d5d5d;
	color: #fff;
	text-decoration: none; }
div#entirety div#footer ul li a:focus, 
div#entirety div#footer ul li a:hover, 
div#entirety div#footer ul li a:active { border-bottom-color: #82b428; }
/* EO.FOOTER Layout */
