html, body, div,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, code, hr, img,
form, fieldset, legend, label, textarea, 
span, em, strong, sub, sup,
table, tbody, td, tfoot, th, thead, tr, tt,
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}

img {border: 0;vertical-align: bottom;}

fieldset {border: 0;display: inline;}

body {
    background: #0a79f0 url(/_img/bg-blue.jpg) scroll repeat 0 0;
    color: #000;
    font: 85%/1.5 arial, verdana, helvetica, sans-serif;
	-webkit-text-size-adjust: none;
}

body.loginto, body.checkout, body.thanks, body.cart {
    background: #fff none scroll repeat 0 0;
}

h1, h2, h3, h4, h5, h6 {font: bold 1em/1.5 georgia, garamond, "times new roman", times, serif;}

a {text-decoration: none;}

table {border: none;}

input, label {vertical-align: middle;}

label {cursor: pointer;}


/* General styles
----------------------------------------- */

#header_outer, #menu_outer, #nav_outer, #banner_outer, #content_outer, #features_outer, #footer_outer {
    min-width: 860px;
}

/* head section styles
----------------------------------------- */

#header_outer {
	height: 95px;
	border-top: 5px solid #383d44;
	background: #0a79f0 url(/_img/bg-blue.jpg) scroll repeat 0 0;
}

#header {
	margin: 0 auto;
	width: 862px; 
	height: 95px;
	position: relative;
}

h1 {
	font-size: 1.5em;
	color: white;
	overflow: hidden;
	height: 28px;
	width: 480px;
	position: relative;
    top: 50px;
    left: 0px;
}

h1 a {color: white;}

h1 a, h1 a:hover {width: 480px;height: 28px;}

h1 span {
	background: transparent url(/_img/logo.jpg) scroll no-repeat 0 0;
	display: block;
	height: 28px;
	width: 480px;
	position: absolute;
	left: 0;
	top: 0;
}

#header p.skip {position: absolute;left: -9999px;}

ul#header_nav {
	height: 23px;
	background: #383d44 url(/_img/nav-cnr-left.png) scroll no-repeat 0 100%;
	padding: 5px 0 0 5px;
	list-style: none none outside;
	position: absolute;
	right: 0;
    top: 0;
}

#header_nav li {
	float: left;
	line-height: 1;
	height: 23px;
}

#header_nav li.header_nav_last {
	background: url(/_img/nav-cnr-right.png) scroll no-repeat 100% 100%;
	padding-right: 5px;
}

#header_nav a {
	color: #dddddd;
	display: block;
	padding: 0 10px;
	border-right: 1px solid #cccccc;
}

#header_nav a:hover {
	color: #ffffff;
	text-decoration: underline;
	display: block;
	padding: 0 10px;
	border-right: 1px solid #cccccc;
}

#header_nav li.header_nav_last a, #header_nav li.header_nav_last a:hover {
	border-right: none;
}

/* target header nav styles */

.home #home a, .cart #cart a, .sitemap #map a, .members #members a {
	text-decoration: underline;
    color: #ffffff;
}


/* Menu section styles
----------------------------------------- */

#menu_outer {
	background: #F2F0E7 url(/_img/menu-gradient.gif) scroll repeat-x 0 0;
	position: relative;
	z-index: 20;
}

ul#menu {
	margin: 0 auto;
	height: 40px;
	width: 862px;
}

ul#menu, ul#menu ul {list-style: none none outside;}

#menu li {
	width: 123px;
	font-family: Georgia, "Times New Roman", Times ,serif;
	float: left;
	position: relative; /* FOR DROPDOWN */
}

/* following rule makes menu tab stay highlighted while hovering on sub links */

#menu li:hover {background: #d1cfcc none scroll no-repeat 50% 100%;}

/*#menu li ul {display: none;}*/
#menu li ul {position: absolute; left: -9999px;}

#menu li:hover ul {
	/*position: absolute;*/ 
	left: 0;
	width: 300px;
	background-color: #F2F0E7;
	border: 1px solid #d1cfcc;
	display: block;
}

#menu li#about:hover ul {
	position: absolute;
	width: 245px;
	background-color: #F2F0E7;
	border: 1px solid #d1cfcc;
	display: block;
}

#menu li ul li {width: 100%;}

#menu li.menu_last {border-right: 1px solid #d1cfcc;}

/* following rule targets page menu tabs */

.courses #courses a, .enrol #enrol a, .venues #venues a, .events #events a, .feat #feat a, .about #about a, .contact #contact a {
	background-color: #d1cfcc;
}

#menu a, #menu a:hover {
	color: #333333;
	line-height: 40px;
	font-size: 1.2em;
	border-left: 1px solid #d1cfcc;
	display: block;
	text-align: center;
	font-weight: bold;
}

#menu a:hover {background: #d1cfcc none scroll no-repeat 50% 100%;}

#menu li ul a, #menu li ul a:hover {
	color: #BF3030; /* morone */
	font-family: georgia, "times new roman", times, serif;
	line-height: 1.3em;
	font-size: 1em;
	display: block;
	text-align: left;
	padding: 10px 15px 10px 15px; 
	font-weight: bold;
	border: 0;
}

/* following rule overrides the target page menu tabs above */

.courses #menu li ul a, .enrol #menu li ul a, .venues #menu li ul a, .events #menu li ul a, .feat #menu li ul a, .about #menu li ul a, .contact #menu li ul a {background-color: #F2F0E7;}

#menu li ul a:hover {
	background-color: #d1cfcc;
	color: #0a79f0; /* blue */
}

#menu li ul a span, #menu li ul a:hover span {
	font-size: .8em;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: normal;
	color: #222222;
	display: block;
	padding-top: 0.2em;
}


/* banner section styles
----------------------------------------- */

#banner_outer {
	background: #383D44 url(/_img/bg-feat.jpg) repeat scroll 0 0;
	overflow: hidden;
	position: relative;
	z-index: 10;
    border: solid #383D44;
    border-width: 1px 0;
}

#banner {
	position: relative;
	margin: 0 auto;
	padding: 23px 0px;
	width: 860px;
	background: transparent url(/_img/statue.jpg) scroll no-repeat 98% 100%;
}

#banner h2 {
	color: #F2EFC9;
	font-size: 1.45em;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 500px;
}
						
#banner p {
	color: #ffffff;
	font-size: 1.2em;
	margin: 16px 0;
	text-align: left;
	width: 470px;
}

#banner p.discover {
	text-align: center;
	width: 320px;
	position: relative;
	height: 40px;
	overflow: hidden;
	margin: 24px 0 4px 40px;
	padding-left: 0px;
}

#banner p.discover a {
	text-align: left;
	font-size: 1.2em;
	width: 320px;
	height: 40px;
	color: #ffffff;
}	

#banner p.discover a:hover {
	text-align: left;
	font-size: 1.2em;
	width: 320px;
	height: 40px;
	color: #ffffff;
	text-decoration: underline;
}			

#banner p.discover a span {
	background: transparent url(/_img/discover.gif) scroll no-repeat 0 0;
	display: block;
	height: 40px;
	width: 320px;
	position: absolute;
	left: 0;
	top: 0; 
}

#banner p.discover a:hover span {
	background: transparent url(/_img/discover.gif) scroll no-repeat 0 -40px;
	display: block;
	height: 40px;
	width: 320px;
	position: absolute;
	left: 0;
	top: 0; 
}
										
/* nav section styles
----------------------------------------- */

#nav_outer {
	background: #383D44 url(/_img/bg-feat.jpg) repeat scroll 0 0;
    border: solid #383D44;
    border-width: 1px 0;
	position: relative;
	z-index: 10;
}

#nav {
	position: relative;
	margin: 0 auto;
	padding: 20px 0px;
	width: 860px;
}

#nav h2 {
	width: 200px;
	float: left;
	font-size: 2.8em;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.1;
	font-family: georgia, "times new roman", times, serif;
}

#nav ul {
	border-left: 1px solid #ffffff;
	padding: 0px 0 0px 40px;
	list-style: none none outside;
	overflow: hidden;
}

