/* Izilla CSS Template v1.0 (12/10/2007) for - Epilepsy Australia */
/* http://www.izilla.com.au */

/* --------------------------------------------
	Conditional Browser Rules
----------------------------------------------- */

/*
	Usage: Apply each of these "hacks" after the initial incorrect value has been set.

	Child Selector for FF, IE7, Opera, Safari:
		html > body element {rule}
	
	Child Selector + Comment Hack, which IE7 ignores: 
		html >/^^/ body element {rule}
	
	Comment Hack to hide from IE5x:
		element {selector/^^/:/^^/ value;}
	
	Replace ^ with *
*/




/* --------------------------------------------
	Colour Glossary
----------------------------------------------- */

/*
	Swatch - #000000
*/




/* --------------------------------------------
	Top-level Elements
----------------------------------------------- */

/* Top-level Elements

    * HTML - HTML document
          o BODY - Document body
*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100.01%;	/* Creates scrollbar in FF */
}

body {
	background-color: #fff;
	color: #515151;
	font-family: Arial, Helvetica, sans-serif;
}

body * {
	font-family: inherit;
	font-size: 100%;
}

body p {
	font-size: 105%;
}

#body .top_of_page {
	display: none;
}

/* --------------------------------------------
	Generic Classes
----------------------------------------------- */

.align_centre {
	text-align: center !important;
}

.align_justify {
	text-align: justify !important;
}

.align_left {
	text-align: left !important;
}

.align_right {
	text-align: right !important;
}

.centre_object {
	display: block;
	margin: 0 auto 1.4em auto;
}

.clear {
	clear: both;
}


div.clear {  /* for clearing divs if overflow doesn't work */
	font-size: 0;
	line-height: 0px;
}

.float_left {
	display: inline;
	float: left;
}

.float_right {
	display: inline;
	float: right;
}

.glossary {display: none;}	/* For use in conjunction with AddGlossary script */

img.float_left {
	margin: 0.5em 1em 0.5em 0;
}

img.float_right {
	margin: 0.5em 0 0.5em 1em;
}

img.float_right a {
	border: none;
}

img.float_left_border {
	border: 1px solid #cad5f3;
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

img.float_right_border {
	border: 1px solid #cad5f3;
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.hidden {
	left: -999em;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.invisible {
	visibility: hidden;
} 




/* --------------------------------------------
	Specific Classes
----------------------------------------------- */

h3 a.top {
	background: url(/img/buttons/top.png) no-repeat left top;
	height: 0px;
	width: 36px;
	padding-top: 15px;
	overflow: hidden;
	position:absolute;
	top:5px;
	right:5px;
}
h3 a.top:hover {background-position:0 -15px;}

li {
	zbackground:url(/img/icons/pink_bullet.png) no-repeat 0 5px; 
	zpadding-left:10px; 
	zmargin-bottom:5px;
}

.pull-quote {
	border:1px solid #004C80;
	float:right;
	margin:0 0 20px 20px;
	width:22em;
	padding:0 10px 10px 10px;
}

.pull-quote ul {margin:0;}

#copy .pull-quote h3 {
	margin:-1px -10px .7em -11px;
}

.relatedLinks {
	border:1px solid #004C80;
	float:right;
	margin:0 0 20px 0px;
	width:18.5em;
	padding:0 0px 0px 0px;
}

.relatedLinks ul {margin:0;padding:5px;}

 .relatedLinks h3.gh2 {
	background:#bc006c url(/img/headings/related-links.png) no-repeat 0 0;
}
	
/* =.clearfix */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.panel {
	zpadding:0 10px;
	zmargin:0 auto 15px auto;
	display:block;
	position:relative;
}

img.panel {padding:0;}
/* =#sizer */
#sizer { }
/* END =#sizer */

/* =#header */
#header {
	zbackground: url(/images/bg_header.gif) repeat-x 0 bottom;
	height:120px;
	position: relative;
	top: -1px;
}
#header .main_image {
	display: none;
}

#header h1 {
	overflow: hidden;
	width: 396px;
	height: 106px;
}

#header h1 img {
	bottom: -1px;
	width: 396px;
	height: 106px;
	overflow: hidden;
	position: relative;
	margin: 0;

	padding-top: 0;
}

