/****************************************
Table of Contents

    01. Body and General Class
    02. Wrappers
    03. Header
    04. Content
    05. Menus
    06. Footer
    07. Employee

****************************************/

/****************************************
01. Body and General Class
****************************************/

body
{
    margin:0;
    padding:0;
}

h1
{
    color:#4a0a31;
    font:27px Arial;
    padding:50px 0 28px 40px;
	margin:0;
	background:url(../images/bg-h1.jpg) no-repeat;
}

h4
{
    color:#fffff;
    font:16px Arial, Helvetica, sans-serif;
    padding:15px 0 15px 20px;
	margin:0;
	background:url(../images/inner-header.jpg) no-repeat;
}

h2
{
    color:#4a0a31;
    font-size:19px;
    margin-bottom:10px;
	padding-left:40px;
}

h3
{
    font-size:15px;
    font-weight:bold;
    margin-bottom:5px;
	padding-left:40px;
}

.loading
{
    display:none;
    position:absolute;
    top: 175px;
    left: 320px;
}

/****************************************
02. Wrappers
*****************************************/

#outer-outer-wrapper
{
     background: transparent url(i/bg-page.jpg) repeat-x 0 0;
     margin:0;
     padding:0;
}

#outer-inner-wrapper
{
     background: transparent url(i/bg-swooshes.jpg) no-repeat center 0;
     margin:0;
     padding:0;
}

#wrapper, #header
{
    position:static;
    background-color:transparent;
}

#content-wrapper
{
    background: #fff url(i/bg-content-wrapper.gif) repeat-y 0 0;
    min-height:600px;
    height:auto !important;
    height:600px;
    width:960px;
    margin:4px auto 20px auto;
}

#content-wrapper.no-columns960
{
    background: #fff;
    width:960px;
    margin:4px auto 20px auto;
}

#content-wrapper.no-columns
{
     background-image:none;
     width:1025px !important;
     margin:0px auto;
}

#sidebar-wrapper
{
    padding:40px;
}


/****************************************
03. Header
*****************************************/

#header
{
    width:960px;
    top:0;
    left:0;
    margin:0px auto;
    padding-top:30px;
    
}

/****************************************
04. Content
*****************************************/

#content-left
{
	width:300px;
    float:left;
	padding-top:28px;
}

#content-left.half
{
	width:460px;
    float:left;
	margin-right:10px;
	margin-left:0;
	padding-left:10px;
}

#content-right
{
    width:660px;
    float:left;
    position:relative;
	padding-bottom:50px;
}

#content-right.half
{
	width:460px;
	margin-left:10px;
	margin-right:0;
	padding-left: 10px;
}

#content-full
{
	width:960px;
}

p
{
	padding:0px 40px 0px 40px;
}

#ajax-content
{
    display:block;
    line-height: 20px;
	padding-left:2px;
	margin:0;
	padding-bottom:20px;
}

#ajax-content ul
{
    padding:0 40px 0 57px;
    list-style: disc;
    margin-bottom:10px !important;
}

#ajax-content td
{
    border-collapse: collapse;
    text-align:left;
    /*border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;*/
	border:none;
    padding:0 2.69em;
}

#ajax-content td:last-child
{
     border-right:none;
}

#ajax-content th
{
    /*border-bottom:1px solid #ccc;*/
	border:none;
    background-color:#e4e4e4;
    font-weight: bold;
}

#ajax-content tr:last-child td
{
    border-bottom:none;
}

#ajax-content p { color:#454545;
	padding:0 40px 0px 40px; }
	
hr {
	color:#CCC;
	background:#ccc;
	border:0;
	height:.125em;
	width:87%;	
}

/****************************************
05. Menus
*****************************************/

#sub-menu, 
#sub-menu-employees
{
    right: 10px;
    height: 364px;
    width: 300px;
    margin-top:20px;
    bottom:112px;
    background: #eeeeec;
    border-top:#cfd0d0 1px solid;
}