#nav li {
	float: left;
	font-family: Georgia, "Times New Roman", Times , serif;
	padding: 5px 0;
	margin: 0 4px;
}

#nav li a {
	color: #ffffff;
	line-height: 30px;
	font-size: 1.3em;
	padding: 0 12px;
	display: block;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
}

#nav li a:hover {
	color: #333333;
	line-height: 30px;
	font-size: 1.3em;
	padding: 0 12px;
	display: block;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	background: #fefefe;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius: 13px;
}

/* target page nav styles */

#nav_outer a.current {
	color: #333333;
	background: #fefefe;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius: 13px;
}


/* content section styles
----------------------------------------- */
																						
#content_outer {
	z-index: 10;
	background: #ffffff url(/_img/bg-content.jpg) scroll repeat-x 0 0;
}

#content, #content1 {
	margin: 0 auto;
	padding: 20px 0px 5px;
	width: 860px;
}

.content-wrap {width: 860px;overflow: hidden;}

#content_left, .content-left {
	width: 500px;
	float: left;
	overflow: hidden;
}

#content_right, .content-right {
	width: 310px;
	float: right;
	overflow: hidden;
}

.home #content_left, .home #content_right, .checkout #content_left, .checkout #content_right {width: 405px;}

#content div.entries {
	padding-top: 14px;
	margin-top: 18px;
    border-top: 1px dashed #333333;
   	overflow: hidden;
}

#content div.entries_right {
	padding-bottom: 0;
	margin-bottom: 14px;
	border-bottom: 1px dotted #333333;
}

#content div.message {padding: 0; width: 100%;	}

#content h2 {
	color: #BF3030;
	font-size: 1.5em;
	font-family: georgia, "times new roman", times, serif;
	padding-bottom: 10px;
	border-bottom: 1px dotted #333333;
	margin-bottom: 10px;
}

#content h2#homep {
	color: #333333;
	font-size: 2em;
	font-family: arial, verdana, helvetica, sans-serif;
	padding-bottom: 15px;
	border-bottom: 1px dotted #333333;
	margin-bottom: 15px;
}

.home #content h2 {
    color: #BF3030;
	font-size: 1.5em;
	font-family: georgia, "times new roman", times, serif;
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 10px;
}

.sitemap #content p + h2 {margin: 25px 0 10px;}

#content h3 {
	color: #BF3030;
	font-size: 1.4em;
	font-family: georgia, "times new roman", times, serif;
	margin: 14px 0 8px;
}

#content p.highlight {font-size: 1.6em; color: #BF3030;}

#content h2 a, #content h3 a, #content h2 a:hover, #content h3 a:hover {color: #BF3030; text-decoration: none;}

.tims_locs #content h3 {
	color: #BF3030;
	font-size: 1.4em;
	font-family: georgia, "times new roman", times, serif;
	margin: 20px 0 8px;
}

#content div.entries h3 {
	color: #BF3030;
	font-size: 1.4em;
	font-family: georgia, "times new roman", times, serif;
	margin: 0 0 8px;
}

#content_right h3 {
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	text-align: left;
}

#content_right p.linkbutton {margin: 1.2em 0;}

#content_right p.linkbutton a {color: #fff; display: block; text-align: center; padding: 5px 0; background: #BF3030; border-radius: 15px; font-size: 1.2em; text-decoration: none;}

#content_right p.linkbutton a:hover {background: #0a79f0; color: #fff; text-decoration: none;}

/* for intro-crs page */

#content div.datewrap h3 {
	color: #BF3030;
	font-size: 1.4em;
	font-family: georgia, "times new roman", times, serif;
	margin: 10px 0 10px;
}

#content h4 {
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	text-align: left;
}

#content h3 + h4 {margin: 14px 0 10px;}

#content div.entries h3 + h4 {margin: 0px 0 10px;}

.venues #content h2, .venues #content h4 {clear: left;}

#content p {
	color: #333333;
	font-size: 1em;
	margin: 0 0 14px;
	text-align: left;
}

.melb #content p/*, .aus #content p*/ {margin:0;}

.tims_locs #content div.message p, .intro_crs #content div.message p {padding-left: 20px; margin: 10px 0 0;}