#body {
	width: 985px;
}

#body p {
	margin-bottom: 1.2em;
}

#body h1 {
	color: #115a8a;
	font-size: 170%;
	margin-bottom: 0.6em;
	font-weight: normal;
}

#body h2 {
	color: #115a8a;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0.7em;
}

#body h3 {
	color: #115a8a;
	font-size: 130%;
	margin-bottom: 0.9em;
}

#body h4 {
	color: #115a8a;
	font-size: 120%;
	margin-bottom: 0.9em;
}

#body h5 {
	color: #115a8a;
	font-size: 120%;
	margin-bottom: 1em;
}

#body h6 {
	font-size: 110%;
	margin-bottom: 1.1em;
}

a {
	text-decoration: underline;
	color: #4b87bf;
}

h4 a {
	text-decoration: underline;
	color: #4b87bf;
}

img a {
	border: none;
}
/*-----------------------------------------------------------------------------------------------------------
a:visited {
	text-decoration: none;
	color: #9f8b65;
}
-----------------------------------------------------------------------------------------------------------*/
#body ul {
	zfont-size: 110%;
	list-style-type: disc;
	margin-bottom: 1.4em;
	padding-left: 35px;
}

html >/**/ body #body ul {
	padding-left: 37px;
}

#body ul li {
	background: none;
	margin-bottom: 0.9em;
	padding-left: 6px;
}

#body ul li a {

}

html >/**/ body #body ul li {
	padding-left: 4px;
}

#body ol {
	list-style-type: decimal;
	margin-left: 5px;
	padding-left: 3em;
}

#body ol.lower_aplha {list-style-type: lower-alpha;}
#body ol.upper_alpha {list-style-type: upper-alpha;}
#body ol.lower_roman {list-style-type: lower-roman;}
#body ol.upper_roman {list-style-type: upper-roman;}

#body ul ol li {
	background: none;
	padding-left: 0;
}

#body li ul {margin-top: 1.4em;}
#body li ol {margin-top: 1em;}
#body ol li {margin-bottom: 0.9em;}


/* END =#header */
/* =#body */
#body{ }
		
#welcome-to-epilepsy_australia {
	background: url(/images/bg_welcome_h2.gif) no-repeat 0 0;
	text-indent: -999em;
	height:  106px;
	position: relative;
	left: -19px;
	width: 543px;
	margin-bottom: 13px;
}

#homepage .leader {
	background: url(/images/bg_leader_quote.gif) no-repeat 0 0;
	height: 40px;
	margin-bottom: 0;
	width: 523px;
	margin-bottom: 23px;
	zpadding-top: 68px;
	text-indent: -999em;
}

#copy{position:relative;}

#copy h1.branch a{
	padding: 2px;
	color:#333;
	text-decoration:none;
}
	
#copy h2.alt {
	background: url(/img/backgrounds/greyHeading.png) repeat-x left center;
	color:#fff;
	padding:5px 10px;
	text-transform:uppercase;
	margin:0;
	border:1px solid #333;
	clear:both;
	position:relative;
	font-weight:bold;
	letter-spacing:normal;
}

#copy .sup-content-01 {
	float:left;
	margin:15px 15px 15px 0;
}

#copy .sup-content-02 {
	float:right;
	margin:15px 0 15px 15px;
}



#the-race-for-life {border:1px solid #004c80; margin:2em 0;}
#the-race-for-life h2 {background: url(/img/headings/the-race-for-life.png); border-color:#004c80;}
#the-race-for-life p {border-top:1px solid #004c80; padding:5px; background:#fafdff; margin:0;}
#the-race-for-life img {border:none; padding:0;}
	
#epilepsy-articles {
	margin: 0 0 1.2em 0; 
	width: 535px;
	width/**/:/**/ 533px;
}

#epilepsy-articles .articles_body {
	background: url(/images/bg_epelipsy-articles_border.gif) repeat-y 0 0;
	overflow: hidden;
	width: 535px;
	width/**/:/**/ 533px;
}

#epilepsy-articles h2 {
	height: 26px;
	margin-bottom: 0;
	position: relative;
}



#body #epilepsy-articles h3 a {
	color: #836c41;
}
						