#sub-menu li, 
#sub-menu-employees li
{
    height:48px;
    line-height: 48px;
    padding-left:20px;
    background:transparent url(i/bg-services-menu-item.gif) repeat-x 0 0;
    position:relative;
}

#sub-menu li.current, 
#sub-menu li:hover,
#sub-menu-employees li:hover,
body.employees #sub-menu-employees li.employees,
body.downloadable-documents #sub-menu-employees li.downloadable-documents,
body.contact #sub-menu-employees li.contact
{
    background:transparent url(i/bg-services-menu-item-current.gif) repeat-x 0 0;
}

#sub-menu a,
#sub-menu-employees a
{
    text-decoration: none;
    color: #525858;
    font-size:13px;    
    height:48px;
    line-height: 48px;
    display:block;
}

#sub-menu li.current a,
#sub-menu-employees li.current a
{
    color:#5c9ad3;
    font-weight: bold;
}


/****************************************
06. Footer
*****************************************/

#footer
{
    width:960px;
    margin:0 auto 70px auto;
    padding-top:35px;
}



/****************************************
07. Employee
*****************************************/

#employee-logged-in-links
{
    position:absolute;
    top:40px;
    right:40px;
}

#employee-logged-in-links li
{
    display:inline;
}

#employee-logged-in-links li a
{
    display:block;
    float:left;
    padding:4px;
    background-color:#faf7f0;
    text-decoration:none;
    color:#938d7c;
    font-size:11px;
    border:1px solid #cbc7bc;
    font-weight: bold;
    margin-left:10px;
}

#menu-item-employees .sub-menu
{
    display:none;
}

/* =============================================================================
	TABSS page style
   ============================================================================== */
#tabssContainer, #tabssContent {
	margin:0 auto;
	font: 14px/1.4 Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/topGradient.png) bottom left no-repeat;
	padding: 0;
	color: #515151;
	line-height:1.714em;
	width:960px;
}
#tabssContent {
	width:910px;
	background:none;
	padding-bottom:15px; }
#tabssContent ul, ol, dl {
	padding: 0;
	margin: 0;
}
#tabssContainer h1,
#tabssContent h2,
#tabssContent h3,
#tabssContent h4,
#tabssContent h5,
#tabssContent h6,
#tabssContent p {
	margin-top: 0;
	margin-bottom: 0.357em;	
	padding:.833em 0 0; 
}
#tabssContent .noBG {
	padding:0;
	background:none;
}

#tabssContent #col1 {
	width:900px;
	padding:10px 5px;
}
#tabssContainer #r1col2 {
	background:url(../images/headBG.png) top left repeat-x;
	padding: 10px 0 0 10px; }
#tabssContainer h1 {
	background:url(../images/dhsLogo.png) 10px 10px no-repeat;
	height:107px;
	margin:0 20px -30px;
	padding: 40px 0 0 130px;
	color:#4A0A31;
}
#tabssContainer .smallh1 {font-size:.725em; font-weight:lighter; line-height:36px; }
.leftCol {
	float:left;
	clear:right; }
.leftCol img {
	background-color:#EBECEC; 
	margin-top:-2px;}
#tabssContent .rightCol {
	float:right;
	width:430px;
	padding:22px 10px 0;
}
#tabssContent .row3 {
	background:#ebecec;
	padding:15px;
	width:410px;
}
#tabssContent h2 {
	background:#4b0a32 url(../images/thickDividerLine.png) top left no-repeat;
	color:#fff;
	font:1.857em Arial, Helvetica, sans-serif;
	padding:15px 0 14px 450px;
	clear:both;
}
#tabssContent h3, #tabssContent li.h3
{
	text-transform:uppercase;
	font-size:1.071em;
	color:#4b0a32;
	text-align:left;
	font-weight:bold;
}
#tabssContent ul {
	background: url(../images/thinDividerLine.png) bottom left no-repeat;
	padding-bottom:32px;
	margin-bottom:20px;
}
#tabssContent li {
	list-style:none;
}
#tabssContent .smallFont { font-size:.833em; color:#4b0a32 }