#content p.blurb {
	font-style: italic; 
	text-align: center; 
	margin-bottom: 15px;
}

#content p.postnav {
	color: #333333;
	font-size: 1em;
	margin: 0 0 14px;
	padding-top: 14px;
	border-top: 1px dashed #333333;
	text-align: left;
}

#content p.ie-rss-sorry {display: none;}

#content p a, #content ul a {color: #0000ff;text-decoration: none;}

#content p a:hover, #content ul a:hover {color: #0000ff;text-decoration: underline;}

#content_left img, .content-left img {max-width: 500px;
}

#content_right img, .content-right img {border: 1px solid #cccccc;max-width: 308px;}

#content_right img.top {margin-bottom: 15px;border: none;}

.venues #content_left img, .venues .content-left img {
	float: left; 
	margin: 0 10px 30px 0;
	border: 1px solid #cccccc;
} /*for aus locs page | for vic locs page */

#content ul {
	list-style: disc none outside;
	padding-left: 15px;
	margin: 10px 0 14px;
    color: #333333;
}

#content ol {
	list-style: decimal none outside;
	padding-left: 20px;
	margin: 10px 0 14px;
    color: #333333;
}

#content ul.events {list-style: none; margin: 12px 0 0 0; padding:0;}

#content .events li {
	color: #fff; 
	background: #4d545e url(/_img/bg-cal.jpg);
	margin: 8px 0; 
	padding: 10px 15px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius: 8px;
}

#content ul.dates {list-style: none; padding:0;}
#content li.dates {margin:0; padding:0;}

#content p.enrol_now {
	text-align: center;
	width: 320px; height: 40px;
	position: relative;
	overflow: hidden;
	margin: 24px 0 40px 80px;
	padding-left: 0px;
}

#content p.enrol_now a {
	text-align: left;
	font-size: 1.2em;
	width: 320px; height: 40px;
	color: #0a79f0;
}	

#content p.enrol_now a:hover {
	text-align: left;
	font-size: 1.2em;
	width: 320px; height: 40px;
	color: #0a79f0;
	text-decoration: underline;
}			

#content p.enrol_now a span {
	background: transparent url(/_img/enrol-now.gif) scroll no-repeat 0 0;
	display: block;
	height: 40px; width: 320px;
	position: absolute;left: 0;top: 0; 
}

#content p.enrol_now a:hover span {
	background: transparent url(/_img/enrol-now.gif) scroll no-repeat 0 -40px;
	display: block;
	height: 40px; width: 320px;
	position: absolute; left: 0;top: 0; 
}

/* content table styles */

#content div.date_time {
    clear: both;
	width: 860px;
    padding-bottom: 20px;
}

#content div.datewrap {
    float: left;
	width: 860px;
 	margin-top: 15px;
 	border-top: 1px dotted #333333;
}

.intro_crs #content div.date_time {float: left; width: 860px;}

#content div.date_time h4 {
	font-size: 1.6em;
	font-family: georgia, "times new roman", times, serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2;
	border: 0;
	display: block;
	color: #ffffff;
	background-color: #BF3030; /* morone */
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius: 13px;
	padding: 0 20px;
	margin: 0;
}

#content div.date_time h4 span {
	font-size: 0.9em;
	text-transform: none;
}

#content .date_time table {
	width: 98%;
	margin: 0.5em auto 0;
	border-collapse: collapse;
	font-family: georgia, "times new roman", times, serif;
}

#content table td, #content table th {
	padding: 0.3em;
	font-size: 0.9em; 
	border-right: 1px solid #BF3030;
	border-bottom: 1px solid #BF3030;
	width: 14%;
	vertical-align: middle;
	text-align: center;
}

#content table td.end, #content table th.end {border-right: 0;}

#content table th {font-weight: bold;}

#content table th[scope="row"] {text-align: right;padding-right: 1em;}

