html { 
margin: 0em; 
padding: 0em; 
}

body {
	behavior: url(/top/css/csshover.htc);    /* To fix IE CSS compliance problem. */
margin: 0px;
padding: 0px; 
}


/* Placing agheader in this div#agheader fixes IE problem of displaying AG Header with greater height than its specified 21px. This caused left and right columns to overlap gcheader by a few pixels. 24px displays consistent in browsers.  */

div#agheader {   
display: block;
background: #000000;
width: 100%; 
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}



/*-----  Set "Green" Background Elements -----*/

#header {
background: #245456;
}


.sidecolumnsubhead {
background: #245456; 
}

/*-----  Set "Green" Text Elements -----*/
.sidecolumnsubhead,
h1,
h2,
h3,
#toc h3,
#toc a:link {
color: #245456;
}


div#header {
width: 100%;
height: 100px; 
}


div#header_textonly {    /* For use in the text-only version of site.  */
display: none; 
}


div#footer {
width: 100%;
height: 100px;
padding: 1em 0em 1em 0em;
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: center; 
}

#footer a:link {
text-decoration: underline;
color: #000000; 
}


/*---------- Basic Link Colors ----------*/

a:link,
a:visited,
a:hover,
a:active {
color: #245456;
text-decoration: underline; 
}

div#maincontent a:visited {
color: #7A3377;
}


/*---------- Heading Styles ----------*/

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.25em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

h1 {
font-size: 24px;
font-weight: normal;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

h2 {
font-size: 16px;
font-weight: normal; }

h3 {
font-size: 15px;
border-bottom: 3px #cccccc solid;
text-transform: uppercase;
}

h1+h3,
h1+h4 { 
margin: 30px 0px 0px 0px;
}

h4 {
font: 14px; 
font-weight: bold;
/* text-transform: uppercase; */
}

h5 {
font-size: 14px;
font-weight: normal;
}

h6 {
color: #333333;
font-size: 14px;
font-weight: normal;
font-style: italic;
margin-top: 10px;
}

h2+h3,
h3+h4,
h4+h5,
h5+h6 {
margin-top: 10px;
}

h4+p,
h5+p,
h6+p {
margin-top: 2px;
}

.code {
font-family: Courier, "Courier New", monospace;
font-size: 12px;
color: #666666;
}

/*----- Ordered and Unordered list spacing. -----*/

ul li,
ol li {
margin: .5em 0em 0em 0em; 
}



img.img-left { 
float: left; 
margin-top: 5px;
margin-right: 10px; 
margin-bottom: 2px; 
}

img.img-right { 
float: right; 
margin-left: 10px; 
margin-bottom: 2px; 
display: block; 
}


/*---- Primary Structure ----*/

/* Do not use Absolute Positioning of #mainwrapper as it causes #footer to collapse upward.*/

/*A small gap displays between #mainwrapper and #GCheader. Cause is unknown and does not appear to be controllable by CSS or HTML, apart from Absolute Positioning which is ruled out because of comment above.*/

div#mainwrapper {
margin: 0px 160px 0px 160px;
padding: 0px 0px 0px 0px;
}

/*Font size set in #maincontent to define EM, which is used to control min & max widths (not recognized by IE). As font size increases so does min & max widths.*/

div#maincontent {
z-index: 1;
max-width: 60em;
min-width: 37em;
font: 12px/1.25em Verdana, Helvetica, Arial, sans-serif;
/* Top margin minus to reduce gap (caused by script insertion?)  */
margin: 0px auto 0px auto;   
padding: 0px 4% 0em 4%;
display: block;
}

/*Tables sometimes follow headings that have negative bottom margin. This insure more attractive spacing.*/

div#maincontent table {
margin: 1em 0em 1em 0em;
padding: 0em 0em 0em 0em; 
}

/*Warning: Setting text align justify to styles below breaks AG Header.*/

div#maincontent p, 
div#maincontent li, 
div#maincontent blockquote, 
div#maincontent table, 
div#maincontent th, 
div#maincontent tr, 
div#maincontent td, 
div#maincontent tbody {
font: 12px/1.35em Verdana, Helvetica, Arial, sans-serif;
}


div#maincontent_webapps {  /*Customized width so SysDevel apps do not break out of page.*/
z-index: 1;
font: 12px/1.25em Verdana, Helvetica, Arial, sans-serif;
/* Top margin minus to reduce gap (caused by script insertion?)  */
margin: -5px auto 0px auto;   
padding: 0px 4% 0em 4%;
display: block;
width: 100%; 
}

