/* mozilla.org Cavendish Template Styles
 * Initial Design by Daniel Burka and Steven Garrity
*/

	
	
/* Basic Structure */
	body {
		background: #fff url("../../images/body_back.gif") repeat-x;
		min-width: 610px;
		margin: 20px;
	width: 730px;
}

	#container {
		margin: 0 auto;
	}
	
	#mBody {
		clear: both;
		padding: 0 0 1em 0;
	}

	#side {
		float: left;
		width: 23%;
		margin-bottom: 1em;
	}

	#mainContent {
		margin-left: 25%;
	}
	.nomenu #mainContent {
		margin-left: 0;
	}
	.bodyleft {
		margin-left: 25% ! important
	}
	#mainContent.right {
		float: left;
		width: 62%;
		margin-bottom: 1em;
		margin-left: 0;
	}
	
	#side.right {
		float: none;
		width: auto;
		margin-left: 65%;
	}
	
	
	
	
	
	
	

/* Header */

	#header {
		background: #71b11c url("../../images/header_bl.png") repeat-x left bottom;
		position: relative;
		min-height: 39px;
		height: 5em;
		padding: 0;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 3em;
		padding: 15px 0;
	margin-bottom: 1em;
} #ignored {}
	
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		background: url("../../images/header_tl.gif") no-repeat;
		height: 8px;
		z-index: 100; /* above the UL */
	}
	#header h1 a {
		display: block;
		width: 304px;
		height: 65px;	
		background: transparent url("../../images/2010_web_head.png") no-repeat 0 0;
		text-indent: -700em;
		text-decoration: none;
	margin-top: 3px;
	margin-left: 3px;
}

	#header ul	
	{
		width: auto;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 15px 0 0;
		list-style: none;
		background: url("../../images/header_br.gif") no-repeat bottom right;
		z-index: 90;
		/* below the H1 */
		font-size: smaller;
	}
	#header li {
		float: right;
		background: transparent url("../../images/header_tab.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #515358;
	}
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("../../images/header_tab.gif") 0% -600px no-repeat;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }
	
	body.prevnext li#menu_prevnext a,
	body.conference li#menu_conference a,
	body.awards li#menu_awards a,
	body.venue li#menu_venue a,
	body.register li#menu_register a,
	body.awards_cats li#menu_awards_cats a
	{
		background-position: 0% -200px;
		color: #039;
	}
	body.prevnext li#menu_prevnext,	
	body.conference li#menu_conference,
	body.awards li#menu_awards,
	body.venue li#menu_venue,
	body.register li#menu_register,
	body.awards_cats li#menu_awards_cats
	{
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
	}
	
	body.prevnext li#menu_prevnext:hover,
	body.conference li#menu_conference:hover,
	body.awards li#menu_awards:hover,
	body.venue li#menu_venue:hover,
	body.register li#menu_register:hover,
	body.awards_cats li#menu_awards_cats:hover
	{
		background-position: 100% 0%;
	}
	
	body.prevnext li#menu_prevnext:hover a,
	body.conference li#menu_conference:hover a,
	body.awards li#menu_awards:hover a,
	body.venue li#menu_venue:hover a,
	body.register li#menu_register:hover a,
	body.awards_cats li#menu_awards_cats:hover a
	{
		background-position: 0% 0%;
		color: #333;
	}
	
	
/* Search Field */

	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("../../images/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form label { color: #fff; font-size: 85%; }
	#header form input { font-size: 85%; }
	
	#header form #submit {
		font-size: 85%;
		background: #6A7389;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #283043;
		border-bottom: 1px solid #283043;
		border-top: 1px solid #9097A2;
		border-left: 1px solid #9097A2;
	}
	
	#header form #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px;
	}
	#header form #q:hover, #header form #q:focus {
		background: #fff;
	}

/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../../images/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
		content: url("../../images/key-point_tl.gif");
	}
	#nav {
		background: #E0E9E9 url("../../images/menu_back.gif") right repeat-y;
	}
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../../images/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("../../images/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #E0E9E9;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}
	
	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}

/* Footer */

	#footer {
	text-align: center;
	border-top: 1px solid #b7b7b7;
	margin: 0.5em 0;
	padding: 0.5em 0;
	}

	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
	}
	
	#footer span,#footer a {
		white-space: nowrap;
		padding: 0 1em;
	}
	
	#footer p span,#footer p a {
		white-space: nowrap;
		padding: 0 0.3em;
	}
	
	#footer span a {
		padding: 0;
	}
	
	#footer p,#footer p a {
		color: #666;
	}
	
	#footer p a:hover {
		color: #000;
	}
	
	
/*accessibility tweaks*/
	.skipLink {
		position: absolute;
		left: -999px;
		width: 990px;
	}
	hr.hide {
		display: none;
	}
	
	
 /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(../../images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
     /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }