﻿
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url("../images/bg2_01.jpg") repeat-x left top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:  normal;
}

p, ol, ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

p { line-height: 200%; }
strong { color: #565656; }
a { color: #005689; outline: 0; }
a:hover,a:focus { text-decoration: none; }
a img { border: none; }
img.border { }
img.alignleft { float: left; padding-right: 25px; }
img.alignright { float: right; }
img.aligncenter { margin: 0px auto; text-align:center; }
hr { display: none; }

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 220%;
}

ul.style1 span {
	display: block;
	float: left;
	width: 53px;
	height: 23px;
	margin: 6px 20px 30px 0px;
	padding: 0px 0px 0px 0px;
	background: #006BA3;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
}

ul.style2 {
}

ul.style2 li {
	margin-bottom: 10px;
	padding-bottom: 20px;
	line-height: 220%;
}

ul.style2 li strong a
{
	text-decoration:none;
	color: #565656;
}

ul.style2 li strong a:hover
{
	text-decoration:underline;
}


ul.style3 { }
ul.style3 li { padding-left: 30px; line-height: 220%; }
ul.style3 p { margin: 0 0 0 60px; }
ul.style3 h1 { margin-bottom: 10px; letter-spacing: -1px; font-size: 18px; color:black; }

/** WRAPPER */

.homepage #wrapper { background: url("../images/bg1_01.jpg") repeat-x left top; }
.homepage #wrapper-bgtop{ background: url("../images/bg1_02.jpg") no-repeat center top; }
#wrapper-bgtop { background: url("../images/bg2_02.jpg") no-repeat center top; }
#wrapper-bgbtm { background: url("../images/bg1_03.jpg") repeat-x left bottom; }
.container { width: 900px; margin: 0px auto; }
.clearfix { clear: both; }

/** HEADER */

#header {
	height: 141px;
	padding: 29px 0px 0px 0px;
}

/** LOGO */

#logo {
	position: relative;
	float: left;
	width: 400px;
	height: 141px;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	text-indent: -9999em;
}

#logo h1 a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 141px;
	background: url("../images/homepage01.jpg") no-repeat left top;
}

/** SPLASH PAGE */

#splash {
	height: 198px;
	padding: 40px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#splash h2 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-shadow: #005689 -1px 2px 3px;
	font-size: 38px;
	font-weight: normal;
	color: #FFFFFF;
}

#splash span {
	display: block;
	padding-bottom: 20px;
}

#splash .byline {
	padding-bottom: 20px;
	text-shadow: #005689 -1px 2px 3px;
	font-size: 16px;
	color: #FFFFFF;
}

#splash .link {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url("../images/homepage02.gif") no-repeat left 2px;
	font-size: 14px;
}

#splash p { line-height: normal; }
#splash a { color: #FFFFFF; }

/** MENU */

#menu-container { width: 920px; margin: 0px auto; }
#menu { height: 57px; padding-top: 17px; }
#menu ul { margin: 0px; padding: 0px; list-style: none; line-height: normal; }
#menu li { float: left; margin-right: 15px; }
#menu span { display: inline-block; margin: 0px; font-weight: normal; }
#menu a { 
	display: block;
	float: left;
	height: 29px;
	padding: 4px 15px 0px 15px;
	letter-spacing: -1px;
	text-decoration: none;
	text-shadow: #00568D -1px 2px 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
}
#menu a:hover { text-decoration: none; }
#menu li a:hover { background: url("../images/homepage05.jpg") repeat-x left top; }
#menu li a:focus { background: url("../images/homepage05.jpg") repeat-x left top; }
#menu li.active { background: url("../images/homepage05.jpg") repeat-x left top; }
#menu li.active a { background: url("../images/homepage03.jpg") no-repeat  left top; text-shadow: #005689 -1px 2px 3px; }
#menu li.active span { display: inline-block; background: url("../images/homepage04.jpg") no-repeat right top; color: #FFFFFF; }

/** END MENU */

/** PROVIDER FORM MENU */

#provider_menu-container { width: 920px; margin: 0px auto; }
#provider_menu { height: 1px; 
padding-top: 17px; }
#provider_menu ul { margin: 0px; padding: 0px; list-style: none; line-height: normal; }
#provider_menu li { float:left; margin-right: 15px; background: url("../images/provider_menu_bg.jpg") repeat-x left top; }
#provider_menu span { display: inline-block; margin: 0px; font-weight: normal; }
#provider_menu a { 
	display: block;
	float: left;
	height: 29px;
	padding: 4px 15px 0px 15px;
	letter-spacing: -1px;
	text-decoration: none;
	text-shadow: #00568D -1px 2px 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
}
#provider_menu a:hover { text-decoration: none; }
#provider_menu li a:hover { background: url("../images/homepage05.jpg") repeat-x left top; }
#provider_menu li a:focus { background: url("../images/homepage05.jpg") repeat-x left top; }
#provider_menu li.active { background: url("../images/homepage05.jpg") repeat-x left top; }
#provider_menu li.active a { background: url("../images/homepage03.jpg") no-repeat  left top; text-shadow: #005689 -1px 2px 3px; }
#provider_menu li.active span { display: inline-block; background: url("../images/homepage04.jpg") no-repeat right top; color: #FFFFFF; }

/** END PROVIDER FORM MENU */

/** PAGE */

#page { overflow: hidden; padding: 15px 0px; }

