/*Master Stylesheet RK:2010 for SAPWebDesign*/
/*------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, address, ol,  dl, dt, dd, form, fieldset, legend, div, p, img, a { margin:0; padding:0; }

body { background-color:#535353; padding-top: 20px; font-size:100%; text-align: center;
	 font-family:verdana,helvetica,arial,sans-serif;}
img { border:0 none; }
.bold { font-weight: bold; }
.floatRight { float:right; }
.floatLeft { float:left; }
.clearFloats { clear:both; }
.padder { padding: 0.5em; }

#container { margin: 0px auto; text-align: left; width: 56.25em; padding-bottom:1em; }

#header { background-color: #FFF; }
#header ul, #header li { margin:0; padding:0; }
#header h1 { font-size: 1em; line-height:0px; }
#header h1 img { width: 56.25em; }
#header #accessibility { height:auto!important; background: #F1F1F1 url("images/top_bg.gif") repeat-x bottom; padding: 0px 0.7em; min-height:10px; height:10px;}
#header #accessibility ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
#header #accessibility li { font-size: 0.7em; line-height:25px; }
#header #accessibility ul li, #header #accessibility ul li dl, #header #accessibility ul li dl dt, #header #accessibility ul li dl dd { display: inline !important; }
#header #accessibility ul li a { color: #000000; TEXT-DECORATION: none; font-weight:bold;  }
#header #accessibility ul li a:hover { TEXT-DECORATION: underline; }
#header #accessibility ul li dl dd { padding-left:0.1em;}
#header #accessibility li dl dd img { width:1.27em; vertical-align:-10%; }
#header #accessibility li dl dd a { text-transform: uppercase; }
#header #accessibility li dl dd a.mailLink { text-transform:none; font-weight:normal; }
#header #accessibility li dl dd.standard a { font-size: 1.2em; }
#header #accessibility li dl dd.large a { font-size: 1.4em; }
#header #accessibility li dl dd a span { position: absolute; top: -9999px; left: 0; }
#header #accessibility .emph { color: Red; }
#header #accessibility:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#header #banner { background-color:#55226D; color: White; padding:1em; }
#header #banner h2 { padding-bottom: 0.5em; font-size: 1.5em; font-family: Arial,sans-serif; }
#header #banner h2 span { font-weight:normal; }
#header #banner p { font-size: 0.95em; }

#main { background-color: #FFF; height:auto!important; min-height:100px; height:100px; }
#main #index { float:left; width:14.375em; background-color: #EAEAEA; padding-top:1em; }
#main #index h2 { color: #FFF; background-color: #535353; padding: 0.2em 0.5em; font-size:1.2em; font-weight:normal; }
#main #index ul, #main #index li { margin:0; padding:0; }
#main #index ul { padding-top: 1em; margin-left:1.5em; list-style-image:none; list-style-position:outside; list-style-type:none; }
#main #index ul li ul { padding-top:0; }
#main #index li { padding-bottom:1em; }
#main #index li.noSpace { padding-bottom: 0; }
#main #index label { color: #333333; font-size:0.8em; font-weight:bold; }
#main #index a { text-decoration:none; color: #333333; font-size:0.8em; }
#main #index a:hover, #main #index a.activePage { text-decoration: underline; color: #55226D; padding-right:1em; background: url("images/arrow.gif") no-repeat right center;  }
#main #index a.activePage { font-weight:bold; }

#main #content { float:left; }
#main #content.partial { width: 27em; }
#main #content.full { width: 41.875em; }
#main #content h1 { font-size: 1.45em; color: #000; font-weight: normal; padding: 0.5em 0; font-family:Georgia,verdana,helvetica,arial,sans-serif; }
#main #content h1 span { color: #55226D; }
#main #content h3 { font-size:0.75em; }
#main #content h3 a { color: #55226D; font-size:1em; }
#main #content p { font-size: 0.75em; color: #333333; TEXT-DECORATION: none; margin-bottom:1em; }
#main #content p.large { font-size: 0.875em; }
#main #content .link { font-size: 0.875em; color: #55226D; TEXT-DECORATION: none; font-weight: bold; }
#main #content .link:hover { text-decoration:underline; }

#main #content .dynamic p { font-size:1em; }
 
#main #content td.header { font-family:Calibri, arial,sans-serif; font-size: 0.75em; }
#main #content td input.contact { font-family: Arial; font-size: 0.75em; color: #333333; height: 1.38em; width: 14.63em; border: 1px solid #CCCCCC; vertical-align: text-bottom; margin-top:1px;}  
#main #content td textarea.contact { font-family: Arial; font-size: 0.75em; color: #333333; border: 1px solid #CCCCCC; width: 100%; }

#main #content h2.accessibility { font-weight:normal; text-decoration: underline; font-size:1em; }

#main #colRight { float:left; width: 14.875em; }
#main #colRight h2 { color: #FFF; background-color: #535353; font-size: 1em; font-weight:normal; padding: 0.5em; }
#main #colRight .box { background-color: #EAEAEA; padding: 0.5em; margin-bottom:0.5em; }
#main #colRight p { font-size:0.7em; color: #333333; padding-bottom: 1em; }
#main #colRight a { text-decoration: none;}
#main:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }


#footer { height:auto!important; min-height:10px; height:10px; }
#footer ul, #footer li { margin:0; padding:0; }
#footer ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
#footer li { font-size: 0.7em; line-height:25px; color: #FFF; }
#footer ul li { display:inline !important;}

#footer a { TEXT-DECORATION: none; font-weight:100; color: #FFF; }
#footer a:hover { TEXT-DECORATION: underline; }