body {
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #000000;;
	background: #242F72;
	text-align: center;
}
#outerwrap {
	background: #1A0087 url(../images/bg-shadow.jpg) repeat-y top;
	width: 820px;
	margin: 0px auto;
}
p, ul, ol {
	font-size: 12px;
}
#innerwrap {
	border: 2px solid #0F4C79;
}
#content {
	padding: 20px;
	vertical-align: top;
	background: url(../images/content-shadow.jpg) repeat-y left top;
	width: 563px;
}
#flash {
	margin-left: 230px;
	height: 150px;
}
#footer {
	clear: both;
	text-align: center;
	background: url(../images/footer-bg.gif) repeat-x top;
	padding: 10px;
	border-top: 1px solid #999999;
}
#header {
	background: url(../images/sam-header-2.gif) no-repeat left;
	padding: 4px;
	height: 100px;
}
#logo {
	width: 362px;
}
#footer p {
	font-size: 11px;
}
a:link, a:visited {
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	color: #242F72;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
#nav {
	text-align: left;
	padding: 0px;
	width: 207px;
	color: #FFFFFF;
	background: #242F72 url(../includes/cssmenus2/skins/modern_blue/img/bg_v.gif) repeat-y;
	vertical-align: top;
}
#nav p {
	font-size: 11px;
	color: #ddd5ff;
}

#news {
	color: #ece7ff;
	padding: 15px;
}
#news h2 {
	margin-bottom: 0px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-bottom: 1px dotted #5887A8;
}
#news a:link, #news a:visited {
color: #ddd5ff;
}
#news ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
#news ul li {
	padding-left: 0.9em;
	background: url(../includes/cssmenus2/skins/modern_blue/img/arrow_right_light.gif) no-repeat 0 0.4em;
	margin-bottom: 4px;
}

#subheader {
	padding: 0px 0px 0px 15px;
	height: 25px;
	color: #1B0087;
	font-size: 11px;
}
/*- Menu Tabs H--------------------------- */

    #tabsH {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/nav-bg.gif) repeat-x bottom;
      }
    #tabsH ul {
	margin:0;
	padding:5px 10px 0 160px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url(../images/tableftH.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url(../images/tabrightH.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
h1, h2, h3 {
	color: #242F72;
	margin-bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
#topNav {
	font-size: 11px;
	text-align: right;
	padding: 6px;
	background: #242F72 url(../images/topnav-bg.jpg) repeat-x bottom;
	color: #999999;
	line-height: 25px;
	height: 25px;
}
#topNav a:link, #topNav a:visited {
	color: #FFFFFF;
}
div.float {
float: right;
}
div.float p {
	text-align: center;
	font-size: 10px;
	margin: 0px;
}
#outerDiv {
	background: url(../images/bg-shadow.jpg) repeat-y;
	position: relative;
	width: 820px;
	text-align: left;
	margin: 20px auto 0px;
}
#leftbar {
	width: 207px;
	padding: 10px;
	vertical-align: top;
}
#rightbar {
	width: 207px;
	padding: 10px;
	vertical-align: top;
}
#homecontent {
	padding: 10px;
	color: #FFFFFF;
	vertical-align: top;
}
#homecontent h1 {
	color: #FFFFFF;
}
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(../images/demobox.png) no-repeat right bottom;
	color: #FFFFFF;
} 
.cssbox {
	width: 500px!important; /* intended total box width - padding-right(next) */
	width: 685px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 0px; /* use to position the box */
	clear: both;
} /* set the top-right image */ 

.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.cssbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 25px 0 4px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size: 14px;
} /* set the lower-left corner image */ 

.cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 4px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
#flashcontent {
	margin-left: 207px;
	margin-right: 207px;
	background: top;
}
#date {
	text-align: right;
	padding: 4px 15px 4px 0px;
	color: #999999;
	width: 200px;
	float: right;
}
#subnav {
	padding: 4px 0px 4px 15px;
	color: #1B0087;
	font-size: 12px;
	font-weight: bold;
}
/* set the image to use and establish the lower-right position */ 
.cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h2 {
	background: transparent url(../images/demobox2.png) no-repeat right bottom;
	color: #000000;
} 
.cssbox2 {
	width: 200px!important; /* intended total box width - padding-right(next) */
	width: 185px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 0px auto; /* use to position the box */
	clear: both;
} /* set the top-right image */ 

.cssbox_head2 { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 

.cssbox_head2 h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 25px 0 4px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size: 14px;
	color: #FFFFFF;
} /* set the lower-left corner image */ 

.cssbox_body2 { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 4px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
#maintable {
	background: #FFFFFF;
	text-align: left;
	width: 770px;
	border: 2px solid #FFFFFF;
}
#gradientbg {
	background: url(../images/body-bg.jpg) repeat-x top;
}
#header2 {
	background: url(../images/sam-header-3.gif) no-repeat left top;
	padding: 0px;
	height: 126px;
}
#header3 {
	background: url(../images/sam-header-3.gif) no-repeat left top;
	padding: 0px;
	height: 126px;
}
#content2 {
	padding: 0px;
	vertical-align: top;
	background: url(../images/content-shadow.jpg) repeat-y left top;
	width: 563px;
}
#content3 {
	padding: 20px;
	vertical-align: top;
	background: url(../images/content-shadow.jpg) repeat-y left top;
}
a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: bold normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
 }
 
 #employeebtns ul {
 margin-left: 0;
 padding-left: 0;
 display: inline;
 border: none;
 }
 
  #employeebtns ul li {
 margin-left: 0;
 padding-left: 2px;
 display: inline;
 list-style: none;
 border: none;
 }
.profileImg {
	border: 2px solid #242F72;
}

