/****************************************************
 COLORS USED
 
 Gold: #F9CF1E
 Blue: #1E53A8
 Pale Blue: #E8EDF6;
 Dark Blue: #08152A
 Grey: #E4E4E4;
 
****************************************************/

* {
 margin: 0;
 padding: 0;
}

/****************************************************
 BODY
****************************************************/

body {
 font: normal 13px  Arial, Helvetica, sans-serif;
/* background: #EBEFF7 url(/_img/bg-body.gif) 0 0 repeat-x;*/
 background-color: #F9CF1E;
 color: #08152A;
}

/****************************************************
 WRAPPER
****************************************************/

#wrapper {
 position: relative;
 width: 792px;
 margin: 0 auto ;
/* background: transparent url(/_img/bg-wrapper.gif) 0 0 no-repeat;*/
 background-color: #ffffff;
}

#wrapper .inner {
 padding: 5px;
}

/****************************************************
 HEADER
****************************************************/

#header {
 height: 105px;
 width: 782px;
 position: relative;
 background-color: #1E53A8;
 margin-bottom: 40px;
}

#toll-free {
 position: absolute;
 top: 20px;
 right: 20px;
 text-indent: -9999px;
 background: transparent url(/_img/toll-free.gif) 0 0 no-repeat;
 width: 164px;
 height: 42px; 
}

/****************************************************
 CONTENT
****************************************************/

#content {
 margin: 60px 0 20px 190px;
/* border: 1px solid #000;*/
 border-left: 7px solid #E4E4E4;
}

#content .inner {
 margin: 0 0 0 0;
 padding: 10px 10px 10px 20px;
}

#content .inner p {
 margin: 0 0 20px 0;
 line-height: 20px;
 color: #000;
}

#content .inner ul {
 list-style: disc;
 margin: 10px 0 10px 7px;
 padding: 0 10px 10px 30px;
 line-height: 20px;
}

body#home #content {
 margin: 0 260px 0 0;
/* border: 1px solid #000;*/
 border: 0;
 width: 519px;
}

body#home #content .inner {
 margin: 5px 0 0 0;
 padding: 10px;
/* border: 7px solid #E4E4E4;*/
}

body#home #content .inner ul {
 list-style: disc;
 margin: 10px 0 20px 7px;
 padding: 0 10px 10px 10px;
 line-height: 20px;
}

/****************************************************
 SIDE
****************************************************/

#side {
 float: left;
 width: 190px;
 clear: right;
 text-align: center;
/* border: 1px solid #000;*/
 margin-top: 20px;
}

#side .inner {
 margin: 10px 10px 10px 0;
 padding: 10px;
}

#side .inner p {
 margin: 10px 10px 15px 10px;
 line-height: 16px;
}

#side .inner hr {
 border: 0;
 color: #7B7871;
 background-color: #7B7871;
 height: 1px;
 margin-bottom: 10px;
}

#side .inner ul {
 list-style: none;
 padding-bottom: 10px;
 line-height: 22px;
 text-align: center;
}

/****************************************************
 SIDE (HOME)
****************************************************/

#sideHome {
 float: right;
 width: 257px;
 color: #0F2954;
 clear: right;
 margin: 0 0 5px 0;
}

#sideHome .inner {
 margin: 0;
 padding: 0;
}

#sideHome .inner p {
 margin: 10px 10px 15px 10px;
 line-height: 16px;
}

#sideHome .inner hr {
 border: 0;
 color: #7B7871;
 background-color: #7B7871;
 height: 1px;
 margin-bottom: 10px;
}

#sideHome .inner ul {
 list-style: disc;
 padding-left: 10px;
 margin-left: 15px;
 padding-bottom: 10px;
}


.promo {
 background-color: #E8EDF6;
 padding-bottom: 10px;
 margin-bottom: 10px;
}


/****************************************************
 LOGO
****************************************************/

h1 {
 text-indent: -9999px;
}


#logo {
 /* Clickable Background Images Via CSS */
 background: transparent url(/_img/noc-logo.gif) 0 0 no-repeat;
 position: absolute;
 top: 16px;
 left: 20px;
 width: 163px;
 height: 74px; 
}


/* Clickable Background Images Via CSS */
#logo a {
 position: absolute;
 top: 0;
 left: 0;	
 width: 163px;
 height: 74px; 
} 

/****************************************************
 DEFAULT LINKS
****************************************************/

a:link { 
 color: #1E53A8;
}

a:visited { 
 color: #1E53A8;
}

a:hover, a:active { 
 color: #1E53A8;
}

/****************************************************
 HEADINGS
****************************************************/

h2 {
 margin-bottom: .5em;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 28px;
 font-weight: normal;
 line-height:31px;
 letter-spacing: -1px;
 color: #1E53A8;
}

h3 {
 font-weight: bold;
 font-size: 16px;
 line-height: 18px;
 padding-bottom: 3px;
 color: #1E53A8;
}