/** END PAGE */


/** CONTENT */

#content { float: left; width: 600px; padding-top: 20px; padding-right: 25px; border-right: 1px solid #CCCCCC;}
.single #content { width: 100%; }
.break { float:none; clear:both; height:20px; }
.contactus { font-size:15px; color:black; }

#list1 { list-style: square; padding-left: 30px; font-weight:bold; }
#list1 li { line-height:200%; }

#box1 { border-bottom: 1px solid #CCCCCC; }
#box1 .title { font-size: 28px; }
#box2 { border-bottom: 1px solid #CCCCCC; }
#box3 { padding-top: 40px; }
#box3 .title { margin-bottom: 20px; }
#box3 .link { margin: 0px; padding: 0px 0px 0px 20px; background: url("../images/homepage02.gif") no-repeat left 2px; }
#box4 { padding: 30px 0px; }
#box5 .title { font-size: 28px; }
#box6 { }
#box6 img { padding-bottom: 20px; }

.box-style {}
	.box-style .title { margin-bottom: 30px; letter-spacing: -1px; font-size: 18px; color: #000000; }
	.box-style .title a { color: #000000; text-decoration:none; }
	.box-style .title a:hover { text-decoration:underline; }

#sub_title h1 { margin-bottom: 10px; letter-spacing: -.5px; font-size: 18px; color: #000000; }
#sub_title h1 span { font-size: 14px; color: #838383; letter-spacing: 1px;}
#sub_title p { padding:0 20px 0 20px; }

.divider { margin-bottom: 10px; padding-bottom: 18px; border-bottom: 1px solid #CCCCCC; }
.divider2 { margin-bottom: 30px; padding-bottom: 38px; border-bottom: 1px solid #CCCCCC; }

#section1_nav { text-align:right; }
#section1_nav a { font-weight:bold; text-decoration:none; }
#section1_nav a:hover { text-decoration:underline; }
#section1_nav img { border:none; margin:0 0 -1px 0; padding:0 0 0 0; }

.img_center { text-align:center; }
.img_center img { padding: 20px 0 0 0; }

.box-style .link1 {
	display: inline-block;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	background: url("../images/homepage06.gif") no-repeat left 6px;
}

.box-style .link2 {
	display: inline-block;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 4px 25px;
	background: url("../images/homepage07.gif") no-repeat left 3px;
}

#two-columns {
	margin-top: 40px;
}

#two-columns .colA {
	float: left;
	width: 274px;
	padding-right: 25px;
	border-right: 1px solid #CCCCCC;
}

#two-columns .colB {
	float: right;
	width: 275px;
}

#two-columns .title 
{
	margin-bottom: 20px;
}

#two-columns .title a 
{
	color: #000000;
	text-decoration:none;
}

#two-columns .title a:hover 
{
	text-decoration:underline;
}

#two-columns .alignleft {
	padding: 4px 20px 0px 0px;
}

/** END CONTENT */


/** SIDEBAR */

#sidebar { float: right; width: 250px; padding-top: 20px; min-height: 100%; }
.sidebar_img_center { text-align:center; }

/** FOOTER */

#footer {
	height: 100px;
	border-top: 1px solid #CCCCCC;
}

#footer .nav
{
	text-align:center;
	padding:25px 0px 10px 0px;
}

#footer p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #A2A2A2;
}

#footer a {
	color: #A2A2A2;
}

/** END FOOTER */


/** BUTTONS */

.button_signup { background-image:url('../images/button_signup_hover.gif'); background-repeat:no-repeat; height:39px; width:125px; margin:auto; }
.button_signup a { background-image:url('../images/button_signup.gif'); background-repeat:no-repeat; height:39px; width:125px; 	display:block; }
.button_signup a:hover { background:none; }

.button_crisis { background-image:url('../images/button_crisis_hover.gif'); background-repeat:no-repeat; height:59px; width:188px; margin:auto; }
.button_crisis a { background-image:url('../images/button_crisis.gif'); background-repeat:no-repeat; height:59px; width:188px; 	display:block; }
.button_crisis a:hover { background:none; }

.button_demographic_info { background-image:url('../images/button_demographic_info_hover.gif'); background-repeat:no-repeat; height:32px; width:216px; margin:auto; }
.button_demographic_info a { background-image:url('../images/button_demographic_info.gif'); background-repeat:no-repeat; height:32px; width:216px; 	display:block; }
.button_demographic_info a:hover { background:none; }

/** END BUTTONS */


/** FLASH **/

.flash_telemedicine_model { text-align:center; background:url('images/img_telemed_model2.jpg') no-repeat; height:380px; }

/** END FLASH **/
#topContent {
    text-align: right;
    
    color: White;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    height: 50px;
}

#topContent a {
    text-decoration: none;
    color: White;
}

#leftContent {
    width: 230px;    
    padding: 10px;
    font-size: 90%;
    text-align: left;
    position: absolute;
    top: 60px;
    margin-top: 10px;
    left: 0px;
}

#leftContent h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    border-top: dotted 1px #660;
    border-bottom: dotted 1px #660;
}

#mainContent {
    text-align: left;
    margin-left: 250px;
    padding: 10px;
}

#footerContent {
    text-align: center;
    padding: 5px;
}
.textboxwait
      {
            background-image: url('../images/ajax-loader.gif');
            background-repeat: no-repeat;
            background-position: center right;
      }