div#maincontent_webapps p, 
div#maincontent_webapps li, 
div#maincontent_webapps blockquote, 
div#maincontent_webapps table, 
div#maincontent_webapps th, 
div#maincontent_webapps tr, 
div#maincontent_webapps td, 
div#maincontent_webapps tbody {
font: 11px/1.25em Verdana, Helvetica, Arial, sans-serif;
}

div#maincontent-col-wrapper {
width: 100%;
display: block;
}

div.maincontent-col-wrapper {
width: 100%;
display: block;
}

/*<div.Maincontent-col-wrapper-close> should follow <maincontent-col-wrapper> to prevent following content from flowing up into unused space after col-1 or col-2*/

div.maincontent-col-wrapper-close {
width: 100%;
display: block;
clear: both; 
}

div#maincontent-col-1 {
float: left;
display: block;
width: 49%;
margin: 0em 0em 0em 0em;
clear: left;
}

div.maincontent-col-1 {
float: left;
display: block;
width: 48%;
margin: 0em 0em 0em 0em;
clear: left; 
}

div#maincontent-col-2 {
float: right;
display: block;
margin: 0em 0em 0em 0em;
width: 49%; 
}

div.maincontent-col-2 {
float: right;
display: block;
margin: 0em 0em 0em 0em;
width: 48%; 
}

div#col-left {
width: 160px; 
position: absolute;
top: 129px;     /* Sets width for IE (non-IE set by following) */
left: 0px;
z-index: 10;
font: 11px/1.25em Verdana, Helvetica, Arial, sans-serif;
margin: 0px 0px 0px 1px;
display: block;
padding: 0px 0px 20px 0px;
background: #C5BEA6; 
}

/*By default #col-right is hidden with empty AdBlock. Visible by import CSS per page.*/

div#col-right {
margin: 0px 0px 0px 1px;
display: block;
padding: 0px 0px 20px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
z-index: 10; 
width: 160px; 
position: absolute;
right: 0px;
top: 129px;     /* Sets width for IE (non-IE set by following) */
background: #C5BEA6; 
}

/*  Overrides above for non-IE  */
html > body > div#col-left,
html > body > div#col-right { 
top: 124px; 
}

div.agmission {
margin: 0px auto 3px auto;
padding: 0px 0px 0px 0px;
}

/*---- Ad Styles ----*/

div.adblock {  /* AdBlock contains numerous AdBoxes. */
display: block;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.adblock img {
margin: 5px auto 5px auto;
}

div.adbox {  /* AdBox contains individual Ad. */
display: block; 
background-color: #ffffff; 
border: 1px #999999 solid; 
margin: 10px 5px 7px 5px;
padding: 6px 0px 6px 0px; 
}

div.adbox p,
div.adbox ul li,
div.adbox ol li ,
div.adbox table tr td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
padding: 0px 0px 0px 0px;
margin: 5px 6px 5px 6px; 
}

table.flags img {
border: 1px #666666 solid; 
}

div.adbox h2 {
font: 10px; 
}

div.adbox ul li {
margin: 0px 0px 3px -5px;
padding: 0px 2px 0px 2px; 
}

div.adbox ol li {
margin: 0px 0px 3px -15px;
padding: 0px 2px 0px 2px; 
}

div.adbox img {  /* Used for image-only ads. */
margin: 0px auto 0px auto;
}

div.adbox h3 {
text-align: center; 
margin: 0px auto 10px auto;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom: none;
margin: 2px 0px 0px 0px;
text-transform: none; 
}

div.adbox h3 a:link,
div.adbox h3 a:visited,
div.adbox h3 a:hover,
div.adbox h3 a:active {
color: #000000;
text-decoration: none; 
}

div.adbox h3 a:hover {
color: #000000;
text-decoration: underline; 
}


/*---- Search Dialog Styles -----*/

div.colorblock { 
display: block;
background: #245456;
padding: 5px 0px 0px 0px;
}



/*---- Navigation Menu ----*/

#navigation {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 14.5em; 
float: left;
margin-left: 1px;
text-align: left;
display: block;
margin: 0px 0px -15px 1px; 
}

html>body>div#col-left>div#navigation {  /*  Overrides above for non-IE  */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 14.5em; 
float: left;
margin: 0px 0px 0px 1px; 
text-align: left;
display: block;
}