#epilepsy-articles .item {
	float:left; 
	zborder-right: 1px solid #836c41;
	padding: 10px 10px 0 10px;
	width:178px; 
	width/**/:/**/157px;
}

#epilepsy-articles .item.alt {
	zfloat:left; 
	zborder-right: none;
	zpadding:  10px 10px 0 10px;
	zwidth:177px; 
	zwidth/**/:/**/157px;
}

#want-to-talk {margin-bottom:20px;}

#want-to-talk a {
	background: url(/img/banners/want-to-talk.png) no-repeat;
	display:block;
	padding-top: 22px;
	width:490px;
	margin:0 auto;
}

.news-article #copy h2 {
	x-float:left;
	x-width:400px;
}

.news-article .date {
	padding:2px 0 2px 22px;
	background: url(/images/calendar.png) no-repeat left center;
	margin-top:6px;
}



.vevent,
.article {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin:10px 0;
	position:relative;
}

#copy .vevent h4{
	float:left;
	margin-top:0;
	width:400px;
}

.vevent .summary {
	clear:both;
}

.vevent .event-details dd.date {
	padding-left:22px;
}

.event-details dt.date {display:none;}
.event-details .date {
	background:url(/images/calendar.png) no-repeat top left;
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
}

.event-details dt{
	clear:left;
	float:left;
	font-weight:bold;
	margin:0 0 0 5px;
	width:65px;
	padding:2px 0 2px 22px;
	background: no-repeat center left;
}

.event-details dd{
	margin:0 0 0 5px;
	padding:2px 0;
}

.event-details dt.location {background-image:url(/img/icons/world.png);}
.event-details dt.RSVP {background-image:url(/img/icons/email.png);}
.event-details dt.time {background-image:url(/img/icons/clock.png);}

.event div.pull-quote dt.date {
	position:static;
	display:block;
	padding:2px 0 2px 22px;
	width:65px;
}

.event div.pull-quote dd.date {
	padding:2px 0;
	background:none;
	position:static;
	display:block;
}

#copy .sporting-events .vevent h4 {
	float:none;
	width:auto;
}

.sporting-events .vevent img.sporting-event-logo {
	float:right;
	width:100px;
	height:100px;
	padding:5px;
	border:1px solid #ccc;
	margin:0 0 20px 20px
}

#want-to-talk {clear:both;}
#want-to-talk a:hover {background-position:0 -22px }
#sub-copy{}
			
#news_registration {
	display: none;
}

#whats-new {
	padding-bottom: 10px;
	display: none;
}


#footer {
	overflow: hidden;
	padding: 12px 0;
	width: 100%;
}

#footer .top_of_page {
	display: none;
}

#footer a.izilla, a:hover.izilla, a:focus.izilla {
	color: #00814f;
}

#footer a.cognition, a:hover.cognition, a:focus.cognition {
	color: #237eb8;
}
#footer p {
	margin-bottom: 0.2em;
}



/* Breadcrumbs */

#body #nav_breadcrumbs {
	margin: 12px 0 15px 0 !important;
	padding: 0;
}

ul#nav_breadcrumbs li {
	background: url(/images/bg_breadcrumbs_li.gif) no-repeat 0 4px;
	display: inline;
	padding-left: 0;
	padding-right: 6px;
}

ul#nav_breadcrumbs li em {font-style: normal;}

.hidden {display: none;}


body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

html {height:100%;}
html, body {
		background: none;
}

/*body * {font-size:1em;}*/
#site {

}

#sizer{
	margin: 0 auto 0 auto;
	text-align:left;
}

/* Holly hack for IE \*/
* html #site { height: 0; }
/* */



#content {
	float:none; 
	width:100%;
}

#copy{
	display: inline;
}

#sub-copy{
	width:205px; 
	float:left; 
	margin-right:15px; 
	display:inline; 
	padding-top: 15px;
}

#sub-content{
	display: none;
}

#footer-pad {display:none;}

