/* -------------------------------------------------------------- 
  
SCREEN LAYOUT
   
-------------------------------------------------------------- */

@import "text.css";
@import "backgrounds.css";
@import "nav.css";
@import "faq.css";
@import "forms.css";

* {margin: 0px;padding: 0px;}


/* PAGE
-------------------------------------------------------------- */

div#container {width: 960px;  min-height:900px; margin: 0px auto 0px auto;
	text-align: left; /* This is to reverse the IE Bug Fix - functions as LAYOUT rather than TEXT */position: relative;}

div#tophalf{position: relative; height: 218px; width: 100%;}

div#main_nav {position: absolute; top:102px; left: 317px; width:643px;}

div#wrapper{position: relative;width: 100%;text-align: left;}

div#content {width: 960px;height: auto;}

img, img a {border: 0px;}


/* HEADER
-------------------------------------------------------------- */

#logo {margin: 0px 0px; position: absolute; width: 287px; height: 122px; top:43px; left: 0px;}

#connect {margin: 0px 0px; position: absolute; width: 96px; height: 19px; top:19px; left: 864px;}


div#facebook {margin: 0px 0px; float:left; width:17px;}	
a.facebook {display: block; width: 17px; height: 19px; background: url('./images/connect/facebook.jpg') 0 0 no-repeat;text-decoration: none;}
a:hover.facebook {background-position: 0px -19px;}

div#twitter {margin: 0px 0px 0px 19px; *margin: 0px 0px 0px 15px; float:left; width:19px;}	
a.twitter {display: block; width: 19px; height: 19px; background: url('./images/connect/twitter.jpg') 0 0 no-repeat;text-decoration: none;}
a:hover.twitter {background-position: 0px -19px;}

div#mail {margin: 0px 0px 0px 17px; *margin: 0px 0px 0px 13px; float:left; width:24px;}	
a.mail {display: block; width: 24px; height: 19px; background: url('./images/connect/email.jpg') 0 0 no-repeat;text-decoration: none;}
a:hover.mail {background-position: 0px -19px;}



/* CONTENT
-------------------------------------------------------------- */

/* Left Column */

div#left_column {width: 261px; float:left; margin: 0px 83px 20px 0px;}

#nextconference_heading {width: 121px; height: 25px; padding-left: 140px;}

#nextconference, #nextetrack {width: 261px; height: 25px;}

#nextconference_image {width: 261px; height: 255px; position: relative; margin: 4px 0px 0px 0px;}
	#nextconference_image img, #nextconference_image img a  {width: 250px; height: 210px; border: 0px; margin: 5px 5px 0px 5px;}
	#nextconference_image object {width: 250px; height: 210px; position: relative; top:5px; left: 5px;}

#nextetrack_heading {width: 151px; height: 25px; padding-left: 110px;}

#etrack_image {width: 261px; height: 79px;}
	#etrack_image img, #etrack_image img a {width: 250px; height: 70px; margin: 5px 6px 4px 5px; border: 0px;}
	
	

#news_heading {margin-bottom: 15px;}

.news_item_highlight {margin-bottom: 30px;}
	
	

/* Right Column */

div#right_column {position: relative; width: 582px;top:0px;height: auto; min-height: 450px; margin: 0px 0px 0px 344px;}

p.heading {text-align: right; margin-bottom: 0px;}

#epage_text {margin-top:5px; margin-bottom: 60px;}

#right_column hr {margin: 25px 0px 25px 0px; border-color:#2b3739;}

div.news_archive_button {width: 158px; height: 122px; position: relative; left: 425px; top:-11px; border: 0px;}

#banner {width: 580px; height: auto; margin: 0px 2px 15px 0px; padding-top: 20px;}

#banner object {z-index: 0; *z-index:-1; /* IE 7 hack */}


/* FOOTER
-------------------------------------------------------------- */


div#footer{clear: both; height: 80px;width: 930px;margin: 0px 0px 0px 0px;}

div#credits {float: left; width: 844px;}


/* PH
-------------------------------------------------------------- */

div#ph {margin: 0px auto 0px auto; float: right; width:81px;}	
a.ph {display: block; width: 81px; height: 25px; background: url('./images/ph_block.png') 0 0 no-repeat;text-decoration: none;}
a:hover.ph {background-position: 0px -25px;}