/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com.au
- - - - - - - - - - - - - - - - - - */


/*Creating a new look!-----------------------------------
Simply modify colours:*/
a, h1, h2, .motif, .button:hover, .color, .form fieldset legend {color:#7C0061;}
#nav, #nav li, #associates, #flash-speakers {border-color:#d7b2cf;}
#nav .on, .button {background-color:#7C0061; border-color:#4f0037;}
#nav a:hover, .button:hover, thead {background:#f8f2f7;}
.form .recaptchatable,
.form select, .form textarea, .form input.medium-box, .form .displayText {border-color:#7C0061 !important; background:#FBF7FA;}
#follow span {color:#BD80B0;}
.program thead td {background:#7C0061;}
.quote {background:#f8f2f7; padding:20px; margin-bottom:20px;}

h3 {color:#00467F;}

/*
Update these images:
- bg-body.gif
- bg-header.gif
- header.gif
- bg-button.gif
*/

/*Fixed Styles------------------------------------------*/
* {padding:0; margin:0;}
body {font-family:Verdana, Geneva, sans-serif; color:#000; font-size:12px; line-height:20px; /*background:url(../images/struct/bg-body.gif) bottom left no-repeat fixed;*/}

/*Text, formatting--------------------------------------*/
a {text-decoration:none; outline:none;}
	a:hover{text-decoration:underline;}
	a img {border:none; outline:none;}
    object {outline:none;}

p {padding-bottom:10px;}
small {font-size:10px; font-style:italic; line-height:13px; color:#666;}
h1 {font-size:24px; font-weight:normal; line-height:24px; padding-bottom:10px; clear:both;}
h2 {font-size:16px; padding-bottom:10px;}
h3 {font-size:14px; padding-bottom:10px;}
h4 {font-size:12px; padding-bottom:10px;}
h5 {font-size:12px; color:#CCC;}
h6 {font-size:11px; font-weight:normal; font-style:italic; padding-bottom:5px; color:#32337b;}

#content ul {margin:0 0 10px 0; list-style-position:outside; padding-left:20px; list-style-type:disc;}
#content ol {margin:0 0 10px 0; list-style-position:outside; padding-left:20px;}
#content ul ul {margin-bottom:0; padding-left:15px;}
#content ul, #right-col ul {}
ul.motif {list-style:none; line-height:15px;}
ul.motif li {background:url(../images/struct/li-motif.gif) no-repeat 0 7px; padding:0 0 10px 10px;}
.col ul.motif {padding-right:20px; font-size:1.2em; line-height:1.0em;}

.imgRight {float:right; padding:5px; border:1px solid #ccc; margin:0 0 10px 10px;}
.footer {font-size:10px; font-style:italic;}

/*Layout*/
.wrapper {width:972px; margin:0 auto;}
#header {height:250px; background:url(../images/struct/bg-header.gif) repeat-x top center; margin-bottom:10px;}
    #header h1 {position:absolute; top:-30px; left:0;}
	#header a {display:block; width:100%; height:200px;}
#left-col {float:left; width:180px;}
#content {float:left; width:572px; padding-left:22px;}
#content.wide {width:752px;}
#right-col {float:right; width:180px; }
	.col {float:left; width:180px;}
    .col2 {float:right; width:190px;}
#associates {float:left; width:100%; clear:both; padding:20px 0; margin:20px 0 0 0; border-top-width:1px; border-top-style:solid; border-bottom-width:2px; border-bottom-style:solid;}
	#hosts {float:left;}
        #hosts h3 {float:left; padding:30px 10px 0 0;}
        #hosts a {float:left; padding:0 20px 0 0;}
    #sponsors {float:right;}
    	#sponsors h3 {float:left; padding:30px 10px 0 0;}
        #flash-sponsors {float:left;}
		#sponsors a {padding:0 5px;}
#footer-left {float:left; font-size:11px; padding:4px 0 20px;}
	#footer-left a {padding-right:20px;}
#footer-right {float:right; font-size:11px; padding:4px 0 20px;}
	#footer-right a {display:inline-block;}
    #e7 {background:url(../images/struct/e7.gif) no-repeat left center; height:17px; line-height:17px; padding-left:22px; margin-left:2px;}
/*Home*/
.home #content {width:374px;}
.home #right-col {width:374px;}
#flash-speakers {float:left; width:100%; clear:both; padding-top:10px; margin-top:10px; border-top-width:1px; border-top-style:solid;}    
  #flash-speakers h3 {padding:10px 0 5px 5px;}
  #flash-speakers p {padding:0 20px 5px 5px; line-height:15px; margin-top:-10px; position:relative;}
    #flash-speakers p em {font-weight:bold}
    
/*Nav*/
#nav {float:left; width:100%; list-style:none; line-height:12px; border-top-width:1px; border-top-style:solid;}
	#nav li {float:left; width:100%; display:block; border-bottom-width:1px; border-bottom-style:solid;}
    #nav a {display:block; padding:10px 10px 10px 18px;}
    	#nav a:hover {text-decoration:none;}
    #nav .on {font-weight:bold; background-image:url(../images/struct/bg-button.gif); background-repeat:no-repeat;}
    #nav .on a {color:#fff; text-indent:-11px;}
    	#nav .on a:hover {background:none;}
    /*Subnav*/
    #nav ul {padding-bottom:10px; font-weight:normal; float:left; width:100%; }
        #nav ul li {border:none;}
        #nav .on li a {padding:6px 10px 7px 18px; text-indent:0;}
        #nav .on li a:hover {text-decoration:underline;}

/*Follow*/
#follow {padding:30px 10px; clear:both;font-size:12px; }
	#follow span {font-weight:bold; margin-left:10px;}
    #follow a {display:block; padding-left:25px; height:20px; line-height:20px; margin:6px 0 0 10px;}
    #btn-twitter {background:url(../images/struct/icon-twitter.png) no-repeat 0 2px;}
    #btn-facebook {background:url(../images/struct/icon-facebook.png) no-repeat 0 2px;}
    #follow #btn-calendar {background:url(../images/struct/icon-calendar.png) no-repeat 10px center; margin-left:0; padding-left:35px;}
    .sharing {padding:20px 0;}
			#follow a.share { background:url(../images/struct/icon-share.png) no-repeat 9px center; z-index:99; height:20px; width:45px; position:relative; border:1px solid transparent; margin-left:0; padding-left:33px;}
			* html #follow a.share {border-color:#fff;}
      .sharing .share-panel {position:relative; z-index:98; height: 20px;}
        .share-inner {background-color: #f8f8f8; z-index:97; width:230px; position:absolute; padding:5px 0 10px; left:0; top:21px; display:none; border:1px solid #d7b2cf; }
        * html .share-inner {top:26px;}
    		.sharing .share-panel:hover .share-inner, .sharing .share-panel.over .share-inner {display:block;}
        #follow .sharing .share-panel:hover a { background-color: #f8f8f8; border:1px solid #d7b2cf; border-bottom:1px solid #f8f8f8;}
          #follow .sharing .share-panel .share-inner a { padding-left: 20px; font-size:11px; width:90px; float:left; height:19px; line-height:21px; background-repeat:no-repeat; border:0;}
          * html #follow .sharing .share-panel .share-inner a {margin-left:5px;}
          #follow .sharing .share-panel .share-inner a.r-col {width:20px; margin-left:12px;}
          .sharing .share-inner a.share-facebook {background-image:url(../images/struct/share/facebook_16.png);}
          .sharing .share-inner a.share-twitter {background-image:url(../images/struct/share/twitter_16.png);}
          .sharing .share-inner a.share-linkedin {background-image:url(../images/struct/share/linkedin_16.png);}
          .sharing .share-inner a.share-live {background-image:url(../images/struct/share/live_16.png);}
          .sharing .share-inner a.share-delicious {background-image:url(../images/struct/share/delicious_16.png);}
          .sharing .share-inner a.share-reddit {background-image:url(../images/struct/share/reddit_16.png);}
          .sharing .share-inner a.share-stumble {background-image:url(../images/struct/share/stumbleupon_16.png);}
          .sharing .share-inner a.share-google {background-image:url(../images/struct/share/google_16.png);}
          .sharing .share-inner a.share-digg {background-image:url(../images/struct/share/digg_16.png);}
          .sharing .share-inner a.share-plaxo {background-image:url(../images/struct/share/plaxo_16.png);}
          .lte7 .sharing .share-inner a.share-plaxo {margin-left:-2px;}

/*Programs*/
.wide #content {width:768px;}
.program {margin:0 auto; border-collapse:collapse; padding:10px; width:100%; margin:10px 0 20px; background:#f6f6f6;}
	.program td {padding:5px; border-bottom:1px solid #ddd;}
    .program tr:hover {background:#fff;}
    .program thead td {color:#fff;}
    .program h2 {color:#fff; padding:0;}
    .program .time {width:18.5%; font-weight:bold;}
.concurrent {padding:0 !important;}
.concurrent table {border-collapse:collapse; width:100%; font-size:9px;}
    .concurrent td {border-bottom:none; border-left:1px solid #ddd; line-height:11px; vertical-align:top;}
    .concurrent thead td {background:#ddd; color:#000;}

/*Buttons*/
.button {display:inline-block; color:#fff; font-size:13px; font-weight:bold; padding:9px 8px; margin-bottom:10px; border-bottom-width:1px; border-bottom-style:solid; background-image:url(../images/struct/bg-button.gif); background-repeat:no-repeat;}
    .button:hover {border-style:solid; border-width:1px; padding:8px 7px 9px; text-decoration:none;}
    .b180 {width:174px;}

/*Maps*/
#googlemap {width:560px; height:400px; border:5px solid #e0e0e0;}
#googlemap p strong {color:#2EADD1}
.mapkey {float:right; width:180px;}
  .mapkey ul {list-style-type:none; line-height:18px;}
  .mapkey li {background:url(../images/struct/li-motif.gif) no-repeat 0 8px; padding:0 0 6px 8px;}

/*Generic Table*/
table {text-align:left;}
.table {margin:0 auto; border-collapse:collapse; padding:10px; width:100%; margin:10px 0 20px;}
	.table h3 {font-size:12px; padding-bottom:0;}
	.table tr {padding:10px;}
	.table td {padding:5px 10px;}
.table thead td {padding:10px 10px 0 10px;}
	.table .sub-head td {padding:0 10px 10px 10px !important; font-size:10px;}
	.table thead th {padding:0 10px;}
	
hr {height:1px; line-height:1px; border:none; color: #ccc; background-color: #ccc; margin:20px 0;}
	
    
/*Forms------------------------------------------------------*/
.form {float:left; width:520px; /*padding:20px 0*/; font-size:11px;}
.form.nowidth {width:auto !important;}
	input, select, textarea {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; width:340px; height:20px; padding:2px 3px; border-style:solid; border-width:1px;}
	.form fieldset {border:none; padding:0 0 15px 0; margin:0;}
	.form fieldset legend {padding:5px 0 15px; font-size:13px; font-weight:bold; margin:0; color:#000;}
	.form div {float:left; width:515px; clear:both; display:block; padding:0 0 8px 5px;}
    .form div label {display:block; float:left; width:82px; padding-right:15px; margin:0; font-weight:bold; padding-top:2px;}

	/*Required*/
    .form div.required label, label.required {background:url(../images/struct/bg-required.gif) right no-repeat;}
    form div.required-right label {margin-left:85px; background:url(../images/struct/bg-required.gif) left no-repeat; padding-left:14px; width:140px; font-weight:normal;}

    /*Field Styles*/
		.form div select, .form div input.medium-box, .displayText {width:347px;}
		.displayText{display:inline-block;}
		.form div textarea {width:447px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; height:160px;}
		select {padding:0;}
		option {padding:3px;}

	/*Radios*/
	.form .radio_list {float:left; width:270px; padding:0; margin:0;}
    .form .radio_list li {width:270px; clear:both; background:none; padding:0; margin:0; list-style:none;}
    .radio_list input {float:left; width:18px;}
    .radio_list label {line-height:8px;}
    * html .radio_list label {line-height:13px;}

	/*Radios Inline*/
	.narrow-form .radio-inline {clear:both;}
	.narrow-form .radio-inline div {float:left; width:130px !important; clear:none;}
	.narrow-form .radio-inline div label {float:left; width:130px !important;}

	/*Checkboxes*/
	.checkbox-list input {float:left; width:16px;}
	.checkbox-list label {line-height:10px;}
    * html .checkbox-list label {line-height:15px;}
    .checkbox-list div {padding-bottom:3px;}

    /*Date*/
	.date input {width:40px; padding:3px; background-color:#FCFCFC; border:1px solid;}

	/*Validation*/
	div.validation {padding:5px 0; width:340px; font-size:10px; color:#993f5b; line-height:10px;}
  div.validation p {padding:0 0 0 100px;}
  div.validation li {font-size:1.3em; line-height:1.3em}
	.notes {padding:4px 0 0 179px; width:340px; font-size:10px; color:#888; line-height:10px; height:12px; display:block;}
	.form .invalid input.medium-box, .form .invalid textarea {border-color:#993f5b !important;}

	/*Active States*/
	.form div input:focus, .form div textarea:focus, .form .date input:focus {background:#fff; border:1px solid;}

  /*ReCaptcha*/
  .form #captcha {padding:0; background:url(../images/struct/bg-required.gif) 465px 30px no-repeat;}
  .form #captcha div {width:auto;}
  .form #captcha.invalid .recaptchatable {border-color:#994f5b !important;}
  .form #captcha.invalid .validation p {padding-left:15px; margin-top:-15px; padding-bottom:15px;}

  .accom {border-top:1px solid #ddd; padding-top:20px; margin-top:10px;}
	.item {width:300px;}

/*Email obfuscation*/
a.email {display:inline-block; line-height:15px; border:0; text-indent:-9999em; background-repeat:no-repeat; background-position:0 0;}
  a.email.giles {width:157px; height:15px; background-image:url(../images/email-giles.gif); }
  a.email.teal {width:197px; height:15px; background-image:url(../images/email-teal.gif); }
  a.email.renee {width:210px; height:15px; background-image:url(../images/email-renee.gif); }
  a.email.natasha {width:220px; height:15px; background-image:url(../images/email-natasha.gif); }
  a.email.paula {width:205px; height:15px; background-image:url(../images/email-paula.gif); }
  a.email.giles:hover, a.email.teal:hover, a.email.renee:hover, a.email.natasha:hover, a.email.paula:hover {background-position:0 -15px;}