html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

html, body
	{
	background:#e2e2e2;
	font-family:arial, sans-serif;
	font-size:13px;
	}

p	{
	margin:10px 0;
	line-height:20px;
	}

p.full-width
	{
	float:left;
	width:629px;
	}

a
	{
	color:#ff6d22;
	text-decoration:none;
	}

a:hover
	{
	text-decoration:underline;
	}

i, em	{	font-style:italic;	}

strong	{	font-weight:bold;	}

#container
	{
	margin:0 auto;
	width:100%;
	}

#header
	{
	background:#ffffff;
	height:117px;
	padding:0px;
	}
	
#header h1 { margin:0; }

#masthead
	{
	position: relative;
	height:117px;
	margin:0 auto;
	padding-right:7px;
	width:925px;
	}

#masthead-logo
	{
	float:left;
	margin:18px 0 14px;
	}


#sign-in
	{
	position: absolute;
	top: 20px;
	right: 200px;
	color: #000;
	font-size:12px;
	}
	
#like-links
	{
	position: absolute;
	top: 20px;
	left: 181px;
	width: 180px;
	height: 25px;
	}
	

/* LANGUAGE DROP DOWN */

#language-dropdown
	{
	position: absolute;
	top: 20px;
	right: 10px;
	list-style:none;
	height:13px;
	z-index:5;
	font-family:arial, verdana, sans-serif;
	}
#language-dropdown li.top {display:block;float:left;background:url('../images/lang-arrow.gif'); background-position:right; }
#language-dropdown li a.top_link {display:block; float:left; height:13px; color:#000000; text-decoration:none; }

#language-dropdown li a.top_link span {display:block; height:13px; float:left; line-height:13px; font-size:11px; font-weight:normal; padding:0 13px 0 5px; cursor:pointer;}

#language-dropdown li a.top_link:hover span {color:#ff6d22; line-height:13px;}

/*#language-dropdown li:hover > a.top_link span {color:#ff6d22; line-height:13px;}*/

#language-dropdown table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#language-dropdown a:hover {visibility:visible; position:relative; z-index:2;}
#language-dropdown li:hover {position:relative; z-index:2;}

/* keep the 'next' level invisible by placing it off screen. */
#language-dropdown ul, 
#language-dropdown :hover ul ul, 
#language-dropdown :hover ul :hover ul ul,
#language-dropdown :hover ul :hover ul :hover ul ul,
#language-dropdown :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#language-dropdown :hover ul.sub {left:0; top:13px; white-space:nowrap; width:96px; height:auto; z-index:3;}
#language-dropdown :hover ul.sub li {display:block; height:19px;float:left; width:96px; font-weight:normal; background: url('../images/lang-bg.gif');}

#language-dropdown :hover ul.sub li a {display:block; position:relative; font-size:11px; height:20px; width:96px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#language-dropdown :hover ul.sub li a:hover {color:#ff6d22;}

#language-dropdown :hover ul.sub :hover > a {color:#ff6d22;}

#language-dropdown :hover ul.sub li.subtop a {padding-top:10px;}

#language-dropdown :hover ul :hover ul,
#language-dropdown :hover ul :hover ul :hover ul,
#language-dropdown :hover ul :hover ul :hover ul :hover ul,
#language-dropdown :hover ul :hover ul :hover ul :hover ul :hover ul
{left:96px; top:0; white-space:nowrap; width:96px; z-index:4; height:auto;}

/* LANGUAGE DROP DOWN END */
	

#navigation
	{
	position: absolute;
	top: 78px;
	left: 165px;
	width:780px;
	}
	
#content-container
	{
	margin:11px auto 0;
	width:960px;
	}

#content
	{
	background:#ffffff;
	clear:left;
	float:left;
	width:629px;
	padding:16px 15px;
	margin:0 11px 0 21px;
	display:inline;
	}

#content.wide
	{
	width:900px;
	}

ul#breadcrumb
	{
	list-style:none;
	font-size:13px;
	font-weight:normal;
	line-height:15px;
	width:629px;
	}

ul#breadcrumb li
	{
	float:left;
	padding:0 3px;
	}

ul#breadcrumb li.first
	{
	float:left;
	font-weight:bold;
	padding:0 3px 0 0;
	}

ul#breadcrumb li a
	{
	color:#000000;
	}