/*phil and page*/
#content table.info {width: 100%; margin: 0.5em auto; border: 1px solid #ccc; border-collapse: collapse;}
#content table.info th {background: #e7e7e7;}
#content table.info th, #content table.info td {border: 1px solid #ccc; vertical-align: top; text-align: left;}
#content table.info p {margin: 0;}
#content table.info .one {width: 15%;}
#content table.info .two {width: 20%;}
#content table.info .three {width: 50%;}

/*  cultural day classes catlist  */

#catlist {
	border: 1px solid #BF3030;
	border-bottom: none;
	width: 498px;
	margin: 14px 0 20px;
}

#catlist dt {
	font-weight: bold;
	text-indent: -15px;
	margin: 0 0 5px 15px;
    font-size: 1.176em;
    color: #333333;
}

#catlist dl {
	border-bottom: 1px solid #BF3030;
	padding: 10px;
	overflow: hidden;
}

#catlist dd {margin-left: 15px;}

#catlist dd.main {margin-bottom: 8px;}

#catlist dd.details {font-style: italic;}

/*  cultural day programme  */

ul#prog {list-style: none outside none;margin: 0 0 18px 0;}

#prog li {margin: 8px 0 0 0;}

/*#prog li i {font-style: normal;}*/

#prog strong {float: left; width: 100px;}

blockquote {padding-left: 40px;background: transparent url(/_img/quotes.gif) scroll no-repeat 0px 5px; min-height:26px; margin-bottom: 14px;}

/*div.quote, blockquote {padding-left: 40px;background: transparent url(/_img/quotes.gif) scroll no-repeat 0px 5px;}
div.quote p span {display: block;font-style: italic;padding-left: 20px;}*/


/* Features section styles
----------------------------------------- */

#features_outer {
	background: #383D44 url(/_img/bg-feat.jpg) repeat scroll 0 0;
    border: solid #383D44;
    border-width: 1px 0;
}

#features {margin: 0 auto;padding: 20px 0 10px;width: 860px;}

#features_left {width: 405px;float: left;}

#features_right {width: 405px;float: right;}

div.features_box {overflow: hidden;margin-bottom:10px;}

div.event-box {
	padding-top: 10px;
	border-top: 1px dotted #ffffff;
	margin-top: 10px;
	overflow: hidden;
}

#features h2 + div.features_box {
	padding-top: 0;
	border-top: 0;
	margin-top: 0;
}

#features h2 {
	color: #ffffff;
	font-size: 1.8em;
	font-weight: normal;
	font-family: georgia, "times new roman", times, serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 10px;
}

#features h2 a {
	color: #ffffff;
	text-decoration: none;
}

#features h2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#features h3 {
	color: #F2EFC9;
	font-size: 1.5em;
	font-weight: normal;
	font-family: georgia, "times new roman", times, serif;
}

#features h3 a {
    color: #F2EFC9;
	text-decoration: none;
}

#features h3 a:hover  {
    color: #F2EFC9;
    text-decoration: underline;
}

#features p {
	color: #cccccc;
	font-size: 1em;
	margin: 12px 0;
	text-align: left;
}

#features ul.events {list-style: none; margin: 12px 0 0 0;}

#features li {
	color: #fff; 
	background: #4d545e url(/_img/bg-cal.jpg);
	margin: 8px 0; 
	padding: 10px 15px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius: 8px;
}

#features p a {color: #a9c441;text-decoration: none;}

#features p a:hover {color: #F2EFC9;text-decoration: underline;}


/* footer styles
----------------------------------------- */

#footer_outer {/*background: #0a79f0 url() scroll repeat-x 0 0;*/}

#footer {margin: 0 auto; padding: 15px 0px; width: 860px;}

#footer p {color: #ffffff;font-size: 0.95em;}

#footer p a {color: white;}

#footer p a:hover {color: white; text-decoration: underline;}


/* clearfix styles
----------------------------------------- */

#menu_outer:after, #nav:after, #content:after, #features:after, .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}														

#menu_outer, #nav, #content, #features, .clearfix {display: inline-block;}

/* Hide from IE5/Mac \*/
* html #menu_outer, * html #nav, * html #content, * html #features, * html .clearfix {height: 1%;}
#menu_outer, #nav, #content, #features, .clearfix {display:block;}
/* End hide */