/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  font-size: 62.5%;
  background-color:#99CCFF;
  font-family:Arial, Helvetica, sans-serif;
  color:#272B34;
  background-image:url(../images/main_bg.png);
  background-repeat:repeat-x;
  margin-bottom:30px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }

/* Remove annoying border on linked images. */
a img { border: none; }
img { vertical-align: middle; }
.clear { clear:both; }

/* Layout */

#wrapper { width:900px; margin:auto; }
#header { }
#header ul { list-style:none; margin:6px 0 0; }
#header li { list-style:none; float:left; }
#header li a { 
	font-size:1.1em; 
	display:block; 
	color:#FFF;
	text-transform:uppercase;
	background:url(../images/button-mids.png) repeat-x left top;
	text-decoration:none;
	font-weight:bold;
	height:44px;
	line-height:44px;
}
#header li a:hover, #header li a.active { 
	background-position:left bottom;
}
#header li a span { 
	padding:0 1em;
	display: block; 
}
.left-end { background:url(../images/button-ends-left.png) no-repeat left top; }
.right-end { background:url(../images/button-ends-right.png) no-repeat right top; }
a:hover .left-end, a.active .left-end { background-position:left bottom; }
a:hover .right-end, a.active .right-end { background-position:right bottom; }

li.spacer {
	background:url(../images/button-spacer.png) no-repeat left top;
	height:44px;
	width:2px;
}
/* sub navigation */
.subnav { display: none; }
.subnav li { 
	padding:0 0.5em;
	border-right:1px solid #999;
}
.subnav li.noborder { border-right:0px none; }
.subnav li a { 
	font-size:1.1em; 
	/*display:inline !important; */
	padding:0 5px;
	color:#FFF;
	text-transform:uppercase;
	background-image: none !important;
	height: auto !important;
	line-height: 1.6em !important;
}
.subnav li a:hover, .subnav li a.active { 
	background-image:url(../images/button-mids.png) !important;
	background-position:left -47px !important;
	background-repeat:repeat-x !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#contentwrapper { 
	background:url(../images/foot_bg_bottom.png) left bottom no-repeat;
	padding-bottom:2em;
	float:left;
}
#content { 
	background:url(../images/foot_bg_top.png) left bottom no-repeat;
	padding:2em 2em 0 2em; 
	background-color:#FFF;
	float:left;
	width:860px;
}
#flashcontainer {
	position:relative;
	height:230px;
	z-index:2;
}
#flashcontainer div {
	position:absolute;
	top:-41px;
	left:-10px;
	z-index:2;
}
#banner { outline:none; }
div#banner { position:relative; top:2px; }
*:first-child+html div#banner { top:-4px; } /* IE7 hack */

/* Typeography */

#main_header {
	background:url(../images/content-top-main.png) left top no-repeat;
	height:20px;
}
#page_header {
	background:url(../images/content-top.png) left top no-repeat;
	padding-top:20px;
	display:inline-block;	/* to fix IE7 double top padding bug */
	width:900px;
}
h1 { 
	font-size:3em; 
	line-height:26px; 
	color:#0353A4; 
	background-color:#D4E2F7; 
	padding:0 0.6em 19px 0.6em;
	margin:0;
	font-weight:normal;
	border-bottom:3px solid #0353A4;
}
h2 { font-size:2.2em; line-height:1.6em; font-weight:normal; }
h3 { font-size:1.8em; line-height:1.6em; font-weight:normal; }
p { font-size:1.3em; line-height:1.6em; margin:1em 0; }
p.bottom { margin-bottom:0; }
a { color:#0353A4; }
dl { padding:0 0 20px 20px; margin-top: -5px; }
dl.sponsors { padding:0 10px 10px 10px; }
dl.sponsors dt { margin-top: 0; padding-top: 20px; padding-bottom: 5px; border-top: 1px dashed #0353A4; line-height: 16px; }
dl.sponsors dt.top { margin-top: 0; padding-top: 10px; border-top: 0px none; }
dl.sponsors dd { padding-bottom: 7px; }
dt { font-size:1.6em; line-height:1.6em; margin-top:1em; font-weight: bold; }
dl.sponsors dt img { float: right; border: 1px solid #0353A4; padding: 3px; margin: 0 0 10px 10px; }
dd { font-size:1.3em; line-height:1.6em; }
dd p { font-size: 1em; }
.filesize { font-size:0.7em; font-weight: normal; }

#content ul { list-style: none; }
#content ul ul { padding-left: 30px; }
#content li { font-size:1.3em; line-height:1.6em; }
#content dl li { font-size:1em; line-height:1.6em; }
.pdf { 
	background: url(../images/pdf_icon_15.png) left center no-repeat;
	padding-left: 18px;
}
.title { font-style: italic; }
.company { font-weight: bold; }

.homepage_content {
	float:left;
	/*width:60%;*/
	/*for using three divs*/
	/*width:33%;*/
	/*for using two divs*/
	width:50%;
}
.homepage_content h2, .homepage_content h3, .homepage_content p{ padding:0 10px; }
.first h2, .first h3, .first p{ padding:0 10px 0 0; }
.last h2, .last h3, .last p{ padding:0 0 0 10px; }
.homepage_content h2 { line-height:1.4em; }

.homepage_content h3 {
	margin-top:0.6em;
	color:#0353A4;
}

.homepage_content .meta {
	margin-top:0;
	font-style:italic;
}

.highlight_event {
	width:313px;
	padding:0 10px;
	margin-right: 10px;
	background-color: #eee;
}

.highlight_event h2 {
	color:#0353A4;
	padding: 0;
}

#notice {
	background-color: #FFFAE1;
    border: 1px solid #F9DE93;
    font-size: 13px;
    margin: 5px 0;
    padding: 10px;
    width: 202px;
    text-align: center;
}