/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.nationwidenurses.com/
   TEMPLATE NAME:  Nationwide Nurses
   DATE:           Oct-03rd-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body  { 
margin: 0;
padding: 0px;
height: 100%; 
}

.main {
background: #fff url('/images/bg.gif') repeat-x;
} 

.sub {
background: #fff url('/images/subbg.gif') repeat-x;
}

/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
padding: 0px 20px 0px 20px;
} 

#halfcontainer {
height: 536px;
width: 940px;
background: url(/images/hometop.gif) no-repeat top center;
}

#halfcontainersub {
height: 402px;
width: 940px;
background: url(/images/subtop.gif) no-repeat top center;
}






/* ----------APPLICATION TABLES--------------------- */

#main .content td {
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
background-color: #f7f7f7;
border: 1px solid #eaeaea;
padding: 0px;
margin: 0px;
}

#main .content td td {
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
background-color: #f7f7f7;
border: 0px solid #eaeaea;
padding: 0px;
margin: 0px;
}

#main .admincontent td {
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
background-color: #f7f7f7;
border: 1px solid #eaeaea;
padding: 0px;
margin: 0px;
}

#main input {
padding: 5px;
}



/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #06284a;
}
 
.contact {
width: 20em;
border: 1px solid #6c6c6c;
font: bold 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
color: #86878b;
padding: 6px;
margin-bottom: 20px;
}

.travel {
width: 14em;
border: 1px solid #6c6c6c;
font: bold 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
color: #86878b;
padding: 6px;
margin-bottom: 20px;
}

 
.button {
width: auto;
font: bold 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
color: #fff;      
background: #ac3939;
padding: 8px;
border: 1px solid #ac3939;
}

/* --------------HEADER------------- */

#header {
height: 97px;
}

#header .links {
width: 320px;
float: right;
}

#header .links ul {
margin: 0px;
padding: 0px;
margin-top: 35px;
}

#header .links li {
display: inline;
padding: 0px 0px 0px 30px;
}

#header .links li a {
font: bold 8pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
color: #c7ecff;
text-decoration: none;
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 97px;
width: 294px;
float: left;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif);  width: 125px;  height: 97px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */

#topnav {
background: url(/images/topnav_bg.gif) repeat-x;
height: 35px;
}

#topnav ul {
padding-top: 7px;
}

#topnav li {
display: inline;
padding: 0px 20px 0px 15px;
}

#topnav li a {
font: bold 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
color: #ac3838;
text-decoration:none
}

#topnav li a:hover {
text-decoration: underline;
}

/* --------------Mission------------- */

#mission {
background-color: #fff;
padding: 12px 0px 12px 0px;
}

#mission .graphic {
margin: 0 auto;
background: url(/images/missiongraphic.jpg) no-repeat;
height: 234px;
width: 917px;
}

#mission .graphic .text {
width: 380px;
padding: 50px 70px 20px 0px;
float: right;
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-serif;
color: #2b2b2b;
}

#mission .graphic .text h1 {
background: url(/images/mission_striving.gif) no-repeat;
height: 38px;
}

#mission .graphic .text p {
padding-left: 2px;
line-height: 22px;
}

#mission .tag {
background: url(/images/mission_tag.gif) no-repeat;
height: 122px;
width: 168px;
position: absolute;
margin-left: 760px;
}


/* --------------Home Links----------------*/

ul.homelinks  {
margin-bottom: 15px;
}

.homelinks li {
display: block;
list-style-type: none
}

.homelinks li a {
background: url(/images/icon_arrow2.gif) no-repeat left center;	
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
padding-left: 12px;
}

/* --------------MAIN THREE BLOCKS----------------*/

#threeblocks {
padding: 10px 0px 0px 0px;
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #c7ecff;
height: 100%;
height: auto;
min-height: 100%;
clear: both;
}

#threeblocks p { padding: 8px 0px 0px 0px; text-align:justify;}

#threeblocks .services {
float: left;
width: 280px;
margin: 0px;
padding: 0px;
clear:right;
padding-right: 50px;
}

#threeblocks .services h1 {
background: url(/images/step1.gif) no-repeat; 
height: 43px;
}