/*form.css*/
#newsletter-registration {border:1px solid #836c41; padding-bottom:10px}
#newsletter-registration h2.gh2 {
	background-image:url(/img/headings/newsletter-registration.png);
	border-color:#4F4F4F;
	margin:0 -10px 10px -10px;
}

		
.filter {
	border:none;
	padding:0 5px 0 22px;
	position:relative;
	top:-37px;
	margin-bottom:-37px;
	background: url(/images/calendar.png) no-repeat left center;
	float:right;
}



/*ie.css*/
.hh {height: 1%;}

/* =.menu */
	/* sets list and anchor elements "hasLayout" property to true (See above) removing whitespace bug */
.menu li,
.menu a {
	height:1%;
}
/* END =.menu */


body {
	behavior: url("/js/libs/csshover.htc");
}

ul, ol {position:relative;}

.vevent {height:1%}

/* fix 3 pixel weirdness with nav in ie */
#navl1632804303333906250:hover
, #navl1NationalBranch:hover
, #navl1sports:hover
, #navl1632804364531562500:hover
, #navl1632842627897500000:hover
, #navl1632804360313593750:hover
, #navl1632804303028593750:hover {
	margin-bottom: -3px;
}

.item * {word-wrap: break-word;}

/*ie5_5.css*/
#header #register-now a{
	display: none;
}



#footer a#want_to_talk {display: none;}

/*ie6.css*/

/* =.clearfix */
.clearfix{height:1%}
/* END =.clearfix */
/* =.layout_jello */
	/* Forces a max width for IE when using Jello Layout */
.jello #sizer {
	width:expression(document.body.clientWidth > 1200 ? "440px" : "100%" );
}

/* END =.layout_jello */

'/*ie7.css*/
.clearfix {display:inline-block;}

/*menu.css*/

/* =menu */
/* global menu style */
/* check ie6.css for whitespace fix */

.menu, .menu ul {
	margin:0;
	padding:0;
	list-style:none;
}






#style-switcher ul li > a {width: auto;}




/* --------------------------------------------
	Special Inline Elements
----------------------------------------------- */

/* Special Inline Elements

    * A - Anchor
    * BR - Line break
    * IFRAME - Inline frame
    * IMG - Inline image
    * MAP - Image map
          o AREA - Image map region
    * Q - Short quotation
    * SPAN - Generic inline container
    * SUB - Subscript
    * SUP - Superscript
*/


img a {
	border: none;
}

a.anchor {
	background-color: inherit;
	border: inherit;
	color: inherit;
	display: inline;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-align: inherit;
	text-decoration: inherit;
	text-indent: inherit;
	text-transform: inherit;
	white-space: inherit;
	word-spacing: inherit;
}

a.izilla, a:hover.izilla, a:focus.izilla {
	color: #00814f;
}

a.cognition, a:hover.cognition, a:focus.cognition {
	color: #237eb8;
}

q:before, q:after { 
    content: ""; /* With IE's lack of support, remove quotes on all good browsers. Add them manually in the markup */
}

/* --------------------------------------------
	Generic Block-level Elements
----------------------------------------------- */

/* Generic Block-level Elements

    * ADDRESS - Address
    * BLOCKQUOTE - Block quotation
    * DEL - Deleted text
    * DIV - Generic block-level container
    * H1 - Level-one heading
    * H2 - Level-two heading
    * H3 - Level-three heading
    * H4 - Level-four heading
    * H5 - Level-five heading
    * H6 - Level-six heading
    * HR - Horizontal rule
    * INS - Inserted text
    * P - Paragraph
    * PRE - Preformatted text
*/

address {
	font-style: normal;
}

blockquote {
	border-left: 3px solid #000080;
	background: #efeffc;
	margin-bottom: 1.28em;
	padding: 1em 11px 1px 11px;
}

hr {
	background-color: #c7d2df;
	border: none;
	color: #c7d2df;
	height: 1px;
	margin: -0.6em 0 0.6em 0;
}

html >/**/ body hr {
	margin-bottom: 1.28em;
	margin-top: 0;
}



/* --------------------------------------------
	Lists
----------------------------------------------- */

/* Lists

    * DIR - Directory list
    * DL - Definition list
          o DT - Definition term
          o DD - Definition description
    * LI - List item
    * OL - Ordered list
    * UL - Unordered list
*/





/* --------------------------------------------
	Tables
----------------------------------------------- */