ul#breadcrumb li a.current
	{
	color:#ff6d22;
	font-weight:bold;
	}

ul#breadcrumb li a:hover
	{
	color:#ff6d22;
	text-decoration:none;
	}

#content h2
	{
	clear:left;
	color:#ff6d22;
	font-size:26px;
	font-weight:bold;
	line-height:30px;
	padding:25px 0 5px 0;
	}

#content h3
	{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	padding:20px 0 5px 0;
	clear: both;
	}

#content h4
	{
	color:#000000;
	font-size:13px;
	font-weight:bold;
	line-height: 18px;
	padding:6px 0 0 0;
	}

#content ul.bullet-links, #content ol, #conent ul.bullets
	{
	margin:0;
	padding:5px 0;
	}
	
#content ol {
	list-style: decimal;
}
	
#content ol li {
	line-height: 20px;
  padding: 0 0 3px 0px;
  margin-left: 26px;
	}
	
#content ul.bullet-links li
	{
	line-height: 20px;
	background:url('../images/bullet.gif') 0 3px no-repeat;
	margin:5px 0;
	padding-left:22px;
	}
	
#content ul.bullet-links li a {
	font-weight:bold;
}


#slidingDiv
	{
    display:none;
  }
p.footnote
	{
	font-size:10px;
	line-height:18px;
	margin-top:25px;
	}

ul.bullets li {
	font-weight:normal;
	line-height:20px;
}

ul.bullets > li
	{
	background:url('../images/bullet-2.gif') 0 4px no-repeat;
	margin:8px 0;
	padding-left:17px;
	}

.board-member-container
	{
	float:left;
	margin:10px 0 15px;
	width:629px;
	}

.board-member-container img
	{
	float:left;
	margin-right:20px;
	width:99px;
	}

.board-member-description
	{
	float:left;
	width:510px;
	}

.partner-container
	{
	float:left;
	margin:10px 0 15px;
	width:629px;
	}

.partner-container img
	{
	float:left;
	margin-right:50px;
	width:107px;
	}

.partner-description
	{
	float:left;
	width:472px;
	}

.partner-description p
	{
	margin-top:0;
	}

p.asmp-logo
	{
	position:relative;
	width:450px;
	}

p.asmp-logo img
	{
	position:absolute;
	right:-170px;
	bottom:0;
	}

table.ypa-table
	{
	margin:20px 0;
	width:100%;
	}

table.ypa-table th
	{
	background:#acacac;
	font-size:14px;
	line-height:16px;
	padding:10px;
	text-align:left;
	}
	
table.ypa-table th > a
	{
		color: #000;
		font-weight: bold;
		border-bottom: 1px dotted #585858;
	}
	
table.ypa-table th > a:hover
	{
		text-decoration: none;
	}

table.ypa-table tr.even
	{
	background:#e2e2e2;
	}

table.ypa-table td
	{
	line-height:18px;
	padding:10px;
	}

table.ypa-table td.pdf
	{
	background:url('../images/pdf.gif') no-repeat center center;
	padding:0 20px;
	overflow: hidden;
	}

table.ypa-table tr.last-row, table.ypa-table td.lastrow
	{
	border-bottom:#acacac 1px solid;
	}

table.ypa-table tr.inter-row td
	{
		height:8px;
		padding:0;
}	

table.ypa-table td.pdf a
	{
	display:block;
	height:45px;
	text-indent:-9999px;
	width:100px;
	}
	
div.major-sponsors
{
  margin: auto;
  text-align: center;
  margin-bottom: 24px; 
}

div.major-sponsors > div
	{
	display:inline-block;
	position:relative;
	width:160px;
	text-align:center;
	}

div.major-sponsors > div > p
	{
	  font-style: italic;
	  margin-bottom: 10px;
	}
	
#aside
	{
	float:right;
	width:248px;
	padding:0;
	margin:0 21px 0 0;
	display:inline;
	}

#aside h1
	{
	font-size:18px;
	font-weight:bold;
	padding:6px 6px 0 6px;
	width:222px;
	}
	
#aside h3
	{
	border-bottom:1px solid #000000;
	font-size:13px;
	font-weight:bold;
	padding-bottom:6px;
	width:222px;
	}