#navigation ul {
margin-left: 0px;
padding-left: 0px;
width: 14.25em;
border: 1px #4F6872 solid;  /* Match hover BGcolor  */
border-bottom: none;
z-index: 20;
background: #245456;
}

#navigation li {
position: relative;
list-style-type: none;
border-bottom: 1px #4F6872 dotted; /* Match hover BGcolor  */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
}

#navigation li:hover { 
background-color: #3f7d7e; 
}

#navigation li.submenu {
background: url(../images/template_elements/Submenu_Arrow_01.gif) no-repeat 95% 50%; 
}

#navigation li.submenu:hover {
background: #3f7d7e url(../images/template_elements/Submenu_Arrow_02.gif) no-repeat 95% 50%; 
}

#navigation li a {
display: block;
text-decoration: none;
width: 14.25em;
padding: .25em 0em .25em .25em;
color: #ffffff; 
}

#navigation>ul a {
width: auto; 
}

#navigation ul ul {
position: absolute;
top: -0.1em;
display: none;
width: 14.25em;
left: 14.5em;     /*  This left margin fixes IE. Other browsers set by next statement.  */
z-index: 30; }

/*Following overrides above statement for non-IE browsers.*/
html>body>div#col-left>div#navigation>ul ul { 
left:158px     /*  14.25em;    Must match width for #navigation ul */
}

#navigation ul.level1 li.submenu:hover ul.level2,
#navigation ul.level2 li.submenu:hover ul.level3 {
display:block
}

#navigation h3 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
text-align: center;
margin: 0px 0px -15px 0px;   /*  Fixes IE. Other browsers set by next statement.  */
padding: 0px 0px 0px 0px; 
text-transform: capitalize; 
border: none; 
}

/*Following overrides above statement for non-IE browsers.*/
html>body>div#col-left>div#navigation h3 {
margin: 0px 0px -10px 0px; 
}


/*---- Secondaray-Navigation Menu ----*/

#secondary-navigation {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
float: left;
margin-left: 1px;
text-align: left;
display: block;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
width: 100%;
}

#secondary-navigation ul {
margin-left: 0px;
padding-left: 0px;
border: 1px #6C8C99 solid;
border-bottom: none;
}

#secondary-navigation li {
position: relative;
list-style-type: none;
border-bottom: 1px #6C8C99 dotted;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 9em;
float: left;
height: 1em;
}

#secondary-navigation li:hover { 
background: #d5d5e5;
}

#secondary-navigation li.submenu {
background-image: url(../images/gclayer/submenu01.gif);
background-position: 95% 50%; 
background-repeat: no-repeat; 
}

#secondary-navigation li.submenu:hover {
background: #d5d5e5 url(../images/gclayer/submenu02.gif) no-repeat 95% 50%; 
}

#secondary-navigation li a {
display: block;
text-decoration: none;
width: 7em;
padding: .25em 0em .25em .5em;
color: #000000; 
}

#secondary-navigation>ul a {
width: auto; 
}

#secondary-navigation ul ul {
position: absolute;
display: none;
width: 11em; 
}

#secondary-navigation ul.level1 li.submenu:hover ul.level2,
#secondary-navigation ul.level2 li.submenu:hover ul.level3 {
display:block
}

#secondary-navigation ul.level3 {
margin: -1.5em 0em 0em 11em; 
}



/*-------- Sub-Navigation Buttons ---------*/

div.subnav {
display: block;
margin: 0em 0em 2em 0em;
border: 1px #e5e8ea solid;
padding: 3px 3px 3px 3px;
background: #f7f8fa; 
}

div.subnav  h1 {    /* In SubNav, demotes h1 to allow sub-page to have an h1 title. */
font-size: 1.25em;
margin: 0em 0em .5em 0em; 
}

div.subnavhomepg div.subnav  h1 {   /* Deletes above style on homepage of sub-section.  */
font-size: 2em;
}

div.subnavhomepg div.subnav {
border-bottom: none; 
}