/* Tables

    * TABLE - Table
          o CAPTION - Table caption
          o COLGROUP - Table column group
                + COL - Table column
          o THEAD - Table head
          o TFOOT - Table foot
          o TBODY - Table body
          o TR - Table row
                + TD - Table data cell
                + TH - Table header cell
*/


table.data {
	border: none;
	border-collapse: collapse;
	line-height: 1.3em;
	margin: 0 0 1.28em 0;
}

html >/**/ body table.data {
	margin-left: 1px;
}

table.data caption {
	border-bottom: 3px solid #fff;
	font-weight: bold;
	margin: auto;
	padding: 5px 5px 5px 0;
	text-align: left;
}

table.data td, table.data th {
	border: 1px solid #555;
	padding: 8px;
	vertical-align: top;
}

table.data th {
	background-color: #5b5bb6;
	color: #fff;
	font-weight: bold;
	line-height: 130%;
}

table.data tbody th {
	background-color: #a48f6a;
	text-align: left;
}

table.data td {
	background-color: #fff;
}

table.data tr.even td {
	background-color: #fffbe5
	;
}


/* --------------------------------------------
	Forms
----------------------------------------------- */

/* Forms

    * FORM - Interactive form
          o BUTTON - Button
          o FIELDSET - Form control group
                + LEGEND - Fieldset caption
          o INPUT - Form input
          o LABEL - Form field label
          o SELECT - Option selector
                + OPTGROUP - Option group
                      # OPTION - Menu option
          o TEXTAREA - Multi-line text input
*/

fieldset {
	border: none;
	clear: both;
}

legend {
	display: none;
}

input.submit {			/* Ensure buttons behave the same across all browsers */	
	font-family: Arial, Helvetica, sans-serif;	/* Same as content. IE won't inherit the initial value */
	padding: 0 .25em;
    width: 0;  			/* IE width fix */
   	overflow: visible;
}

input.submit[class] {	/* IE ignores [class] (attribute selectors) */
   	width: auto;  		/* Cancel IE width fix for other browsers */
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	background-color: #ffc;
}

textarea {
	font-family: Arial, Helvetica, sans-serif	/* Same as content. IE won't inherit the initial value */
}

option {
	padding-left: 2px;
	padding-right: 1px;
}





/* --------------------------------------------
	Phrase Elements
----------------------------------------------- */

/* Phrase Elements

    * ABBR - Abbreviation
    * ACRONYM - Acronym
    * CITE - Citation
    * CODE - Computer code
    * DFN - Defined term
    * EM - Emphasis
    * INS - Inserted text
    * KBD - Text to be input
    * SAMP - Sample output
    * STRONG - Strong emphasis
    * VAR - Variable
*/

acronym {
	border-bottom: 1px dashed;
	cursor: help;
}

cite {
	display: block;
	font-style: italic;
	margin-bottom: 1.28em;
	margin-top: -1.28em;
	text-align: right;
}


/* --------------------------------------------
	Font Style Elements
----------------------------------------------- */

/* Font Style Elements

    * SMALL - Small text
    * TT - Teletype text
*/




/* --------------------------------------------
	Frames
----------------------------------------------- */

/* Frames

    * FRAMESET - Frameset
          o FRAME - Frame
    * NOFRAMES - Frames alternate content
*/




/* -----------------------------------------------
     Glossary Styles
----------------------------------------------- */

/* For Use in the Print Stylesheet */

/*
a.no_glossary {display: none;}

a sup.glossary {
     color: #000;
	 font-family: "Courier New", Courier, monospace;
	 font-size: 10pt;
     font-style: italic;
     font-weight: normal;
     text-decoration: none;
     padding-left: 0.2em;
}

div.glossary {
     border-top: 1px solid #cad5f3;
     clear: both;
	 font-size: 130%;
     margin-top: 1.3em;
     padding-top: 1.3em;
     text-align: left;
}

.glossary hr {display: none;}

.glossary h2 {
	font-weight: bold;
	margin-bottom: 0.85em;
	margin-top: 0.1em;
}

.glossary ol {
    list-style-type: decimal;
	padding-left: 3em;
}
*/


#font_size {
	display: none;

}



.content_clean_page {
	margin: 25px 0;
}