#threeblocks .commitment {
float: left;
width: 280px;
margin: 0px;
padding-right: 50px;
clear:right;
}

#threeblocks .commitment p {
text-align:left
}

#threeblocks .commitment h1 {
background: url(/images/step2.gif) no-repeat; 
height: 43px;
}

#threeblocks .strategic {
float: left;
width: 280px;
margin: 0px;
padding: 0px;
clear:right
}

#threeblocks .strategic h1 {
background: url(/images/step3.gif) no-repeat; 
height: 43px;
}

#threeblocks a {
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #c7ecff;
}

#threeblocks a:hover {
color: #fff;
}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

.homeholder {
margin-top: 0px;
}

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#main .content {
padding: 25px 70px 10px 20px;
margin: 0px;
margin-left: 240px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

/*Remove Padding in dbadmin*/
#main .admincontent {
padding: 25px 70px 10px 20px;
margin: 0px;
margin-left: 20px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

#main p {
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #2b2b2b;
padding-bottom: 20px;
line-height: 22px;
}

#main span {
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #2b2b2b;
padding-bottom: 20px;
line-height: 22px;
}

.line {
border: none;
border-bottom: 1px solid #b3b3b3;
height: 0px;
margin-bottom: 5px;
}

#main a {
color: #ac3838;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

#main h1 {
font: 20pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #06284a;
margin-bottom: 8px;
}

#main h3 {
font: bold 14pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #ac3838;
padding-bottom: 20px;
}

#main .welcome {
background: url(/images/welcome.gif) no-repeat;
height: 36px;
}

/* --------------FAQ-----------*/

.faq {
margin: 0px;
padding: 0px;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #2b2b2b;
}

.faq b {
color: #06284a;
}

.faq li {
display: block;
background: url(/images/icon_arrow.gif) no-repeat;
padding-left: 25px;
margin-top: 10px;
margin-bottom: 20px;
list-style-type: none;
line-height: 22px;
}

/* --------------BENEFITS-----------*/

.benefits {
margin: 0px;
padding: 0px;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #2b2b2b;
}

.benefits b {
color: #06284a;
}

.benefits li {
display: block;
background: url(/images/icon_arrow2.gif) no-repeat left center;
padding-left: 12px;
list-style-type: none;
line-height: 22px;
}




/* --------------LEFTHAND SIDE------------- */


#main .navleft {
float:left; 
width: 240px;
margin-top: 25px;
padding: 0px;
}

#main .navleft p {
padding: 10px 25px 15px 20px;
}

#main .navleft .contact, #main .navleft .app {
margin-bottom: 10px;
padding: 0px;
border: none
}

#main .navleft .app a {
background: url(/images/icon_sound.gif) no-repeat;
padding-left: 18px;
}

#main .navleft .contact .head {
background: url(/images/left_contact.gif) no-repeat;
height: 30px;
}

#main .navleft .myapp .head {
background: url(/images/left_contact.gif) no-repeat;
height: 30px;
}


#main .navleft .app .head {
background: url(/images/left_myapp.gif) no-repeat;
height: 30px;
}



/* --------------APPLICATION NAVIGATION------------- */

#appnav {
width: 235px; /*width of menu*/
margin-top: 10px;
}

#appnav h1 {
font: bold 12pt 'Lucida Grande', Helvetica, Arial, sans-serif;
color: #045a8e;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 0px 10px; /*header text is indented 10px*/
}

#appnav ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#appnav ul li a{
color: #254260;
display: block;
padding:4px 6px 4px 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #d3d2ce;
font-size: 90%;
font: 9pt 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
}

#appnav ul li a:hover{ /*hover state CSS*/
background-color: #d4d4d4;
text-decoration: underline
}

/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: url(/images/footerbg.gif) no-repeat;
height: 135px;
height: auto;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
padding-top: 36px;
padding-bottom: 20px;
}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 0px 10px 10px 0px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #254260;
text-decoration: none;
padding: 0px 25px 0px 0px;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .asc ul {
margin-top: -50px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #2b2b2b;
text-decoration: none;
padding: 0px 10px 0px 0px;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;
}







/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }