div#content {
/*background: url(../_img/bg/gridbg.gif);*/
}

body {
  background: url(../_img/bg/green1024.gif) repeat-y 18% 0;
}

div#branding {
  background: url(../_img/bg/white1024.gif) repeat-y 18% 0;
}

a#logo {
  display: block;
  position: relative; left: 0; top: 0;
  width: 18%; height: 90px;
  background: url(../_img/bg/sla-logo.gif) no-repeat 47% 22px;
}

/*** STYLES FOR THE MENUBAR ***/

div#menu {
  position: absolute; left: 0; top: 90px;
  width: 18%;
  /*color: white; background-color: #2b2a66;*/
  font-family: Verdana, sans-serif;
  line-height: 1.539em;
  font-size: 0.8125em; /* 13px/16px */
  border-top: 1px solid #808080;
  border-bottom: 1px solid #364073;
  padding-top: 9px;
}

div#menu ul li {
  background: #2b2a66 url(../_img/bg/mainmenublue.gif) repeat-y 100% 0;
}

div#menu ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4px 10px;
  border-top: 1px solid #3d5588;
  border-bottom: 1px solid #000;
}

div#menu ul li a.afteractive {
  border-top: 1px solid #6477a0;
}

div#menu ul li a:link {

}

div#menu ul li a:visited {

}

div#menu ul li a:hover {
  background: #364073 url(../_img/bg/mainmenuactiveblue.gif) repeat-y 100% 0;
  border-left: 3px solid #e00034;
  padding-left: 7px;
}

div#menu ul li a.active {
  border-left: 3px solid #7fd141;
  padding-left: 6px;
  background: #364073 url(../_img/bg/mainmenuactiveblue.gif) repeat-y 100% 0;
  font-weight: bold;
}

div#menu ul li ul {
  padding: 7px 0px 3px 0px;
  background: #476188;
  border-right: 1px solid #000;
/*  border-bottom: 1px solid #233044;*/
  line-height: 15px;
}

div#menu ul li ul li {
  padding-top: 3px;
  padding-bottom: 2px;
  background-image: none;
  font-size: 0.8125em;
  background: none;
}

div#menu ul li ul li a {
  padding: 3px 5px 2px 15px;
  border-top: none;
  border-bottom: none;
}

div#menu ul li ul li a:hover {
  background-color: #364073;
  background-image: none;
  border-left: 3px solid #e00034;
  border-right: 1px solid #000;
  margin-left: 5px;
}

div#menu ul li ul li a.active {
  background-color: #364073;
  background-image: none;
  border-left: 3px solid #7fd141;
  border-right: 1px solid #000;
  font-weight: bold;
  margin-left: 5px;

}

/*** STYLES FOR THE BANNER ***/

div#banner {
  position: absolute; left: 18%; top: 0;
  width: 82%; height: 90px;
}

div#banner.banner1 { background: #2c2b68 url(../_img/bg/banner/banner1.jpg) repeat-x 0 0; color: #fff; }
div#banner.banner2 { background: #2c2b68 url(../_img/bg/banner/banner2.jpg) repeat-x 0 0; color: #fff; }
div#banner.banner3 { background: #2c2b68 url(../_img/bg/banner/banner3.jpg) repeat-x 0 0; color: #fff; }
div#banner.banner4 { background: #2c2b68 url(../_img/bg/banner/banner4.jpg) repeat-x 0 0; color: #fff; }
div#banner.banner5 { background: #2c2b68 url(../_img/bg/banner/banner5.jpg) repeat-x 0 0; color: #fff; }
div#banner.banner6 { background: #2c2b68 url(../_img/bg/banner/banner6.jpg) repeat-x 0 0; color: #fff; }
div#banner.banner7 { background: #2c2b68 url(../_img/bg/banner/banner7.jpg) repeat-x 0 0; color: #fff; }


div#main {
  position: absolute;
  left: 18%; top: 90px;
  width: 82%;
  border-top: 1px solid #999;
}


/*** STYLES FOR THE MAIN CENTRAL CONTENT DIV #content ***/

div#content {
  float: left;
  width: 78%;
  color: #000; background-color: #fff;
  font-family: Verdana, sans-serif;
  line-height: 1.539em;
  font-size: 0.8125em; /* 13px/16px */
}

div#content h1 { /*FOR SIFR*/
 font-size: 1.8em;
 font-weight: normal;
  padding-top: 0.42735em; /* 10px/(13*1.8) */
  padding-bottom: 0.384615em; /* 9px/(13*1.8) */
 font-family: Tahoma, Verdana, sans-serif;
 color: #001d77; background-color: inherit;
}

.h1wrapper { /*USED WHEN SIFR IS INACTIVE*/
  margin: 1.539em 30px 1.4615em 30px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #7dba00;
}

div#content h3 {
  font-family: Tahoma, sans-serif;
  margin: 1.7325em 30px 0.67375em 30px;
  padding: 0 0 5px 0;
  font-size: 1.1em;
  border-bottom: 1px solid #999;
  font-weight: bold;
}

div#content h4 {
  font-family: Verdana, Tahoma, sans-serif;
  margin: 1.1539em 50px 0.384615em 50px;
  padding: 0 0 0 0;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
}

div#content p {
  padding: 0.384615em 50px;
}

div#content ul {
  padding: 0.384615em 70px;
}

div#content ul li {
  background: url(../_img/bg/ptr-red.gif) no-repeat 0 0.6923em; color: inherit;
  padding: 0 0 0 10px;
}

div#content ol {
  padding: 0.384615em 70px;
  list-style-type: decimal;
}

div#content ol li {
  margin: 0 0 0 10px;
}

div#content dl {
  padding: 0.384615em 70px;
}

div#content dt {
  background: url(../_img/bg/ptr-red.gif) no-repeat 0 0.6923em; color: inherit;
  padding: 0 0 0 10px;
}

div#content dd {
  padding: 0 0 0 10px;
}

div#content a {
  font-weight: bold;
  text-decoration: none;
}

div#content a:link {
  color: #2b2a65; background-color: inherit;
  border-bottom: 1px solid #7ccc42;
  padding-bottom: 1px;
}

div#content a:visited {
  color: #605f8c; background-color: inherit;
  border-bottom: 1px solid #9dd971;
}

div#content a:hover {
  color: #ff0000; background-color: inherit;
  border-bottom: 1px solid #ff0000;
}

div#content a:focus {
  border-bottom: 1px solid #ff0000;
  background-color: #ffffcc; color: #ff0000;
  outline: 1px dotted #ff0000;
}

div#content a:active {
  color: #ff0000; background-color: inherit;
  border-bottom: 1px solid #ff0000;
}

div#content blockquote p {
  margin: 0.384615em 60px;
  padding: 0 10px;
  border-left: 10px solid #dedede;
}

div#content cite {
  font-family: Georgia, Verdana, sans-serif;
  font-style: italic;
}

div#content del {
  text-decoration: line-through;
  color: #787878; background-color: #fff;
}

div#content ins {
  border-bottom: 1px dotted #ff0000;
  letter-spacing: 1px;
}

div#content em, div#content i {
  font-style: italic;
  font-family: Georgia, Verdana, sans-serif;
}

div#content strong, div#content b {
  font-weight: bold;
}

div#content sup {
  font-size: 0.71em;
  vertical-align: super;
}

div#content sub {
  font-size: 0.71em;
  vertical-align: sub;
}

div#content .smalltext {
  font-size: 1.15em;
}

html > body div#content hr { /* For Gecko Browsers */
/*  margin-right: 0;*/
  border: none;
  /*width: 100%;*/
  height: 1px;
  color: #fff; background-color: #b7d5b3;
}

div#content hr {
  margin: 10px 50px 9px 50px;
}

