/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button
{
    margin: 0;
    padding: 0;
    border: 0;
}
body
{
	text-align: left;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Nina, sans-serif;
	font-size: 0.78em;
}
		
A:link
{
    color: #265CC0;
    text-decoration: none;
}
A:visited
{
    color: #265CC0;
    text-decoration: none;
}
A:active
{
    color: #265CC0;
    cursor: hand;
    text-decoration: none;
}
A:hover
{
    color: #4D9FE1;
    cursor: hand;
    text-decoration: "underline";
}
		
A.bodyLink:link
{
    color: #265CC0;
    text-decoration: none;
    font-weight: bold;
}
A.bodyLink:visited
{
    color: #265CC0;
    text-decoration: none;
    font-weight: bold;
}
A.bodyLink:active
{
    color: #265CC0;
    cursor: hand;
    text-decoration: none;
    font-weight: bold;
}
A.bodyLink:hover
{
    color: #4D9FE1;
    cursor: hand;
    text-decoration: "underline";
    font-weight: bold;
}
		
A.topLink:link
{
    color: #163A6E;
    text-decoration: none;
    font-weight: normal;
}
A.topLink:visited
{
    color: #163A6E;
    text-decoration: none;
    font-weight: normal;
}
A.topLink:active
{
    color: #163A6E;
    cursor: hand;
    text-decoration: none;
    font-weight: normal;
}
A.topLink:hover
{
    color: #4D9FE1;
    cursor: hand;
    text-decoration: "underline";
    font-weight: normal;
}


h1, h2
{
    color: #FFFFFF;
}

h3, h4, h5, h6
{
    color: #666666;
}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1
{
    margin: 0;
    font-size: 1.3em;
    font-weight: bold;
}
h2
{
    margin: 0.5em 0;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: capitalize;
    font-family: Verdana, Tahoma;
}
h3
{
    margin: 0.5em 0;
    font-size: 1.15em;
    font-weight: bold;
}
h4
{
    margin: 0.5em 0;
    font-size: 1.1em;
    font-weight: bold;
}
h5
{
    margin: 0.5em 0;
    font-size: 1em;
    font-weight: bold;
}
h6
{
    margin: 0.5em 0;
    font-size: 0.9em;
    font-weight: bold;
}
p
{
    margin: 1em 0;
    line-height: 1.5em;
}

