/* The main style sheet for CMX JumpStart Tahoe. */
/* This is the uncommented version, which has most comments stripped out in order to keep your file size low for live deployment on your site. It is recommended that you refer to the commented version of this sheet while making edits here so you will fuolly understand what each piece does before changing it. */

body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #e2bf74 url(../conferences2010/images/body_bkgrd.jpg);
	margin: 0;
	padding: 0;
	text-align: center;
}

#holder {
	min-width: 600px;
	max-width: 910px;
	background: #fff url(../conferences2010/images/background-right.jpg) repeat-y right top;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* The following hack is read only by Mac IE. It gives it a fixed width for the holder div since Mac IE doesn't support min- and max-width. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*//*/
#holder {
	width: 750px;
	}
/* End show to Mac IE. */

#inner {
	background: url(../conferences2010/images/background-left.jpg) repeat-y;
}
#news {
	width: 260px;
	background-image: url(../images/newsbox_bkgrd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-right: 20px;
}
#news h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	margin-top: 0;
	padding-top: 1px;
	margin-right: 5px;
}
#announce {
	width: 260px;
	background-image: url(../images/annbox_bkgrd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	position: relative;
	margin-left: 20px;
}
#announce h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	padding-top: 1px;
	margin-left: 5px;
}

#ziva {
	margin-top: 10px;
	clear: both;
}
#skipnav {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -1000px;
	}

#header {
	background: #020504 url(../conferences2010/images/2010annual_header.jpg) no-repeat;
	font-family: "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 160px;
	margin: 0 10px;
	position: relative;
}

#header p {
	text-align: right; /* Aligns the home and contact links on the right side. */
	font-size: .8em; /* Reduces font size from default. */
	letter-spacing: .06em; /* Increases space between letter slightly. */
	line-height: 145%; /* Increases space between each line of text. */
	position: absolute; /* Sets the paragraph to be positioned in a precise spot in relation to the header div. */
	bottom: 40px; /* Places the bottom of the paragraph 40 pixels from the bottom of the header div. */
	right: 10px; /* Places the right side of the paragraph 10 pixels from the right edge of the header div. */
	margin: 0; /* Removes default paragraph margin so placement will be uniform across browsers. */
}
#header a:link, 
#header a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#header a:hover, 
#header a:active, 
#header a:focus {
	text-decoration: underline;
}
#logo {
	width: 148px;
	height: 46px;
	position: absolute;
	top: 36px;
	left: 23px;
}

#content {
	margin: 20px 20px 0 260px;
	padding-bottom: 5px;
}

/* The following selectors are styling for the content div's headings, paragraphs and links. */
#content h2  {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #543110;
	}
#content h4 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #543110;
}
#content h4 {
	font-size: 1.25em;
}
#content h3 {
	font: normal 1.35em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #992d5b;
	}
#content table h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}
#content table h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #992d5b;
}
#content table p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
}
#content .sponsor {
	font: normal 1.35em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #990000;
	}	
#content h1 {
	font: normal 1.7em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1E2C31;
	}
#content p {
	color: #333;
	font: 0.85em/135% Verdana, Arial, Helvetica, sans-serif;
}
#content ul {
	font: 0.85em/135% Verdana, Arial, Helvetica, sans-serif;
}
#content .link { /* Creates the larger Learn More link at the bottom of the page. */
	font: 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content a:link, 
#content a:visited {
	color: #CC6600;
	text-decoration: none;
}
#content a:hover, 
#content a:active, 
#content a:focus {
	text-decoration: underline;
}

/* The following selectors control the sidebar/navigational area. */
#sidebar {
	float: left;
	width: 210px;
	margin-top: 20px;
	margin-left: 10px;
	display: inline; /* Fixes the doubled margin bug that Win IE 6 and lower manifest when a left float has a left margin. Doesn't hurt other browsers. */
}

#sidebar h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background: #4589C0 url(../images/sidehead.jpg) repeat-y;
	padding: 1px 5px 2px;
	margin: 0 0 5px 20px;
}

/* The following selectors create the button look from list items in an unordered list. */
ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li {
	padding-left: 23px;
	margin-left: 20px;
	font: .8em/110% Arial, Helvetica, sans-serif;
}

/* Each list item has a unique ID to place its own icon as its background image. The images are vertically centered so that as the text grows they will stay aligned with it. */
#nav li#faq {
	background: url(../images/faq.gif) no-repeat left center;
}
#nav li#important {
	background: url(../images/important.gif) no-repeat left center;
}
#nav li#doc {
	background: url(../images/doc.gif) no-repeat left center;
}
#nav li#table {
	background: url(../images/table.gif) no-repeat left center;
}
#nav li#show {
	background: url(../images/show.gif) no-repeat left center;
}

/* The below styles the button area next to the icon. */
#nav li a:link,
#nav li a:visited {
	display: block;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	margin: 3px 0 2px 0;
	padding: 3px 2px 3px 20px;
}

#nav li a:hover, 
#nav li a:active, 
#nav li a:focus {
	background: #e8b62f;
}

/* The following selectors create the photo/info teaser area below the navigation. */
#features {
	background: #fff url(../images/sidehead.jpg) no-repeat left bottom;
	margin: 10px 0 20px 20px;
	padding-bottom: 10px;
}

#features h2 {
	margin-left: 0;
}

#features p {
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 2px 10px 8px;
}

/* The next two selectors simply create the black footer area of the page. */
#bottom {
	background: #000;
}
#pagebott {
	min-width: 580px; /* Sets minimum width to 20px less than that set on the holder div. */
	max-width: 890px; /* Sets maximum width to 20px more than that set on the holder div. */
	border-left: 10px solid #000;
	border-right: 10px solid #000;
	background: #26373E;
	margin: 0 auto;
}

#pagebott p {
	margin: 0;
	text-align: center;
	font-size: 0.65em;
	color: #FEDEEF;
	padding: 5px;
	letter-spacing: .06em;
}

/* The following selectors create the link and hover styling for the pagebott area. */
#pagebott a:link, 
#pagebott a:visited {
	color: #fff;
	text-decoration: underline;
}
#pagebott a:hover, 
#pagebott a:active, 
#pagebott a:focus {
	color: #FB73BA;
	text-decoration: none;
}


/* The following selectors are the form styles for contact.htm */
#content form {
	margin: 0;
	padding: 0 0 10px;
  	float: left;
	width: 100%;
}	
#content fieldset {
	border: 1px solid #CFE5F5;
	margin: 0 0 10px;
	padding: 5px 0 15px 15px;
}
#content legend {
	border: 1px solid #CFE5F5;
	color: #fff;
	background: #3F77A0 url(../images/sidehead.jpg) repeat;
	padding: 1px 5px 2px;
	margin-bottom: 5px;
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content label {
	float: left;
 	width: 8em;
  	clear: both;
	font-size: 0.8em;
	text-align: left;
	margin-top: 3px;
	}
.title1 {
	width: 100px;
}
#content textarea {
	color: #000;
	border: 1px solid #FEDEEF;
	padding: 1px;
	background: #FFCC99;
	margin: 3px 5px 2px;
	width: 200px;
	float: left;
}
#content input {
  background: #FFCC99;
  border: 1px solid #526598;
  padding: 2px;
  margin-left: 5px;
}
.remove {
  background: #FFF;
  border: none;
}
/* The following hack can only be read by Mac IE and removes the floats from the inputs and textareas to avoid bugs. Luckily, Mac IE is good without floating. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to Mac IE. */

/* This selector can be used on input boxes you want to be shorter than the normal ones. */
#content input.sminp {
	width: 110px;
	margin-right: 160px;
}

/* The following changes the colors of the inputs and textareas when the cursor is inside, in supported browsers. */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #CCCCCC;
}

/* These float styles can be used to float images with text next to them. */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

.brclear { /* Use a break with this class to clear float containers on both sides. */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right (so as not to clear the left floated sidebar, for instance). */
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#navcontainer { width: 190px; }

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: "Arial Helvetica", sans-serif;
	font-size: .9em;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 184px;
background-color: #FFFFFF;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #333333;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #e8b62f;
color: #fff;
}
.premier {
	width: 100%;
	background-color: #debd88;
}
.highlight_color {
	color: #992d5b;
}
.sec_title {
	color: #FFF;
}