ul.subnav {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

ul.subnav li {
display: inline;
/* border-right: 1px #868676 solid;
border-bottom: 2px #868676 solid;  */
background: #d5d5d5;
height: 2em;
margin: 0px 3px 25px 0px;
padding: 2px 3px 2px 3px;
border: 1px #d5d5d5 outset; 
}

ul.subnav li a {
font: 10px/3em Verdana, Helvetica, Arial, sans-serif; 
text-decoration: none;
color: #000000; 
}

/* ul.subnav li.first {
padding: .25em .5em .25em .5em; 
}  */

/*------ A-Z Sub-Navigation Buttons ------*/

div.AZsubnav {
display: block;
margin: 0em 0em 2em 0em;
border: 1px #e5e8ea solid;
padding: 3px 3px 3px 3px;
background: #f7f8fa; 
}

div.AZsubnav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.AZsubnav ul li {
display: inline;
/* border-right: 1px #868676 solid;
border-bottom: 2px #868676 solid;  */
background: #d5d5d5;
height: 2em;
margin: 0px 3px 25px 0px;
padding: 2px 3px 2px 3px;
border: 1px #d5d5d5 outset; 
}

div.AZsubnav ul li a {
font: 10px/3em Verdana, Helvetica, Arial, sans-serif; 
text-decoration: none;
color: #000000; 
}

/* ul.AZsubnav li.first {
padding: .25em .5em .25em .5em; 
}  */

/*-------- A-Z Sub-Navigation List --------*/

div.AZlist li {
list-style-type: disc;
margin: .5em 0em 0em 0em; 
}

div.AZlist li.nobullet {
list-style-type: none;
margin: 10px 0px 5px -25px;
padding: 0px 0px 0px 5px;
font: bold 24px Verdana, Arial, Helvetica, sans-serif;
display: block;
border-bottom: 1px #666666 solid; 
}


/*----------- Typography Styles ----------*/

.breadcrumbs {
font: 9px Verdana, Helvetica, Arial, sans-serif;
margin: 1em 0em 1em 0em; 
display: none; 
}

.smalltext {
font: 9px/1.25em Verdana, Helvetica, Arial, sans-serif; 
}

div#maincontent p.interview-question {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px; 
color: #325255;
font-style: italic; 


/*----- Indent 100 Styles -----*/


div.indent-icon60 {
display: block;
clear: both; 
}

div.indent-icon60 h3 {
margin: 0em 0em 0em 0em; 
}

div.indent-icon60 h4 {
margin: 5px 0px 5px 80px;
color: #333333;
clear: none; 
}

div.indent-icon60 h6 {
margin: 5px 0px 5px 80px;
}

div.indent-icon60 h4.indent {
margin: 5px 0px 5px 80px;
}

div.indent-icon60 p {
margin: 5px 0px 1em 80px; 
}

/* Sets for IE browser. Non-IE set by next statement.  */
div.indent-icon60 table.chat {
position: relative;
top: -5px;
left: 80px;
bottom: 0px;
right: 0px;
}

 /* Overrides above for non-IE browsers */
html>body>div#mainwrapper>div#maincontent>div.indent-icon60 table.chat {
position: relative;
top: -10px;
left: 20px;
bottom: 0px;
right: 0px;
}

div.indent-icon60 table.chat tr td {
height: 15px;
padding: 0px 20px 0px 0px; 
}

div.indent-icon60 div.maincontent-col-1 {
float: left;
display: block;
width: 56%;
margin: 0em 0em 0em 0em;
clear: left; 
}

div.indent-icon60 div.maincontent-col-2 {
float: right;
display: block;
margin: 0em 0em 0em 0em;
width: 40%; 
}

/*Overrides paragraph indentation when inside column 2 inside an indent-icon60*/
div.indent-icon60 div.maincontent-col-2 p {
margin: 5px 0px 1em 0px; 
}

div.indent-icon60 ul,
div.indent-icon60 ol {
margin: 5px 0px 1em 100px; 
}

/* The above statement observed all browsers, but specs are for IE only. The following overrides above statement for non-IE. */
html>body>div#mainwrapper>div#maincontent>div.indent-icon60 ul,
html>body>div#mainwrapper>div#maincontent>div.indent-icon60 ol {
margin: 5px 0px 1em 80px; 
}

div.indent-icon60 ul li p {
margin: 5px 0px 1em 0px; 
}

/*  Overrides div.indent-icon60 ul above when in column 2 */
div.indent-icon60 div.maincontent-col-2 ul,
div.indent-icon60 div.maincontent-col-2 ol {
margin: 5px 0px 1em 20px; 
}