#aside p
	{
	font-size:13px;
	font-weight:normal;
	padding:0 6px;
	width:222px;
	}
#aside-box
	{
	background:url('../images/grey-box.gif') no-repeat;
	background-position: right bottom;
	height:240px;
	margin-bottom:5px;
	overflow:hidden;
	padding:16px 13px 0 13px;
	width:222px;
	}

#aside-box ul
	{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	margin:10px 0 16px 0;
	}

#aside-box ul li.facebook
	{
	background:url('../images/facebook.gif') 0 2px no-repeat;
	text-indent:22px;
	}

#aside-box ul li.twitter
	{
	background:url('../images/twitter.gif') 0 2px no-repeat;
	text-indent:22px;
	}
	
#aside-box ul li.linkedin
	{
	background:url('../images/linkedin.png') 0 2px no-repeat;
	text-indent:22px;
	}

#aside-box ul li.share
	{
	background:url('../images/addthis.gif') 0 2px no-repeat;
	text-indent:22px;
	}

#aside-box ul li.fblike
	{
		color:#000000;
		padding-top: 3px;
	}

#aside-box ul li a
	{
	color:#ffffff;
	text-decoration:none;
	}

#aside-box ul li a:hover
	{
	color:#ffffff;
	text-decoration:underline;
	}

.photo-container
	{
	display:inline;
	float:left;
	width:248px;
	}

.photo-container img
	{
	float:left;
	margin-top:6px;
	}

.photo-label
	{
	width:248px;
	}

.photo-label p
	{
	font-size:10px;
	line-height:12px;
	margin:5px 0;
	}

.orange
	{
	color:#ff6d22;
	}

a.toggler
	{
	background:url('../images/show-arrow.gif') no-repeat;
	background-position:right;
	display:block;
	font-weight:bold;
	width:400px;
	}

.toggleMe
	{
    display:none;
    }

#footer
	{
	clear:both;
	color:#7d7d7d;
	/*float:left;*/
	font-size:10px;
	line-height:12px;
	margin:0 0 15px 0;
	padding: 5px 21px;
	width:659px;
	}

#copyright
	{
	}

#credits
	{
	float:right;
	text-align:right;
	width:248px;
	}

#credits a
	{
	color:#7d7d7d;
	}

/* NAVIGATION */

#main-nav {list-style:none; height:36px; position:relative; z-index:5; font-family:arial, verdana, sans-serif;}
#main-nav li.top {display:block; float:left; background:url('../images/divider.gif') no-repeat;}
#main-nav li.top-first {display:block; float:left;}
#main-nav li a.top_link {display:block; float:left; height:36px; color:#000000; text-decoration:none; }

#main-nav li a.top_link span {display:block; height:36px; float:left; line-height:26px; font-size:13px; font-weight:normal; padding:0 13px 0 15px; cursor:pointer;}

#main-nav li a.top_link span.last {display:block; height:36px; float:left; line-height:26px; font-size:13px; font-weight:normal; padding:0 0 0 15px; cursor:pointer;}

#main-nav li a.top_link:hover span {color:#ff6d22; line-height:26px;}

#main-nav li:hover > a.top_link span {color:#ff6d22; line-height:26px;}
#main-nav li:hover > a.top_link b {color:#ff6d22;}


#main-nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#main-nav a:hover {visibility:visible; position:relative; z-index:2;}
#main-nav li:hover {position:relative; z-index:2;}

/* keep the 'next' level invisible by placing it off screen. */
#main-nav ul, 
#main-nav :hover ul ul, 
#main-nav :hover ul :hover ul ul,
#main-nav :hover ul :hover ul :hover ul ul,
#main-nav :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#main-nav :hover ul.sub {left:0; top:25px; white-space:nowrap; width:111px; height:auto; z-index:3;}
#main-nav :hover ul.sub li {display:block; height:20px; float:left; width:111px; font-weight:normal; background: url('../images/submid.png');}

#main-nav :hover ul.sub li a
	{
	display:block;
	position:relative;
	font-size:12px;
	height:20px;
	width:111px;
	line-height:20px;
	padding-left:15px; /* was text-indent:15px */
	color:#000;
	text-decoration:none;
	}
	
#main-nav :hover ul.sub li.sublarge a,
#main-nav :hover ul.sub li.subtoplarge a,
#main-nav :hover ul.sub li.subbotlarge a
	{
	padding-top:2px;
	line-height:15px;
	}
	