a
{
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

#wrapper
{
    width: 770px;
    margin: 0 auto;
    border: 1px solid #FFFFFF;
    padding-bottom: 4px;
    text-align: left;
    background-color: #ffffff;
    background-repeat: repeat-y;
    background-position: left top;
}
* html .wrapper
{
    /*** IE5.x/win box model fix ***/
    width: 772px;
    width: 770px;
}
#header
{
    position: relative;
    height: 70px;
    border-bottom: 1px solid #000000;
    background-color: #FFFFFF;
}
#logo
{
    position: absolute;
    top: 20px;
    left: 15px;
}
#banner
{
    text-align: left;
    margin: 0 152px;
}
#search
{
    position: absolute;
    bottom: 5px;
    right: 5px;
}
#mainnav
{
    padding: 0 152px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #000000;
}

* html #mainnav tr
{
    height: 1.4em;
}

#mainnav .item
{
    padding: 2px 7px;
    background-color: #FFFFFF;
    color: #333333;
    font-weight: bold;
}

* html #mainnav .item
{
    padding: 0 20px;
}

#mainnav .selected
{
    color: #3300cc;
}

#mainnav .hover
{
    color: #333333;
    background-color: #F2F2F2;
}
#contentwrapper
{
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 468px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-left: 150px; /*** Critical left col dimension value ***/
    border-left: 1px solid #FFFFFF; /*** Critical left divider dimension value ***/
    border-right: 1px solid #FFFFFF; /*** Critical right divider dimension value ***/
}
* html #contentwrapper
{
    /*** IE5.x/win box model fix ***/
    width: 470px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    width: 468px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper
{
    float: left;
    width: 468px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-right: -1px; /*** Static fix ***/
}
#centercolumn
{
    float: right;
    width: 468px; /*** Critical left and right col/divider dimension value (moves inversly) ***/ /* \*/
    margin-left: -1px; /* Hidden from IE-mac */
    padding-top: 30px;
}
#breadcrumbs
{
    position: absolute;
    top: 5px;
    left: 25px;
    font-family: Verdana, Arial, Helvetica, Nina, sans-serif;
    font-size: 0.9em;
}
#breadcrumbs a
{
    color: #3300cc;
    text-decoration: underline;
}

#breadcrumbs a:hover
{
    text-decoration: none;
}

#copy a
{
    color: #3300cc;
}

#copy .container
{
    margin: 5px;
    padding: 0 20px 15px 20px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
}
	
/* \*/
* html #copy .container
{
    height: 1%;
}
/* */

#copy img, #rightcolumn img
{
    border: 1px solid #993300 !important;
}

#copy .teaser
{
    color: #999999;
    font-size: 0.9em;
    font-weight: bold;
}
#copy .container h1, #copy .container h2
{
    margin: 0 -20px;
    padding: 0 20px 2px 20px;
    background-color: #333399;
} 

#copy td, #copy th
{
    padding: 0.2em 0.5em;
}

#copy td
{
    padding: 0.2em 0.5em;
    font-family: Verdana, Arial, Helvetica, Nina, sans-serif;
}

.txtBox
{
    border: 1px solid #666666;
}

#copy fieldset
{
    padding: 1em;
    margin-bottom: 1em;
    border: 1px dotted #000000;
}

#copy legend
{
    color: #666666;
    background-color: #FFFFFF;
}

* html #copy legend
{
    padding: 0.5em;
}

div.readmore
{
    text-align: right;
    font-size: 0.9em;
}

#leftcolumn
{
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 152px; /*** Critical left col/divider dimension value ***/
    padding-top: 30px;
    margin-left: -151px; /*** Critical left col/divider dimension value ***/
    padding-top: 150px;
}

* html #leftcolumn
{
    float: left;
    padding-top: 25px;
}

* > html #leftcolumn
{
    width: 151px;
}   /*** Fix only for IE/Mac ***/

#leftcolcontainer
{
    width: 150px;
}    /*** Critical left col dimension value ***/

#subnav
{
    overflow: hidden;
    margin: 0 0 40px 2px;
}

* html #subnav tr
{
    height: 1.4em;
}

#subnav .item
{
    padding: 2px 7px;
    background-color: #FFFFFF;
    color: #333333;
}

* html #subnav .item
{
    padding: 0 20px;
}

#subnav .selected
{
    background-color: #666666;
    color: #FFFFFF;
}
#subnav .hover
{
    color: #333333;
    background-color: #F2F2F2;
}
#rightcolumn
{
    float: left;
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 152px; /*** Critical right col/divider dimension value ***/
    margin-right: -150px; /*** Critical right col/divider dimension value ***/
    margin-left: -1px; /*** Static fix ***/
    padding-top: 30px;
}

/* \*/
* html #rightcolumn
{
    margin-left: 0px;
    margin-right: -500px;
    padding-top: 25px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer
{
    /* \*/
    width: 150px; /* Hidden from IE-Mac */ /*** Critical right col dimension value ***/
    margin-left: 3px; /*** Critical right divider dimension value ***/
}

/* \*/
* html #rightcolcontainer
{
    float: right;
    margin-left: 2px;
    margin-left: 0px;
}
/* */

.sidebarcontainer
{
    margin: 5px;
    padding: 6px;
    border: 1px solid #B9B9B9;
    background-color: #FFFFFF;
    font-size: smaller;
    font-family: Verdana, Arial, Helvetica, Nina, sans-serif;
    font-size: 0.9em;
}

/* \*/
* html .sidebarcontainer
{
    height: 1%;
}
/* */

.sidebarcontainer a
{
    color: #3300cc;
}

.sidebarcontainer li
{
    list-style-type: none;
}

#footer
{
    clear: both;
    margin: 1px 5px;
    padding: 2px 20px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-size: 0.9em;
}
#footer a
{
    margin: 1px 5px;
    color: #993300;
}
.button
{
    border: 1px solid #B8B8B8;
    color: #FFFFFF;
    background-color: #AB1414;
    font-size: 1em;
}
.imgfloatright
{
    float: right;
    display: inline;
    margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft
{
    float: left;
    display: inline;
    margin: 0.25em 1em 0.25em 0;
}
@media print {	
	body
    {
        font-size: 11pt;
        line-height: 13pt;
        background: #FFFFFF !important;
    }	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn
    {
        width: auto !important;
        margin: auto !important;
    }

	#wrapper, #contentwrapper
    {
        border: none;
    }

	#mainnav
    {
        padding: 0;
        text-align: left;
    }

	#leftcolumn, #rightcolumn, #search
    {
        display: none;
    }

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer
    {
        background: transparent;
    }
	#centercolumn
    {
        float: none;
        margin: 0 1em 0 2.5em;
    }	

	#breadcrumbs
    {
        position: static;
    }

	#copy .container
    {
        margin: 0;
        padding: 0 !important;
        border-style: none !important;
        border-width: 0;
    }
	#footer
    {
        border-style: none !important;
        border-top: 1px solid #000000;
    }
}