/* The above statement observed all browsers, but specs are for IE only. The following overrides above statement for non-IE. */
html>body>div#mainwrapper>div#maincontent>div.indent-icon60 div.maincontent-col-2 ul,
html>body>div#mainwrapper>div#maincontent>div.indent-icon60 div.maincontent-col-2 ol {
margin: 5px 0px 1em -20px; 
}

div.indent-icon60 img {
margin: 3px 0px 5px 0px;
float: left; 
clear: left;
}

div.indent-icon60-imgbox {
margin: 3px 0px 5px 0px;
float: left; 
clear: left;
width: 65px;
display: block; 
}

div.indent-icon60-imgbox img {
margin: 0px 0px 0px 0px;
float: none;
clear: none; 
}

div.indent-icon60-imgbox-right {
margin: 3px 0px 5px 15px;
float: right; 
clear: right;
width: 65px;
display: block; 
}

div.indent-icon60-imgbox-right img {
margin: 0px 0px 0px 0px;
float: none;
clear: none; 
}



/*----- Indent 100 Styles -----*/


div.indent-icon100 {
display: block;
clear: left; 
}

div.indent-icon100 h3 {
margin: 20px 0px 0px 0px;
clear: left;
}

div.indent-icon100 h4,
div.indent-icon100 h5 {
margin: 5px 0px 5px 120px;
clear: none; 
}

div.indent-icon100 h4.indent {
margin: 5px 0px 5px 120px;
}

div.indent-icon100 p {
margin: 5px 0px 1em 120px; 
}

div.indent-icon100 ul,
div.indent-icon100 ol {
margin: 5px 0px 1em 160px; 
}

div.indent-icon100 img {
margin: 10px 0px 5px 0px;
float: left; 
clear: left;
}




/*----- Indent 120 Styles -----*/


div.indent-icon120 {
display: block;
clear: left; 
}

div.indent-icon120 h3 {
margin: 20px 0px 0px 0px;
clear: left;
}

div.indent-icon120 h4,
div.indent-icon120 h5 {
margin: 5px 0px 5px 140px;
clear: none; 
}

div.indent-icon120 h4.indent {
margin: 5px 0px 5px 140px;
}

div.indent-icon120 p {
margin: 5px 0px 1em 140px; 
}

div.indent-icon120 ul,
div.indent-icon120 ol {
margin: 5px 0px 1em 160px; 
}

div.indent-icon120 img {
margin: 10px 0px 5px 0px;
float: left; 
clear: left;
}





div.blockin-left-30 {
margin-left: 30px; 
}

div.blockin-left-60 {
margin-left: 60px; 
}

div.blockin-left {
margin-left: 110px; 
}

div.blockin-left img.align-left{
float: left;
margin: -80px; 
}

td.twocol-spacer {
width: 15px; 
}

div.featurebox,
div.featurebox-borders {
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: left; 
background-color: #ffffff; 
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 5px 0px 5px;
display: block;
clear: both; 
}

/*Class "special" used as a multiple class on "maincontent-col-1" (or 2) and "featurebox" to augment with background and border.*/

div.special {
margin: 0em .25em 1em .25em;
padding: 0em 0em .5em 0em;
border: 1px #3366cc solid;
background: #efefce;
}

div.featurebox-borders { 
border-left: 1px #9a8f81 solid; 
border-right: 1px #9a8f81 solid; 
border-bottom: 1px #9a8f81 solid; 
}

div.featurebox img,
div.featurebox-borders img {
border: 1px #d5d5d5 solid;
padding: 2px 2px 2px 2px;
}

div.featurebox p,
div.featurebox-borders p {
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px; 
}

div.featurebox p.indent,
div.featurebox-borders p.indent {
margin: 5px 5px 5px 75px; 
padding: 0px 0px 0px 0px;
}

div.featurebox ul li,
div.featurebox-borders ul li {
margin: 0px 0px 3px -10px; 
}

div.featurebox ul.indent {
margin: 0em .5em 1em 95px;  /* Used by IE */
display: block; 
}

/* The above statement observed all browsers, but specs are for IE only. The following overrides above statement for non-IE. */

html>body>div#mainwrapper>div#maincontent>div.featurebox ul.indent {
margin: 0em .5em 1em 55px; /* Used by non-IE */
display: block; 
}

html>body>div#mainwrapper>div#maincontent>div.maincontent-col-wrapper>div.maincontent-col-1>div.featurebox ul.indent {
margin: 0em .5em 1em 45px; /* Used by non-IE */
display: block; 
}

