/* CSS Document gor SARS */

/* BEGIN ELEMENT STYLES ####################################################### */
html, body, .wrapper  {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}

.wrapper {
	background-image: url(images/headerBackgroundTile.gif);
	background-repeat: repeat-x;
}

h1 {
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h2 {
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h3 {
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h4 {
	color: #013976;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	padding-left: 6px;
}

h5 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	padding-left: 6px;
}

td {
	color: #6c6c6c;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
}

p {
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	color: #004f87;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	color: #004f87;
	text-decoration: underline;
}

ol {
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ul {
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img {
	border: 0;
}

hr {
	border-bottom: #6c6c6c 1px solid;
	height: 1px;
}

span.caption {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* END ELEMENT STYLES ####################################################### */

/* BEGIN THEME STYLES ####################################################### */
.topBanner {
	background-color: #005087;
	height: 52px;
}

.topBannerAdvanced {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 15px;
	text-align: right;
}
.topBannerAdvanced a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
.topBannerAdvanced a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.topBannerLinks {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 15px;
}
.topBannerLinks a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.topBannerLinks a:hover {
	color: #ffffff;
	text-decoration: none;
}

/*.topNavBanner {
	background-color: #008cc0;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 26PX;
}*/

.SearchForm {
	margin-bottom: 0px;
}



.subNavSpacerRow {
	background-image: url(images/subNavSpacerRowBg.gif);
	background-repeat: repeat-x;
	height: 13px;
}

.quickLinksBlock {
	background-color: #a0bbe2;
}
.quickLinksBlock p {
	margin-bottom: -15px;
	padding-left: 4px;
}
.quickContacts {
	background-color: #dbdbdb;
}
.quickContacts p {
	margin-bottom: -15px;
	padding-left: 4px;
}
p.darkBlueContacts {
	color: #004f87;
}
p.midBlueContacts a {
	color: #006ea7;
}



/* BEGIN NAVIGATION STYLES ################################################## */
.primNav {
	background-color: #013976;
	color: #fffcfd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*vertical-align: middle;*/
}

.navStatic {
	background-color: #008cc0;
	color: #fffcfd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	/*font-weight: bold;
	vertical-align: middle;*/
}

.navPadding {
	background-color: #008cc0;
	color: #fffcfd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
    padding-left:5;
    padding-right:5;
}

.MainSubCus
{
	background-color: #008cc0;
	color: #fffcfd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;


}



.SubMenuCus
{
	background-color: #008cc0;
	color: #fffcfd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: solid 1px #FFFFFF;

	 

    
}    

.SubMenuCus a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}



.SubMenuCus a:hover {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}










ul.navStatic {
	list-style-type:none;
}

.navStatic a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight: bold;
	text-decoration: none;*/
}

.navStatic a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.navcell {
	border-bottom: #013976 1px solid;
	vertical-align: middle;
}

.navtop {
	background-image: url(images/leftNavArrow.gif);
	background-position:right;
	background-repeat: no-repeat;
	color: #374f95;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	padding: 3px 0px 0px 20px;
	text-decoration: none;
}
.navtop:hover {
	background-color: #becbd3;
	background-image: url(images/leftNavArrowHover.gif);
	background-position:right;
	background-repeat: no-repeat;
	text-decoration: none;
}

.navsub {
	color: #013976;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
.navsub:hover {}
.navtopclicked {
	background-color: #c9c9c9;
	color: #013976;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
.navtopclicked:hover {}
.navsubclicked {
	color: #013976;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
.navsubclicked:hover {}

.mainBodyBckg {
	background-image: url(images/mainBodyBckg.gif);
	background-repeat: repeat-y;
}

.leftNavText {
	color: #013976;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 24px 0px 0px 5px;
}

.leftNavSelect {
	 width: 140px;
}

a.leftNavLinks {
	color: #92190e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.leftNavLinks:hover {
	text-decoration: underline;
}

/* END NAVIGATION STYLES #################################################### */

.latestNewsLanding {
	background-color: #fddcd3;
}

.calendarLanding {
	background-color: #d1e8fc;
}

.landingPageListItems {
	color: #004f87;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;
	padding-left: 6px;
}
.landingPageListItems a {
	color: #004f87;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.landingPageListItems a:hover {
	color: #004f87;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

/* BEGIN FOOTER STYLES ********************************************** */
td.footerRow {
	color: #FFFFFF;
	background-color: #013976;
	text-align: center;
}
td.footerRow a {
	color: #FFFFFF;

}
td.footerRow a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* END FOOTER STYLES ************************************************ */

/* END THEME STYLES ######################################################### */

/* BEGIN SYSTEM STYLES ************************************************ */
#devButton
{
    BORDER-TOP-WIDTH: 1px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 10px;
    BORDER-LEFT-COLOR: #000000;
    BORDER-BOTTOM-WIDTH: 1px;
    MARGIN-BOTTOM: 4px;
    BORDER-BOTTOM-COLOR: #000000;
    PADDING-BOTTOM: 0px;
    CURSOR: pointer;
    COLOR: black;
    BORDER-TOP-COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #d6d6d6;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #000000
}

.NewsTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    color: #339999
}

.BlackNewsTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}

.NewsText
{
	font-size: 8pt;
	vertical-align: middle;
	color: dimgray;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.BlackNewsText
{
	font-size: 8pt;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.NewsFooter
{
	font-size: 8pt;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-style:italic
}

.WorkflowTable
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
    border: 1px solid blue;
    
}


.WorkflowTR
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
    background-color: blue;
}


.WorkflowHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
    color: #000000;
    text-transform:none	
}

.detailBlockDiv {
	border: #000000 0px solid;
}
.detailBlockHeader {
	background-color: #333333;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.detailBlockAttribute {
	background-color: #817976;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}
.detailBlockValue {
	background-color: #D2A599;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

.eventsCalendarLinkLeft {
	padding-left: 0px;
	text-align: left;
}
.eventsCalendarLinkRight {
	padding-right: 100px;
	text-align: left;
}
.eventsCalendarLinkLeft a {
	font-style: italic;
}
.eventsCalendarLinkLeft a:hover {
	font-style: italic;
}
.eventsCalendarLinkRight a {
	font-style: italic;
}
.eventsCalendarLinkRight a:hover {
	font-style: italic;
}
/* END SYSTEM STYLES ************************************************** */

/* BEGIN FORM STYLES ************************************************ */
TEXTAREA
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #000000;
}
INPUT
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #000000;
}
SELECT
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #000000;
}

.searchInput {
	background-image:url(images/searchBackground.gif);
	border: 0;
	font-size: 13px;
	height: 18px;
	width:110px;
}

.searchButton {
	background-color: #fff;
	/*background-image:url(images/searchButtonBackground.gif);*/
	border: 0;
	border-right: #bcbcbc 1px solid;
	border-bottom: #bcbcbc 1px solid;
	border-left: #bcbcbc 1px solid;
	height: 19px;
	margin: 0;
	padding: 0;
	width: 67px;
}
/* END FORM STYLES ************************************************** */