body#home h3#h3-family {
 text-indent: -9999px;
 background: #fff url(/_img/h3-family.gif) 0 0 no-repeat;
 width: 257px;
 height: 30px;
 padding: 0;
}

body#home h3#h3-quality {
 text-indent: -9999px;
 background: #fff url(/_img/h3-quality.gif) 0 0 no-repeat;
 width: 257px;
 height: 30px;
 padding: 0;
}

body#home h3#h3-leslie {
 text-indent: -9999px;
 background: #fff url(/_img/h3-leslie.gif) 0 0 no-repeat;
 width: 257px;
 height: 30px;
 padding: 0;

}

/***************************************************
 MAIN NAVIGATION
***************************************************/

#nav {
 position: absolute;
 top: 112px;
 left: 5px;
 height: 30px;
 width: 782px;
 background-color: #F9CF1E;
}


div#nav ul#navbar	{
 height: 30px;
 width: 782px;
 background: transparent url(/_img/nav.gif) top left no-repeat;
 position: relative;
}

div#nav ul#navbar li {
 list-style: none;
 position: absolute;
 top: 0;
}
	
ul#navbar li, ul#navbar a {
 height: 30px;
 display: block;
}
	
div#nav ul#navbar li a {
 text-indent: -9999px;
 text-decoration: none;
}
	
#about-us-nav {				left: 218px; width: 95px;}
#our-services-nav {			left: 309px; width: 122px;}
#senior-resources-nav {		left: 426px; width: 154px;}
#employment-nav {			left: 575px; width: 124px;}
#contact-nav {				left: 695px; width: 87px;}

#about-us-nav a:hover {				background: transparent url(/_img/nav.gif) -218px -30px no-repeat; border:0;}
#our-services-nav a:hover {			background: transparent url(/_img/nav.gif) -309px -30px no-repeat; border:0;}
#senior-resources-nav a:hover {		background: transparent url(/_img/nav.gif) -426px -30px no-repeat; border:0;}
#employment-nav a:hover {			background: transparent url(/_img/nav.gif) -575px -30px no-repeat; border:0;}
#contact-nav a:hover {				background: transparent url(/_img/nav.gif) -695px -30px no-repeat; border:0;}

/* YOU ARE HERE */	
body#about-us #about-us-nav {				background: transparent url(/_img/nav.gif) -218px -30px no-repeat; border:0;}
body#our-services #our-services-nav {			background: transparent url(/_img/nav.gif) -309px -30px no-repeat; border:0;}
body#senior-resources #senior-resources-nav {	background: transparent url(/_img/nav.gif) -426px -30px no-repeat; border:0;}
body#employment #employment-nav {				background: transparent url(/_img/nav.gif) -575px -30px no-repeat; border:0;}
body#contact #contact-nav {						background: transparent url(/_img/nav.gif) -695px -30px no-repeat; border:0;}

/***************************************************
 PROMO
***************************************************/

#promo {
 height: 220px;
 width: 520px;
}

/****************************************************
 IMAGES
****************************************************/

.img-center {
 display: block;
 margin: 0 auto;
}

.img-right {
 display: block;
 float: right;
 padding: 3px;
 border: 2px solid #E4E4E4;
 margin: 5px 0 0 10px;
}

.img-left {
 display: block;
 float: left;
 padding: 3px;
 border: 2px solid #E4E4E4;
 margin: 5px 10px 0 0;
}

#img-caption {
 width: 100px;	
 display: block;
 float: right;
 padding: 10px;
 margin: 0 10px;
 text-align: center;
}

/****************************************************
 MISC
****************************************************/

strong {
 color: #1E53A8;
}

.caps {
 color: #1E53A8;
 text-transform: uppercase;
 font-weight: bold;
}

.basicList {
 padding-left: 25px;
 margin: 20px 0;
 line-height: 22px;
}

/****************************************************
 FOOTER
****************************************************/

#footer {
 position: relative;
 clear: both;
 color: #fff;
 line-height: 22px;
 height: 100px;
 background-color: #1E53A8;
/* background: #284985 url(/_img/bg-footer.gif) bottom right no-repeat;*/
 }

#footer .inner {
 padding: 18px 10px 5px 10px;
 text-align: center;
}

#footer .inner a:link, #footer .inner a:visited, #footer .inner a:hover, #footer .inner a:active { 
 color: #fff;
}

#footer strong {
 color: #fff;
} 

/****************************************************
 FORMS
****************************************************/

#thisform fieldset, .thisform fieldset {
 border: 1px solid #1E53A8;
 padding: 20px;
 margin: 10px 10px;
 width: 380px;
}

#thisform legend, .thisform legend {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 color: #fff;
 background-color: #1E53A8;
 border: 1px solid #1E53A8	;
 border-bottom-color: #1E53A8;
 border-right-color: #1E53A8;
 padding: 4px 8px;
}