div.featurebox h3,
div.featurebox-borders h3 {
background: #9a8f81; 
border-top: 2px #d3d3d3 solid;
border-bottom: 1px #876d58 solid;
font: normal 14px/1em Arial, Helvetica, sans-serif;
color: #ffffff;
text-transform: capitalize;
padding: .3em 0em .3em .5em;
margin: 0px -5px .4em -5px;   /* Negative Left/Right margins push H3 to borders of feature box.   */
clear: left;
}

div.featurebox h3 a:link,
div.featurebox h3 a:visited,
div.featurebox h3 a:hover,
div.featurebox h3 a:active { 
text-decoration: underline; 
color: #ffffff; 
}

div.block h3.indent {
margin-left: 75px; 
}

div.featurebox h3 img {
border: none;
padding: 0px 2px 0px 2px;
margin: 0px 0px -2px 0px;
display: inline; 
}

div.featurebox h4 {
margin: 15px 0px -4px 0px;
padding: 0px 0px 0px 0px;
text-transform: none;
clear: left;
color: #4f4f4f; 
}

div.featurebox .featurebox-subheader {
background: #efefce;
display: block;
padding: 2px 4px 2px 4px; 
}

div.featurebox img.align-right {
float: right; 
margin-left: +1em; 
}

div.featurebox img.align-left {
float: left; 
margin-right: 20px;
} 

div.newsenginehack table {
margin: 0em 0em 0em 10px; 
}

.box-align-right {
float: right;
margin: 1em 0em .5em 1.5em;
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
padding: 1em 1em 1em 1em;
background: #ffffff; 
}

p.button {
margin: .25em .25em 1em .25em; 
}

a.button:link, 
a.button:visited {
color: #000000;
font: 600 1em Arial, Helvetica, sans-serif;
background: #dfdfdf;
display: inline-block;
margin: .25em .25em 1em .25em; 
padding: .25em .5em .25em .5em;
text-decoration: none;
border-top: 1px #e8e8e8 solid;
border-left: 1px #e8e8e8 solid;
border-bottom: 1px #666666 solid;
border-right: 1px #666666 solid; 
}

/*Hotbutton used on "Donate Online" buttons. Hurricane News*/

p.hotbutton {
margin: .25em .25em 1em .25em; 
}

a.hotbutton:link, 
a.hotbutton:visited {
color: #ffffff;
font: 600 1em Arial, Helvetica, sans-serif;
background: #ee0000;
display: inline-block;
margin: .25em .25em 1em .25em; 
padding: .25em .5em .25em .5em;
text-decoration: none;
border: 1px #7f0000 solid;
}

div.sidebar-index,
div.sidebar {
border: 1px #3366cc solid;
background: #efefce;
}

div.sidebar-index {   /* Used for listing Sidebar links with optional image */
display: block; 
float: right; 
padding: 15px; 
width: 200px; 
margin-left: 1em; 
margin-bottom: .5em; 
}

div.sidebar {   /* Used for sidebar articles. Width specified. */
display: block;
width: 45%;
min-width: 200px; 
margin: 1em 0em 1em 1.5em;
padding: 1em 1em 1em 1em; 
float: right;
font: 10px Verdana, Helvetica, Arial, sans-serif;
}

div.sidebar-index ul li,
div.sidebar-index ol li,
div.sidebar ul li {
margin-left: -15px; 
}

div.sidebar h1 {
font-size: 18px;
clear: left;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.sidebar img.align-right {
float: right; 
margin-left: +1em; 
}

div.sidebar img.align-left {
float: left; 
margin-right: +1em; 
}
 
div.sidebar div#cut-out {
margin: 15px 0px 0px -15px; 
}
 
div.sidebar div#cut-out ul.level2 {
margin: 5px 0px 0px 15px;   /* Sets for ALL browsers, especially IE */
}

/* Overrides above statement for non-IE browsers */
html>body>div#mainwrapper>div#maincontent>div.sidebar>div#cut-out>ul.level1>li.submenu#about-us>ul.level2 {
margin: 5px 0px 0px -20px; 
}

 /* Sideblock used for images with captions and other content. Width set by content. */

div.sideblock-left { 
display: block; 
float: left; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: .5em .5em .5em 0em;
padding: .5em .5em .5em 0em; 
}

div.sideblock-right { 
display: block; 
float: right; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 5px 0px 5px 20px;
padding: 5px 0px 0px 5px; 
}