#main-nav :hover ul.sub li a:hover {color:#ff6d22;}

#main-nav :hover ul.sub :hover > a {color:#ff6d22;}

#main-nav :hover ul.sub li.subtop a {padding-top:10px;}
#main-nav :hover ul.sub li.subtoplarge a {padding-top:10px;}

#main-nav :hover ul :hover ul,
#main-nav :hover ul :hover ul :hover ul,
#main-nav :hover ul :hover ul :hover ul :hover ul,
#main-nav :hover ul :hover ul :hover ul :hover ul :hover ul
{left:111px; top:0; white-space:nowrap; width:111px; z-index:4; height:auto;}

#main-nav :hover ul.sub li.subtop,
#main-nav :hover ul :hover ul li.subtop,
#main-nav :hover ul :hover ul :hover ul li.subtop,
#main-nav :hover ul :hover ul :hover ul :hover ul li.subtop
{height:30px; background:url('../images/subtop.png');}

#main-nav :hover ul.sub li.subtoplarge,
#main-nav :hover ul :hover ul li.subtoplarge,
#main-nav :hover ul :hover ul :hover ul li.subtoplarge,
#main-nav :hover ul :hover ul :hover ul :hover ul li.subtoplarge
{height:45px; background:url('../images/subtop.png');}

#main-nav :hover ul.sub li.subbot,
#main-nav :hover ul :hover ul li.subbot,
#main-nav :hover ul :hover ul :hover ul li.subbot,
#main-nav :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url('../images/subbottom.png');}

#main-nav :hover ul.sub li.sublarge,
#main-nav :hover ul :hover ul li.sublarge,
#main-nav :hover ul :hover ul :hover ul li.sublarge,
#main-nav :hover ul :hover ul :hover ul :hover ul li.sublarge
{height:35px; background:url('../images/submid.png');}

#main-nav :hover ul.sub li.subbotlarge,
#main-nav :hover ul :hover ul li.subbotlarge,
#main-nav :hover ul :hover ul :hover ul li.subbotlarge,
#main-nav :hover ul :hover ul :hover ul :hover ul li.subbotlarge
{height:50px; background:url('../images/subbottomlarge.png');}


/* NAVIGATION END */


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000000;}
#colorbox{}
#cboxContent
	{
	margin-top:3px;
	overflow:visible;
	}

#cboxError{padding:50px; border:1px solid #ccc;}

#cboxLoadedContent{background:#ffffff; padding:1px;}

#cboxLoadingGraphic{background:url('../images/loading.gif') no-repeat center center;}

#cboxLoadingOverlay{background:#000;}

#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}

#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:20px; background:url('../images/controls.png') no-repeat 0 0;}

#cboxPrevious{background-position:0px 0px; left:5px;}

#cboxPrevious.hover{background-position:0px -25px;}

#cboxNext{background-position:-25px 0px; left:30px;}

 #cboxNext.hover{background-position:-25px -25px;}

#cboxClose{background-position:-50px 0px; right:10px;top:10px;}

#cboxClose.hover{background-position:-50px -25px;}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}

.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}

.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}

.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* ADDITIONS BY EAL */

.smartstyle_correction {
	background-color: #FFECE8;
	border: 1px solid #D00000;
	line-height: 100%;
	padding: 2px 4px;
}

ul#smartid-message {
	margin:0;
	padding:0 0 5px 0;
}

ul#smartid-message li {
	background:url('../images/bullet-2.gif') 0 4px no-repeat;
	font-weight:normal;
	line-height:18px;
	margin:5px 0;
	padding-left:17px;
}

.red {
	color: #D20000;
}

.floatRight {
	float: right;
	margin: 6px 0 6px 24px;
}

p.caption {
  font-size: 8.5pt;
  color: #585858;
  margin: 2px 0 8px 0;
  line-height: 10pt;
}

.small {
	font-size: 10px;
}

td.col {
  width: 200px;
	line-height: 20px;
}

p.quote {
  font-style: italic;
  margin: 20px 0 0 20px;
}

p.quoted {
	text-align: right;
	margin-top: 0;
}

div.logos {
  clear: both;
  margin: 0;
}

div.logos a {
  float:left;
}