﻿body { margin: 0; }

body, td, input { font-family: Arial, Sans-Serif; }

input.textBox { border: solid 1px #4483b1; font-size: 11px; padding: 1px; }

hr { background-color: #dedede; border: 0px; height: 1px; margin: 10px 0px 10px 0px; }

a { color: #145fb8; text-decoration: none; }
a.iconReadMore { background: transparent url(fArrow.gif) no-repeat 0 1px; font-size: 11px; font-weight: normal !important; padding-left: 18px; height: 14px; }
a.iconPrint { background: transparent url(print.gif) no-repeat 0 1px; font-size: 11px; font-weight: normal !important; padding-left: 18px; height: 14px; }
a.iconBack { background: transparent url(bArrow.gif) no-repeat 0 1px; font-size: 11px; font-weight: normal !important; padding-left: 18px; height: 14px; }

div.clear { clear: both; display: block; font-size: 0px; margin: 0; padding: 0; visibility: hidden; overflow: hidden; height: 0px; width: 0px; }
div.clearpush { clear: both; display: block; font-size: 0px; margin: 0; padding: 0; overflow: hidden; height: 1px; width: 1px; }

/* Page body text */
#Content { margin-right: 24px; font-size: 0.75em; }
#Content h1 { font-size: 20px; font-weight: normal; margin: 0; padding: 0; }
#Content div.date { margin-bottom: 15px; font-size: 1em !important; }
#Content div.preamble { font-style: italic; margin-bottom: 15px; }
#Content div.preamble p { margin: 0; padding: 0; }
#Content div.text { margin-bottom: 15px; }
#Content div.text h2 { font-weight: bold; margin-bottom: 0px; font-size: 1em !important; }
#Content div.text p { margin: 0px 0px 15px 0px; }

#Content div.spacing { height: 3px; margin: 6px 0px 6px 0px; display: block; background-color: #f9b35e; overflow: hidden; font-size: 0px; }

#Content div.list div.listItem { margin-bottom: 20px; }
#Content div.list div.listItem div.date { margin-bottom: 0px; }
#Content div.list div.listItem div.link a { font-weight: bold; }
#Content div.list div.listItem div.preamble { font-style: normal; }

#Content #Tools { height: 30px; font-size: 0px; overflow: hidden; }
#Content #Tools div.left { float: left; }
#Content #Tools div.right { float: right; }

#Content div.pager { margin-top: 0px; margin-bottom: 20px; }
#Content div.pager ul { margin: 0px; padding: 0px; }
#Content div.pager li { display: inline; padding: 0px 4px 0px 0px; }
#Content div.pager li a { font-weight: bold; }
#Content div.pager li.current { color: #979797; font-weight: bold; text-decoration: underline; }

#Content div.xformSwitch { margin-top: 10px; margin-bottom: 15px; }

#Content div.siteMap { margin: 20px; }
#Content div.siteMap tr.topItem { font-weight: bold; }

#Content div.search input.textBox { width: 170px; border-color: #999999; }
#Content div.search input.imageButton { margin-left: 3px; vertical-align: top; }
#Content div.search div.list div.link img { vertical-align: top; }
#Content div.search div.legend { font-weight: bold; margin-bottom: 15px; }
#Content div.search div.nohits { font-weight: bold; }

#Content div.footer { background: url(pageContentFooterBg.gif) repeat-x 0 0; height: 60px; color: #555555; font-size: 0.95em; }
#Content div.footer div.padding { padding-top: 18px; }
/* End Page body text */


/* Begin Layout */
#OuterDocument { width: 936px; margin-left: auto; margin-right: auto; background: url(documentBg.gif) repeat-y 0 0; }
body.nobackground #OuterDocument { background: url(wideDocumentBg.gif) repeat-y 0 0; }
body.startpage #OuterDocument { background: url(startageDocumentBg.gif) repeat-y 0 0; }
body.sitemap #OuterDocument { background: url(sitemapDocumentBg.gif) repeat-y 0 0; }

#Document { width: 930px; margin-left: auto; margin-right: auto; }

#Head { background: url(headBg.gif) no-repeat 0 0; height: 79px; }
#Head #Logo { width: 270px; float: left; height: 79px; }
#Head #Logo a { width: 270px; height: 79px; display: block; }
#Head #Logo span { display: none; }
#Head .logout { position:absolute; width:62px; height:21px; display:block; margin:5px 0 0 853px; padding:0; }

#Head #QuickSearch { width: 200px; float: right; margin-top: 28px; font-size: 11px; color: #d4d4d4; }
#Head #QuickSearch input.textBox { width: 120px; }
#Head #QuickSearch input.imageButton { margin-left: 3px; vertical-align: top; }

#TopMenu { background: url(topMenuBg.gif) repeat-x 0 0; height: 30px; }
#TopMenu div.item, #TopMenu div.separator { float: left; height: 29px; }
#TopMenu div.item div.padding { padding: 9px 14px 0px 14px; }
#TopMenu div.selected { background: url(topMenuItemSelectedBg.gif) repeat-x 0 0; }
#TopMenu div.selected div.padding { background: url(arrow.gif) no-repeat 4px 13px; }
#TopMenu div.item a { font-size: 12px; font-weight: bold; color: #242424; }
#TopMenu div.separator { background: url(topMenuItemSeparator.gif) no-repeat 0 0; width: 2px; overflow: hidden; font-size: 0px; display: block; }
#TopMenu img.flag { margin-left: 4px; }

#LeftMenu { font-size: 12px; }
#LeftMenu a { color: #000000; }
#LeftMenu div.head { background: url(leftMenuHead.gif) no-repeat 0 0; height: 34px; color: #333333; font-weight: bold; }
#LeftMenu div.head div.padding { padding: 4px 48px 0px 22px; }
#LeftMenu div.selected a { font-weight: bold; }
#LeftMenu div.indent0 { background: url(leftMenuItem0.gif) repeat-y 0 0; }
#LeftMenu div.indent0 div.padding { padding: 4px 48px 4px 22px; }
#LeftMenu div.indent1 { background: url(leftMenuItem1.gif) repeat-y 0 0; font-size: 11px; }
#LeftMenu div.indent1 div.padding { padding: 5px 48px 5px 32px; }
#LeftMenu div.indent2 { background: url(leftMenuItem2.gif) repeat-y 0 0; font-size: 11px; }
#LeftMenu div.indent2 div.padding { padding: 5px 48px 5px 42px; }
#LeftMenu div.separator { background: url(leftMenuSeparator.gif) no-repeat 0 0; height: 1px; font-size: 0px; overflow: hidden; display: block; }
#LeftMenu div.footer { background: url(leftMenuFooter.gif) no-repeat 0 0; height: 90px; display: block; overflow: hidden; }

div.contentPush { height: 27px; }

#Grid { width: 930px; }
#Grid #LeftColumn { width: 220px; float: left; }
#Grid #MidColumn { float: left; width: 490px; }
#Grid #RightColumn { width: 220px; background-color: #f0f0f0; float: right; }
#Grid #MidAndRightColumn { float: left; width: 710px; }
#Grid #StartPageColumn { float: left; width: 710px; }

#StartPage div.module { font-size: 12px; width: 236px; float: left; }
#StartPage div.module div.padding { padding: 10px 20px 18px 40px; }
#StartPage div.moduleSeparator { background: url(moduleSeparator.gif) no-repeat 0 0; float: left; width: 1px; height: 54px; font-size: 0px; overflow: hidden; display: block; }

#Foot { background-color: #dedede; height: 37px; color: #555555; font-size: 11px; }
#Foot div.padding { padding: 12px 0px 0px 39px; }
/* End Layout */

#registration-form td {
    vertical-align: top;
    padding: 0 0 10px;
}

#registration-form label {
    margin: 0 10px 0 0;
}

#registration-form .required {
    font-weight: bold;
}

/* Begin Modules */

div.greyModule { background: url(moduleGradient.gif) repeat-x 0 0; font-size: 11px; color: #555555; }
div.greyModule div.minheightpush { float: left; width: 1px; display: none; height: 157px; overflow: hidden; font-size: 0px; }
div.greyModule div.padding { float: left; padding: 30px 24px 30px 23px; overflow: hidden; }
div.greyModule a { font-weight: bold; }
div.greyModule h1 { font-size: 18px; font-weight: normal; color: #ffffff; margin: 0px 0px 15px 0px; }
div.greyModule div.listItem { margin-bottom: 13px; }
div.greyModule div.date { color: #555555; }

div.blueModule { background-color: #4d88c4; font-size: 12px; color: #ffffff; }
div.blueModule div.padding { padding: 30px 0px 30px 24px; }
div.blueModule h1 { font-size: 18px; font-weight: normal; margin: 0px 0px 15px 0px; }
div.blueModule a { color: #ffffff; }
div.blueModule ul { padding-left: 15px; margin-left: 0px; margin-bottom: 0px; padding-bottom: 0px; }

/* End Modules */

.required-asterix { color: #FF0000; }

@media print
{
	#Content div.footer { display: none; }
	#Content #Tools { display: none; }
	#Content div.spacing { display: none; }
	#Content h1 { margin-bottom: 15px; }
	
	div.contentPush { display: none; }

	#OuterDocument { background: none; width: 100%; }
	#Document { width: 100%; }
	#Head { display: none; width: 0px; height: 0px; }
	#TopMenu { display: none; width: 0px; height: 0px; }
	
	#Grid { width: 100%; }
	#Grid #LeftColumn { display: none; width: 0px; overflow: hidden; font-size: 0px; }
	#Grid #MidColumn { width: 100%; }
	#Grid #RightColumn { display: none; width: 0px; overflow: hidden; font-size: 0px; }
	#Grid #MidAndRightColumn { width: 100%; }
	#Foot { width: 100%; background: none; margin-top: 15px; }
	#Foot div.padding { padding: 12px 0px 0px 0px; }
}