div.sidebar div.sideblock-right { 
display: block; 
float: right; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 5px 0px 5px 20px;
padding: 5px 0px 0px 5px; 
}

div.sideblock-right-fill { 
display: block; 
float: right; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 5px 0px 5px 20px;
padding: 10px 5px 10px 5px; 
border: 1px #3366cc solid;
background: #efefce;
}

div.sideblock-center-fill { 
display: block; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 5px 0px 5px 0px;
padding: 10px 5px 10px 5px; 
border: 1px #3366cc solid;
background: #efefce;
}

div.sideblock-left h1,
div.sideblock-right h1,
div.sideblock-right-fill h1,
div.sideblock-center-fill h1 {
font-size: 18px;
clear: left;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

/*----- Author Information Box Styles ------*/

div#author-info {
display: block;
clear: both;
border-top: 1px #999999 solid;
margin: 20px 0px 30px 0px;
padding: 20px 0px 0px 0px;
min-height:125px;          /* These height attributes force IE to push body content to at least height of left and right columns. */
height: auto !important;
height: 120px;
}

div#author-info img {
float: left;
margin: 0px 0px 30px 0px; 
padding: 0px 20px 0px 0px; 
}

div#author-info p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
width: 70%; 
color: #333333; 
margin: 0px 0px 0px 120px;
padding: 0px 0px 0px 0px; 
}

div#author-info p.indent {   /* Assumes 100px wide image used in article intro */
margin: 0px 0px 0px 80px;
padding: 0em 0em 0em 0em; 
}

div.sidebar div#author-info {
display: block;
border-top: 1px #999999 solid;
margin: 20px 0px 30px 0px;
padding: 20px 0px 0px 0px;
}

div.sidebar div#author-info img {
float: left;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}

div.sidebar div#author-info p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #000000; 
margin: 0px 0px 0px 105px;
padding: 0px 0px 0px 0px; 
}



/*----- Endnotes Styles -----*/

.endnotes {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

div.endnotes {
display: block;
clear: left; 
}

div.endnotes h3 {
font: bold 12px Verdana, Arial, Helvetica;
color: #000000;
border: none; 
}

div.endnotes p {
font: 10px Verdana, Arial, Helvetica;
}


/*-------- Return Link Styles (atop target pages) ---------*/

/* -----
div.return {
display: block; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.return ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.return ul li {
display: inline;
background: #efefce;
height: 2em;
margin: 0px 20px 25px 0px;
padding: 2px 3px 2px 3px;
border: 1px #d5d5d5 outset;
}

div.return ul li a:link,
div.return ul li a:visited,
div.return ul li a:hover,
div.return ul li a:active {
display: block; 
font: 10px/3em Verdana, Helvetica, Arial, sans-serif; 
color: #000000;
text-decoration: none;
border: none; 
}


div.return ul li a:hover { 
border: 1px #cccccc solid;
color: #ffffff;
background: #245456; 
}
----- */


div.return ul {
display: block;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

div.return ul li {
display: inline; 
}

div.return a { 
margin: 0px 20px 0px 0px;
padding: 5px 7px 5px 7px;
border: 1px #cccccc solid;
font: 9px Verdana, Helvetica, Arial, sans-serif;
color: #4b4b4b;
text-decoration: none;
background: #ffffff; 
}

div.return a:hover { 
border: 1px #cccccc solid;
background: #efefce; 
}

div.return ul li.return-comment a {
background: #efefce; }


/*-------- Email this Page Styles ---------*/

div.emailthispage a { 
display: block; 
float: right; 
margin: .5em 0em .5em .5em;
padding: .5em .5em .5em .5em;
border: 1px #cccccc solid;
font: 9px Verdana, Helvetica, Arial, sans-serif;
color: #4b4b4b;
text-decoration: none;
background: #ffffff; 
}

div.emailthispage a:hover { 
border: 1px #cccccc solid;
color: #ffffff;
background: #245456; 
}


.hide {
display: none;
}

@media print {
.noprint {display: none;}
}


/*Styles migrated from agol.css and fixes for AGCD until CF hardcoding changed. - May need to be deleted or renamed to fit this style sheet.*/

.border1px-formfill {
border: 1px #999999 solid;
background-color: #f5f5e0;
}

table.border1px-formfill td {
border-right: 1px #999999 solid;
border-bottom: 1px #999999 solid;
}


/*----- Used to prevent content below from wrapping upward. ------*/
div.close {
clear: both;
display: block;
width: 100%; 
}


/* Experimental outlining. Works but mproper display in some browsers. PC IE is okay. 

div.outline ol { 
font-family: Georgia, "New Century Schoolbook", Times, serif; 
font-size: 14px; 
color: #000000; 
}

div.outline ol ol { 
display: list-item; 
list-style-type: upper-alpha; 
list-style-position: inside; 
}

div.outline ol ol ol { 
display: list-item; 
list-style-type: decimal; 
list-style-position: inside; 
}

*/

.outline2 {
margin-left: +25px;
}

ol.outl2 {
display: list-item;
list-style-type: upper-roman;
}

.outline3 {
margin-left: +50px;
}

.outline4 {
margin-left: +75px;
}

.outline5 {
margin-left: +100px;
}



/* ----------------------------*/
/*  CAM - News Bay        */
/* ----------------------------*/

div.news {
display: block;
/*height: 300px;
overflow: auto; */
}

/*
div.news ul {
display: block;
margin: 0px 0px 0px 0px;
}
*/

div.news div#RSS_Listing_Body ul li {
list-style-type: none;
margin: -10px 0px 0px -30px;
}

div.news>div#RSS_Listing_Body>ul>li {
list-style-type: none;
margin: 0px 0px 0px -35px;
}
 
div.news div#RSS_Listing_Body ul li a {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.25em;
margin: 0px 0px 0px 0px;
text-transform: none;
color: #245456;
font-weight: bold; 
}


