/*Assistive Technology Institute CSS*/
/*Updated October 22 2009*/
/*By JH*/


* {
	padding: 0;
	margin: 0;	
}

body {
	background: #003366 url(/images/bggray-new.gif) repeat-y center;
	font: 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px; 
	padding: 0px;
	color: #000; /*575757*/
}

a:link, a:visited {
	color: #4678ab; /*06F*/
	text-decoration: underline;
	text-transform: none;
}
	
a:hover, a:active { 
	text-decoration: none; 
	background-color: #8096ad;
	color: #fff;
}

a.img:hover {
	background-color: transparent;
}

img {
	border: 0;
}


p { 

	font-size: 1.2em;
	margin-bottom: 10px; 
	text-align: left;
	line-height: 18px;
}

ul, li {
	margin-bottom: 10px; 
	text-align: left;
	/*list-style-position:outside;*/
	margin-left: 10px;
	list-style-image: url(/images/icon2a.gif);
}

h1 {
	font: bold 1.8em Geneva, Helvetica, sans-serif;
	color: #1c4e76;
	margin: 30px 0px 20px;
}

h2 {
	font: bold 1.6em Verdana, Geneva, Helvetica, sans-serif;
	color: #000;
	margin: 30px 0px 20px;
}

h3{
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

h4{
	font: bold 1.1em Verdana, Geneva, Helvetica, sans-serif;
	color: #003366;
	text-transform: uppercase;	
	margin: 30px 0px 15px;
}

#header {
	margin-left: auto;
	margin-right: auto;
	background: url(/images/header-new.jpg) no-repeat; 
	width: 960px; 
	height: 140px;
}

#header span {
	display: none;
}

#content {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#leftcol {
	float: left;
	width: 630px;
	padding: 15px;
}

#rightcol {
	float: right;
	width: 300px;
}

.clear {
	display: block;
	overflow: hidden;	
	margin: 0;
	padding: 0;
	clear: both;
	height: 1px;
}

.highlight {
	color: #CC0000;
	font-weight: bold;
}



/* ======================================= General ======================================= */

/*Notification Window*/
#NotificationWindow {
	width: 600px;
	font-family: Geneva, Helvetica, sans-serif;
	color: #000;
	margin-top: 40px;
	margin-left: 0px;
}

#NotificationWindow h1{
	margin: 0px 0px 5px 10px;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

#NotificationWindow p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	margin: 10px 5px 10px;
	text-align: left;
	line-height: 18px;
}

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#8096ad; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#8096ad; border-right:2px solid #8096ad; border-left:2px solid #8096ad; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#8096ad; border-right:1px solid #8096ad; border-left:1px solid #8096ad; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#8096ad; border-right:1px solid #8096ad; border-left:1px solid #8096ad; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #ddd;}
.headh {background: #8096ad; border-right:1px solid #8096ad; border-left:1px solid #8096ad;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 14px;}
.contenth {background: #ddd; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.contenth div {margin-left: 12px; padding-top: 5px;}


/* ======================================= Top Nav ======================================= */

#topnav{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	font-size: 1.2em;
}

#topnav ul{
	padding-left: 0;
	margin-left: 0;
	background-color: #8096ad;
	color: #fff;
	float: left;
	width: 100%;
}

#topnav ul li{
	display: inline;
}

#topnav ul li a{
	padding: 0.7em 2.2em;
	background-color: #8096ad;
	color:  #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	border-top: #000;
}

#topnav ul li a:hover{
	background-color: #fff;
	color: #8096ad;
}

#home .home, #sessions .sessions, #register .register, #contact .contact, #sponsors .sponsors #training .training{
	background-color: #fff;
	color: #8096ad;
}



/* ======================================= Home Page ======================================= */


#picsidepanel_home {
	background: url(/images/picsidepanel_home.jpg) no-repeat;
	width: 250px;
	height: 765px;
	margin-left: 40px;
}

#whereisit {
	line-height: 18px;
	font-size: 1.2em;
}

#whoshouldattend {
	font-size: 1.2em;
}

/* ======================================= Show/Hide Text ======================================= */

.showhidetext .pusher{
	cursor:pointer;
	/*padding:3px 10px 3px 7px;*/
	padding:3px 0px 30px 0px;
	font-size: 1.2em;
	margin:0;
	color: #4678ab; /*06F*/
	text-decoration: underline;
	text-transform: none;

}
.showhidetext .mover{
/*padding:3px 10px 3px 7px;*/
padding:3px 0px 30px 0px;

margin: 0;
}
.showhidetext {
/*border-bottom:thin solid #333333;*/
border-bottom: 1px solid #aabbcc;
}


/* ======================================= Sponsors ======================================= */