/*
div#content form {
  background-color: #def2d0; color: inherit;
  border: 1px dashed #b7db53;
  margin: 0px 50px;
  padding: 5px 10px;
}

div#content form legend {
  font-family: Tahoma, sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
}

div#content form p {
  margin:0;
  padding:0;
  clear: both;
}

div#content form label {
  font-size: 0.85em;
  float: left;
  width: 22%;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#content form input.text, div#content form textarea.text {
  float: left;
  width: 73%;
  border-bottom: 1px solid #b7d5b3;
  border-right: 1px solid #b7d5b3;
  border-top: 1px solid #89a086;
  border-left: 1px solid #89a086;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Verdana, sans-serif;
  font-size: 1em;
  padding-left: 3px;
  padding-right: 3px;
}

div#content form input.text:focus, div#content form textarea.text:focus {
  background-color: #ffffcc; color: inherit;
  border-color: #ff0000;
  border-width: 1px;
  border-top-style: dotted; border-left-style: dotted; border-right-style: dotted;
  border-bottom-style: solid;
  outline: 1px dotted red;
}

*/


div#info {
  float: right;
  width: 22%;
  /*background: url(../_img/bg/gridbg.gif);*/
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 0.6875em;
  line-height: 1.36363636em;
}

div#info h2 {
	background: #78b300 url(../_img/bg/hdr-sidebar-green.jpg) repeat-x 0 0;
  margin-top: 9px;
  padding-left: 14px;
  padding-bottom: 0.2727272727em;
  padding-top: 0.1818181818em;
  overflow: auto;
  color: #001d77;
}

div#info p {
  background-color: #def2d0;
  padding-left: 14px;
  padding-right: 4px;
  border-left: 1px solid #d5eebb;
  padding-top: 0.227272727272em;
  padding-bottom: 0.227272727272em;
}

div#info ul {
  background-color: #def2d0;
  padding-left: 14px;
  padding-right: 4px;
  border-left: 1px solid #d5eebb;
}

div#info ul.spaced {
  padding-top: 0.454545em;
  padding-bottom: 0.454545em;
}

div#info ul li {
  background: url(../_img/bg/sidebullet-red.gif) no-repeat 0 0.7272em;
  padding-left: 10px;
  padding-top: 0.227272727em;
  padding-bottom: 0.227272727em;
}

div#info ul li ul {
  padding-left: 0;
  padding-right: 0;
  border-left: none;
}

div#info ul li ul li {
  background: url(../_img/bg/sidebullet-blue.gif) no-repeat 0 1em;
  padding-left: 9px;
  padding-top: 0.45454545em;
  padding-bottom: 0;
}

div#info p.first {
  padding-top: 0.72727272em;
}

div#info p.last {
  padding-bottom: 1.09090909em;
  margin-bottom: 0.81818181em;
  border-bottom: 1px solid #d5eebb;
}

div#info ul li.first {
  padding-top: 0.72727272em;
  background: url(../_img/bg/sidebullet-red.gif) no-repeat 0 1.272727em;
}

div#info ul li.last {
  padding-bottom: 1.09090909em;
  margin-bottom: 0.81818181em;
  border-bottom: 1px solid #d5eebb;
}

div#info cite {
  font-family: Georgia, Verdana, sans-serif;
  font-style: italic;
}

div#info em, div#info i {
  font-style: italic;
  font-family: Georgia, Verdana, sans-serif;
}

div#info strong, div#info b {
  font-weight: bold;
}


div#info a {
  font-weight: bold;
  text-decoration: none;
}

div#info a:link {
  color: #002699; background-color: inherit;
  /*border-bottom: 1px solid #7ccc42;
  padding-bottom: 1px;*/
}

div#info a:visited {
  color: #002699; background-color: inherit;
  /*border-bottom: 1px solid #9dd971;*/
}

div#info a:hover {
  color: #ff023c; background-color: inherit;
  /*border-bottom: 1px solid #ff0000;*/
  text-decoration: underline;
}

div#info a:focus {
  /*border-bottom: 1px solid #ff0000;*/
  background-color: #ffffcc; color: #ff023c;
  outline: 1px dotted #ff023c;
}

div#info a:active {
  color: #ff023c; background-color: inherit;
  /*border-bottom: 1px solid #ff0000;*/
  text-decoration: underline;
}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
  height: 45px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  /*margin-bottom: -6px !important;*/
  line-height: 1em !important;
}

.sIFR-hasFlash .h1wrapper {
  /*margin-bottom: -4px !important;*/
  padding-bottom: 4px !important;
}