div.news ul li p {
margin: 0px 0px 5px 0px;
}

div.news div#RSS_Detail_Body h2.RSS_ArticleTitle {
font-size: 24px;
font-weight: normal;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.news div#RSS_Detail_Body,
div.news div#RSS_Detail_Keywords {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

div.news div#RSS_Detail_Body h2.RSS_ArticleTitle {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.news div#RSS_Detail_Body h6 {
margin: 3px 0px -10px 0px;
padding: 0px 0px 0px 0px; 
}




/* ----------------------------*/
/*  CAM - News Bay        */
/* ----------------------------*/

div.relevanttopics {
display: block;
/*height: 300px;
overflow: auto; */
}

/*
div.relevanttopics ul {
display: block;
margin: 0px 0px 0px 0px;
}
*/

div.relevanttopics div#RSS_Listing_Body ul li {
list-style-type: none;
margin: -10px 0px 0px -30px;
}

div.relevanttopics>div#RSS_Listing_Body>ul>li {
list-style-type: none;
margin: 0px 0px 0px -35px;
}
 
div.relevanttopics div#RSS_Listing_Body ul li a {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.25em;
margin: 0px 0px 0px 0px;
text-transform: none;
color: #245456;
font-weight: bold; 
}


div.relevanttopics ul li p {
margin: 0px 0px 5px 0px;
}

div.relevanttopics div#RSS_Detail_Body h2.RSS_ArticleTitle {
font-size: 24px;
font-weight: normal;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.relevanttopics div#RSS_Detail_Body,
div.relevanttopics div#RSS_Detail_Keywords {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

div.relevanttopics div#RSS_Detail_Body h2.RSS_ArticleTitle {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.relevanttopics div#RSS_Detail_Body h6 {
margin: 3px 0px -10px 0px;
padding: 0px 0px 0px 0px; 
}


/* ----------------------------*/
/*  CAM - News Article Detail Page  */
/* ----------------------------*/

h2.RSS_ArticleTitle {
font-size: 24px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}


/*
form .stylechoice_full {
display: none;
}

form .stylechoice_text {
display: block;
}*/


.stylechoicebutton {
font: 18px Verdana, Helvetica, Arial, sans-serif; 
}

.hidden {
visibility: hidden;
}




/* ----------------------------*/
/*  CAM -  Form                             */
/* ----------------------------*/

div.CAMForm {
display:block;
}

div.CAMForm h2 {
font-size: 24px;
font-weight: normal;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}

div.CAMForm ul.fields li {
list-style-type: decimal;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px; 
}

div.CAMForm li.subject ul.choices li {
margin-bottom: 0px;
}

div.CAMForm ul.fields li.submit {
list-style-type: none; 
}

div.CAMForm ul.choices li {
list-style-type: none;
display: inline; 
}

div.CAMForm .text_area {
width: 500px;
height: 80px;
display: block; 
}
}