#picsidepanel_sponsors {
	background: url(/images/picsidepanel_sponsors.jpg) no-repeat;
	width: 250px;
	height: 574px;
	margin-left: 40px;
}

#sponsorlogos {
	margin-bottom: 50px;
}

#sponsorlogos img {
	margin-bottom: 10px;
}

/* ======================================= Contacts ======================================= */

#picsidepanel_contacts {
	background: url(/images/picsidepanel_contacts.jpg) no-repeat;
	width: 250px;
	height: 574px;
	margin-left: 40px;
}

#contacts {
	margin-bottom: 350px;
}

/* ======================================= Register ======================================= */

#picsidepanel_register {
	background: url(/images/picsidepanel_register.jpg) no-repeat;
	width: 250px;
	height: 574px;
	margin-left: 40px;
}

#register h2{
	margin: 20px 0 30px 0;
}

.confdetails{
	margin-left: 15px;
	width: 660px;
	font-size: 1.2em;
}

.confdetails .row {
	float: left;
	width: 660px;
	margin-bottom: 15px;
}

.confdetails .left {
	float: left;
	font-weight: bold;
	width: 25%;
}

.confdetails .right {
	float: left;
	width: 73%;
}


/* ======================================= Sessions ======================================= */

#picsidepanel_sessions {
	background: url(/images/picsidepanel_sessions.jpg) no-repeat;
	width: 250px;
	height: 765px;
	margin-left: 40px;
}

#sessions h4{
	margin-top: 10px;
}

#sessions h5{
	font-size: 1.2em;
	font-weight: bold;
}

#sessiondescriptions div {
	border-bottom: 1px solid #aabbcc;
	padding-bottom: 10px;
}

#sessiondescriptions div.clear {
	border: 0px;
}

/* ======================================= Training ======================================= */

#picsidepanel_training {
	background: url(/images/picsidepanel_contacts.jpg) no-repeat;
	width: 250px;
	height: 574px;
	margin-left: 40px;
}

#trainingnresources {
	margin-bottom: 150px;
}

#trainingnresources ul {
	font-size: 1.2em;
}

/* ======================================= Vendors ======================================= */

#picsidepanel_vendors{
	background: url(/images/picsidepanel_contacts.jpg) no-repeat;
	width: 250px;
	height: 574px;
	margin-left: 40px;
}

#vendors {
	margin-bottom: 100px;
}

/* ======================================= Better Zebra Tables ======================================= */

	table{
		border: 1px solid #666;
	}
	tr td{
		font-family: verdana, sans-serif;
		font-size: 8pt;
		padding: 10px 5px;/*3px 8px*/
		background: #fff;
	}
	thead td{
		color: #fff;
		background-color: #8096ad;
		font-weight: bold;
		border-bottom: 1px solid #999;
		width: 50%;
		}
		
	tbody td{
			border-left: 1px solid #D9D9D9;
	}
	tbody tr.even td{
		background: #eee;
	}
	tbody tr.selected td{
		background: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}
	tbody tr.ruled td{
		color: #000;
		background-color: #C6E3FF; 
		font-weight: bold;
		border-color: #3292FC;
	}
	
	/* Opera fix */
	head:first-child+body tr.ruled td{
		background-color: #C6E3FF; 
	}

/* ======================================= Footer ======================================= */

#footer{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	font-size: 1.2em;
}

#footer p{
	text-align: center;
	font-size: 1.1em;
}

#footerlinks{
	margin-left: auto;
	margin-right: auto;
	width: 960px;

}

#footerlinks ul{
	padding-left: 0;
	margin-left: 0;
	float: left;
	text-align: center;
	width: 100%;
}

#footerlinks ul li{
	display: inline;
}

#footerlinks ul li a{
	/*float: left;*/
	text-decoration: underline;
	padding: 0.3em 1.5em; /*Changes spacing between footer items. */
	border-right: 1px solid #8096ad;
}


#footerlinks ul li a:hover{
	text-decoration: none;
	background-color: #8096ad;
	color: #fff;
}


#footerhome .footerhome, #footersessions .footersessions, #footerregister .footerregister, #footercontact .footercontact, #footersponsors .footersponsors, #footertraining .footertraining{
	font-weight: bold;
}

#footerlinks2{
	margin-left: auto;
	margin-right: auto;
	width: 960px;

}

#footerlinks2 ul{
	/*float: left;*/
	text-align: center;
	width: 100%;
}

#footerlinks2 ul li{
	display: inline;
}

#footerlinks2 ul li a{
	/*float: left;*/
	text-decoration: none;
	padding: 0.3em 1em;
	color: #575757;
}

#footerlinks2 ul li a:hover{
	text-decoration: none;
	background-color: #8096ad;
	color: #fff;
}