html, body {margin:0; padding:0;}
body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#656565; background:#fff;}
p {font-size:1.0em; line-height:1.4em; margin:0 0 10px 0;}
li {line-height:1.4em;}

	a:link {color:#003f68; text-decoration:none;}
	a:visited {color:#003f68; text-decoration:none;}
	a:active {text-decoration:underline;}
	a:focus {text-decoration:underline;}
	a:hover {text-decoration:underline;}
	a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
	a img {border:none;}

h1 {color:#003f68; line-height:1.6em; font-size:1.6em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h2 {color:#003f68; line-height:1.2em; text-transform:uppercase; font-size:1.2em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h3 {color:#003f68; line-height:1.1em; font-size:1.1em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h4 {color:#003f68; line-height:1.1em; font-size:1.1em; font-weight:normal; padding:0; margin:0 0 10px 0; }
.unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0; list-style:none; top:-999em;}  /* Hides the element from view */

.clear {clear:both;}
.Apple-style-span {background:#ffe0ee; color:#ff0000;}

div {position:relative;}

/* style for corp governance 2nd level list to overcome Tiny problems */
#content ol ol {list-style: lower-roman;}

.Actions input {background:#f0f0f0; cursor:pointer;}


/************************
STRUCTURAL
************************/

#container {min-width:980px;}

#header {height:240px; background:#231f20;}


#wrapper{float:left;width:100%}
#content{margin: 50px 0 20px 295px; min-height:280px;}
#sidebar{float:left;width:250px;margin-left:-100%; background:#e0e0e0;}





/************************
 * HEADER
 ***********************/
#logo {position:absolute; display:block; top:30px; left:25px; width:196px; height:140px; margin:0; z-index:6}
#header-vis-1 {position:absolute; top:73px; left:0; height:27px; width:100%; background:#003f68; z-index:4}
#header-vis-2 {position:absolute; top:0; left:0; height:240px; width:250px; background:url(../images/logo-under.jpg); z-index:5}
#header-vis-3 {position:absolute; top:100px; left:0; height:140px; width:100%; background:#003f68 url(../images/head.jpg) no-repeat; z-index:4}

/************************
 * NAVIGATION
 ***********************/
#navigation {}

/*Menu positioning*/
#navigation {position:absolute; top:73px; height:27px; z-index:10; left:300px;} 
#navigation .wrapper{margin-} 

/* all lists */
#mainnav, #mainnav ul { padding: 0; margin: 0; list-style: none; line-height: 1;}
#mainnav a { display: block; /*width: 10em;*/ }


/* Main level links styles*/
#mainnav .lvl1 {height:23px; text-transform:uppercase; letter-spacing:1px; line-height:23px; font-size:0.9em;  }
#mainnav .lvl1 a {text-decoration:none; color:#99b3cd; padding:2px 20px 0 20px; border-bottom:2px solid #003f68; height:23px; background:#003f68; }

#mainnav .lvl1:hover a, #mainnav .lvl1:focus a, #mainnav li.sfhover a, #mainnav li.section a, #mainnav li.current a  { border-bottom:2px solid #fff; color:#fff}

/* all lists */
#mainnav li { float: left; cursor:default; }


/* using left instead of display to hide menus because display: none isn't read by screen readers */ 
#mainnav li ul { position:absolute; background:#003f68; width: 17em; margin-left: -1000em; }

	#mainnav .lvl1 .lvl2 li a { color:#99b3cd; text-transform:none; line-height:1.2em; border:none;height:auto;width:15em; background:#003f68; padding:0.3em 1.4em 0.1em 1.4em;}
	#mainnav .lvl1 .lvl2 li.last a {padding-bottom:1.2em;}
	#mainnav .lvl1 .lvl2 li.first a{padding-top:1.2em;}
	#mainnav .lvl1 .lvl2 li:hover a, #mainnav .lvl2 li.sfhover a {color:#fff;}

	#mainnav .lvl1 .lvl2 .lvl3 li a {color:#99B3CD; text-transform:none; line-height:1.2em; height:auto;width:15em; background:#003F68; padding:0.3em 1.4em 0.1em 1.4em;}
	#mainnav .lvl1 .lvl2 .lvl3 li.first a {padding-top:1.2em;}
	#mainnav .lvl1 .lvl2 .lvl3 li.last a {padding-bottom:1.2em;}
	#mainnav .lvl1 .lvl2 .lvl3 li:hover a, #mainnav .lvl1 .lvl2 .lvl3 li.sfhover a {color:#fff;}


#mainnav li ul ul { /* third-and-above-level lists */
	margin: -2.5em 0 0 -1000em;
}

#mainnav li:hover ul ul, #mainnav li.sfhover ul ul {
	margin-left: -1000em;
}

#mainnav li:hover ul, #mainnav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}

#mainnav li li:hover ul, #mainnav li li.sfhover ul {
	margin-left: 17.8em;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#mainnav li a:focus + ul { margin-left: 0; }
#mainnav li li a:focus + ul { margin-left: 1010em; }
#mainnav li li a:focus { margin-left:1000em; width:15em; background: #fff; color:#a97a12; }
#mainnav li li li a:focus {margin-left: 2010em; width: 15em; background: #fff; color:#a97a12; }
#mainnav li:hover a:focus, #mainnav li.sfhover a.sffocus { margin-left: 0; }
#mainnav li li:hover a:focus + ul, #mainnav li li.sfhover a.sffocus + ul { margin-left: 17.8em; }



/************************
 * CONTENT
 ***********************/

#content-vis {position:absolute; top:0; width:100%; left:0; height:27px; background:#656565;}

/* Add margin to right of content - then remove it for internal structure elements (so the margin isn't duplicated) */
#content p, #content h1, #content h2, #content h3, #content h4, #content table,#content ul, #content dl, #content ol, #content form {margin-right:295px}
#content .floating-box p, #content .floating-box h1, #content .floating-box h2, #content .floating-box h3, #content .floating-box h4, #content .floating-box table,#content .floating-box ul, #content .floating-box dl, #content .floating-box ol, #content .floating-box form,
#content form p, #content form h1, #content form h2, #content form h3, #content form h4, #content form table,#content form ul, #content form dl, #content form ol, #content form form, #content ol ol,
#content li p {margin-right:0}

#content .floating {margin:0 20px 0 0; padding:0; float:right; width:250px; text-align:center; overflow:hidden;}
#content .floating dd {margin:10px 0 30px 0; padding:0; font-style:italic;}
#content .floating a {display:block; position:relative; border:1px solid #003f68;}
#content .floating a:hover {text-decoration:none;}
#content .floating .floating-zoom {display:block; position:absolute; right:5px; bottom:5px; width:20px; height:20px; background:url(../images/zoom.png) no-repeat;}


#content .floating-box {margin:0 20px 20px 20px; padding:10px; float:right; width:230px; text-align:left; overflow:hidden; background:#e0e0e0;}
#content .floating-box a img {margin-right:5px; vertical-align:bottom;}
#content .floating-box .content-bottom-help a {display:block;}

/* noscript tag for <ie6 with no js support */
#content .noscript {padding:5px; background:#FFD0D0;}


/************************
 * ANNOUNCEMENT PAGES
 ***********************/
#content #report-nav {border:1px solid #003f68; margin:0 5px 20px 0; overflow:hidden; background:#cee2ef; color:#3E3E3E;  }
#report-nav dd, #report-nav dt  {list-style:none; display:block; float:left; margin:0; line-height:2.5em; }
#report-nav dt  {margin-right:5px;padding:0 0 0 10px;}
#report-nav a:hover {}
#report-nav a {line-height:2.5em;padding:0 5px;}

#newslist {padding:0; margin:0; list-style:none; clear:left;}
#newslist p {margin-right:0;}
#newslist li {height:2.5em; overflow:hidden; line-height:2.5em; position:relative;}
#newslist li.odd {background:#f7f7f7}
#newslist .newslist-date {display:block;position:absolute; left:5px; top:0;}
#newslist a, #newslist .newslist-nofile {display:block; padding:0 100px;}
#newslist .newslist-size {display:block;position:absolute; right:5px; top:0; width:90px;  }
#newslist acronym {text-transform:uppercase; cursor:pointer;}


/************************
 * FORMS GENERAL
 ***********************/
form input:focus, form input:hover {background:#CEE2EF;}
form p {margin-right:0;}

/************************
 * UNSUBSCRIBE
 ***********************/
 
#subscribe a {display:block; position:absolute; margin:-27px 0 0 25px; color:#656565; font-size:0.95em;} 
#subscribe p {margin:0 20px; padding:5px; color:#353535; background:#CEE2EF; text-align:center; border:1px solid #003f68;} 
 
#Unsubscribe_MailingListForm_MailingListForm, #Unsubscribe_EmailAddressForm_EmailAddressForm {border:#656565 solid 1px; margin:0; padding:20px;}
#Unsubscribe_MailingListForm_MailingListForm fieldset, #Unsubscribe_EmailAddressForm_EmailAddressForm fieldset {border:none; margin:0; padding:0;}
#Unsubscribe_EmailAddressForm_EmailAddressForm label {position:absolute; padding:5px 0;}
#Unsubscribe_EmailAddressForm_EmailAddressForm input {border:#656565 1px solid; margin-left:130px; padding:5px 10px; width:300px;}
#Unsubscribe_MailingListForm_MailingListForm .Actions input, #Unsubscribe_EmailAddressForm_EmailAddressForm .Actions input {border:#656565 1px solid; width:80px; padding:5px 10px; cursor:pointer;}
#Unsubscribe_EmailAddressForm_EmailAddressForm .Actions {margin:10px 0 0 242px;}
#Unsubscribe_MailingListForm_MailingListForm .Actions input:hover, #Unsubscribe_EmailAddressForm_EmailAddressForm .Actions input:hover, #Unsubscribe_MailingListForm_MailingListForm .Actions input:focus, #Unsubscribe_EmailAddressForm_EmailAddressForm .Actions input:focus {background:#656565; color:#fff;}
#content #Unsubscribe_EmailAddressForm_EmailAddressForm_error {margin-right:0; padding:5px; margin:0 0 10px 0; background:#FFD0D0;}


/************************
 * HOME
 ***********************/
#SignupForm_AfterContent fieldset {margin:0 20px; padding:0; border:none;}
#SignupForm_AfterContent input {width:188px; border:#656565 1px solid; padding:5px 10px;}
#SignupForm_AfterContent .more-space {margin:5px 0;}
#SignupForm_AfterContent #Name {display:none;}
#SignupForm_AfterContent label {display:block;}
#SignupForm_AfterContent .Actions {margin:0 20px; text-align:right;}
#SignupForm_AfterContent .Actions input {width:70px; right:0; cursor:pointer; margin:5px 0; }
#SignupForm_AfterContent .Actions input:focus, #SignupForm_AfterContent .Actions input:hover, #SignupForm_AfterContent .Actions input:active {background:#656565; color:#fff;}
#SignupForm_AfterContent .validation-error {background:#FFD0D0;}
#SignupForm_AfterContent .required, #SignupForm_AfterContent .validation {color:red; display:block;}



/************************
 * SIDEBAR
 ***********************/
.sidebar-vis {position:absolute; top:0; left:0; height:100%; width:250px; background:#e0e0e0;}

#sidebar .secondary-nav-head, #sidebar h2 {display:block; text-transform:uppercase; padding:0 0 0 20px; color:#fff; height:27px; line-height:27px; overflow:hidden; background:#424242; font-size:1em; padding:0 0 0 20px; margin:0 0 30px 0; }
#sidebar h2 {margin:0 0 10px 0; background:#003f68;  font-weight:normal;}
#sidebar #announcement p {padding:0 1em 0 8em; font-size:0.95em; line-height:1.3em; min-height:2.6em;}
#sidebar #announcement h2 {background:#424242; }
#sidebar #announcement span {position:absolute; display:block; left:20px; width:6em; line-height:1em; letter-spacing:-0.3px; padding-top:0.1em;}

#sidebar #share {background:url(../images/asx-logo.png) no-repeat bottom left; height:73px; margin-bottom:10px }
#sidebar #share img {position:absolute; top:40px; left:70px; }
#sidebar #share #msg-delay {position:absolute; font-size:0.9em; color:#b0b0b0; right:20px; top:65px;}
#sidebar #secondary-nav, #sidebar #secondary-nav ul {margin:0; padding:0; list-style:none;}
#sidebar #secondary-nav li {margin:0 20px}
#sidebar #secondary-nav a {display:block; line-height:1.1; margin-bottom:7px; color:#656565;}
#sidebar #secondary-nav a.first {}
#sidebar #secondary-nav a:hover,#sidebar #secondary-nav a:focus,#sidebar #secondary-nav a:active, #sidebar #secondary-nav .current {text-decoration:none; color:#003f68}


/************************
 * STAFF MEMBER
 ***********************/
.staff-member {margin-bottom:20px}
.staff-member h2 {margin-bottom:0;}
.staff-member .staff-qual { text-transform:none; padding-left:10px;font-size:0.8em; }
.staff-member h3 {color:#656565;}

/************************
 * SEARCH FORM AND PAGE
 ***********************/

#search-box {position:absolute; display:block; top:30px; right:20px; width:175px; height:27px;}

#SearchForm_SearchForm {} /* form element */
#Search {float:left;} /* div containing box */
#SearchForm_SearchForm_Search {border:1px solid #656565; padding:4px 5px 3px 5px; width:130px; height:16px; color:#3e3e3e; background:#bfbfbf;} /* input box */
#SearchForm_SearchForm_action_results {float:right;border:1px solid #656565; font-weight:bold; background:#bfbfbf url(../images/search.png) no-repeat center left; width:29px; height:25px; color:#3e3e3e; cursor:pointer;} /* go button */


#search_results {list-style:none; padding:0; margin:0;}
#search_results li {margin:15px 0 0 0; border-bottom:1px dashed #bbbbbb;}
#search_results li p {color:#8b8b8a; margin-left:20px;}
#search_results .search_parent {color:#3e3e3e;}


#PageNumbers {margin:20px 295px 20px 0; padding:10px; background:#e0e0e0; }
.search-current {background:#231f20; color:#fff; padding:3px; }
#search-caption {color:#464646; font-weight:normal;}

/************************
 * Contact Us
 ***********************/

#Form_Form {}
#Form_Form fieldset {border:none; margin:0; padding:0}
#Form_Form form {margin:0; clear:both; position:relative; }
#Form_Form span, #Form_Form_action_process {}
#Form_Form label {display:block; color:#656565;}
#Form_Form div {margin-bottom:5px;}
#Form_Form input, #Form_Form textarea {border:#003f68 1px solid; background:#fff; width:350px; font-size:0.95em; margin-bottom:10px; padding:5px 10px; font-family:Arial, Helvetica, sans-serif; }
#Form_Form textarea {width:450px; }
#Form_Form input:focus, #Form_Form textarea:focus {background:#CEE2EF; }
#Form_Form #honeypot {display:none;}
#Form_Form textarea {font-family:Arial, Helvetica, sans-serif; }
#Form_Form div.field {}
#Form_Form label.left {width:100px;}
#Form_Form label.right {position:absolute; top:0; left:100px; color:#d70023}
#Form_Form div.Actions {}
#Form_Form div.Actions input {width:90px; margin:0 0 0 382px; text-transform:uppercase; font-size:0.95em; text-align:center; background:#e0e0e0;}
#Form_Form .Actions input:focus, #Form_Form .Actions input:hover {background:#656565; color:#fff; cursor:pointer;}

#Form_Form span.message { position:absolute; display:block; width:200px; left:380px; top:1.2em; line-height:22px; color:red;}
#Form_Form .textarea span.message { position:absolute; display:block; width:200px; left:480px; top:1.2em; line-height:22px; color:red;}
#Form_Form div.validationError input, #Form_Form div.validationError textarea {background:#ffe6e6;}


/************************
WYSIWYG EDITOR ALIGNMENT CLASSES
************************/

#content .left {text-align:left;}
#content .center {text-align:center;}
#content .right {text-align:right;}
#content img.center {margin:0 auto 10px auto; display:block}
#content img.right {float:right; margin-left:20px;}
#content img.leftAlone {text-align:left; display:block; margin-bottom:10px;}
#content img.left {float:left; margin-right:20px;}
#content p.MsoNormal, #content p.MsoBodyText {margin: 0;}

/************************
LOGIN
************************/

#MemberLoginForm_LoginForm {border:#003f68 1px solid; background:#fbfbfb;padding:20px; margin:20px; }
#MemberLoginForm_LoginForm fieldset {border:none;}
#MemberLoginForm_LoginForm .middleColumn {display:block; position:absolute; left:100px; top:0; }
#MemberLoginForm_LoginForm .field {min-height:30px;}
#MemberLoginForm_LoginForm input.checkbox {border:none;}
#MemberLoginForm_LoginForm input {border:#000 1px solid; margin-right:10px;}
#MemberLoginForm_LoginForm #Remember {margin-left:100px;}

/************************
TABLES (goes with tables js and table_header.png)
***********************
table {padding: 0;margin: 0 295px 10px 0;}
table caption {padding: 0 6px 5px 0; font-size:1em;font-style:italic;text-align: right;} /* Table caption style 
table th, table thead tr td {font: bold 0.9em;color: #3E3E3E;letter-spacing: 2px;text-transform: uppercase;padding: 6px 6px 6px 12px;background: #cee2ef;} /* Header style 
table tr td {background: #fff;padding: 6px 6px 6px 12px;} /* Row style 
table tr.even td {background: #f7f7f7;color: #3E3E3E;} /* Alternate row style 
table tr.ruled td {background: #cee2ef;color: #003f68;} /* Highlighted row style 
table p {margin:0; } /* Removes margin from paragraphs in tables */

/************************
TABLES (goes with tables js and table_header.png)
************************/
table {padding: 0;margin: 0 295px 10px 0;}
table caption {padding: 5px 6px; font-style:normal;font-size:1em;font-weight:700;text-align: left; background:#003F68; color:#fff;} /* Table caption style */
table th, table thead tr td {font: bold 0.9em;color: #3E3E3E;padding: 6px 6px 6px 12px;background: #f7f7f7; text-align:left;} /* Header style */
table tr td {background: #fff;padding: 6px 6px 6px 12px; text-align:left;} /* Row style */
xtable tr.even td {background: #f7f7f7;color: #3E3E3E;} /* Alternate row style */
table tr.ruled td, table tr.ruled th {background: #cee2ef;color: #003f68;} /* Highlighted row style */
table p {margin:0; } /* Removes margin from paragraphs in tables */


/************************
 * SITEMAP
 ***********************/

ul.tree{width:auto;padding-left:0;margin-left:0;}
ul.tree img{border:none;}
ul.tree,ul.tree ul{padding-left:0;}
ul.tree ul{margin-left:16px;}
ul.tree li.closed ul{display:none;}
ul.tree li{list-style:none;background:url(../images/tree/i-repeater.gif) 0 0 repeat-y;display:block;width:auto;}
ul.tree li.last{list-style:none;background-image:none;}
ul.tree span.a{background:url(../images/tree/t.gif) 0 50% no-repeat;display:block;}
ul.tree span.a.last{background:url(../images/tree/l.gif) 0 50% no-repeat;}
ul.tree span.a.children span.b{background:url(../images/tree/minus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree li.closed span.a.children span.b{background:url(../images/tree/plus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree span.c{margin-left:16px;}
ul.tree span.a.children span.c{background:url(../images/tree/i-bottom.gif) 0 50% no-repeat;}
ul.tree span.a.spanClosed span.c{background-image:none;}
ul.tree a{white-space:nowrap;overflow:hidden;padding:10px 0 10px 18px;line-height:16px;background:url(../images/tree/page-file.png) 0 50% no-repeat;}
ul.tree span.a.children a{background-image:url(../images/tree/page-openfoldericon.png);}
ul.tree span.a.children.spanClosed a{background-image:url(../images/tree/page-foldericon.png);}
ul.tree.unformatted li{background-image:none;padding-left:16px;}
ul.tree.unformatted li li{background-image:none;padding-left:0;}
ul.tree li div{float:right;clear:right;height:1em;margin-top:-26px;}
ul.tree div a{padding:0;background-image:none;min-height:0;height:auto;}
ul.tree li A:link,ul.tree li A:hover,ul.tree li A:visited{color:#111;}
ul.tree li .over{background-color:#f49ac1;}

/************************
LITEBOX
************************/

#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;border:solid #fff 10px; background:#EFEFEF; width: 250px;height: 250px;margin: 0 auto;text-align: left;}
#imageContainer{}

#loading{position:absolute;top:10px; left:10px; text-align: left;line-height: 0;}
#loading img{float:left; margin-right:10px;}
#loading span, #loading a{line-height: 35px; height: 35px; float: left;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}

#bottomNav {margin: 0 auto;line-height: 1.2em; text-align:right; width: 250px;}
#bottomNavClose {color:#fff; font-size:1.2em; font-weight:bold;}
#bottomNavClose:hover {background:none; color:#003f68;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/litebox/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url(../images/litebox/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(../images/litebox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;border:solid #fff 10px; border-top:none; }

#imageData{}
#imageData #imageDetails{text-align: left; }	
#imageData #caption{display: block; font-weight: bold;	padding:0 10px 5px 10px;	}
#imageData #numberDisplay{display: block; padding:3px 10px;	background:#EFEFEF;}

#overlay{ position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	

/************************
 * FOOTER
 ***********************/

#footer {color:#b2b2b2; position:relative; height:4em; margin:0 0 20px 0; padding:0; width:100%; clear:left; overflow:hidden; font-size:0.95em;  z-index:2;}
#footer a {color:#b2b2b2;}
#footer a:hover {}
#footer p {margin:0 20px 0 0; text-align:right; position:absolute; bottom:0; right:0;}