img {  
	border-style: none;
}

body {
font:normal 12px Arial, Helvetica, sans-serif;
color:#333333;
background:#000000;
margin:0px;
padding:0px;
}

.main {
background:url('../img/main_bg.jpg') repeat-x;
background-color:#7b97ea;
}

.main .header {
background:url('../img/header_bg.jpg') repeat-x;
margin:0 auto;
width:980px;
height:192px;
}

.main .header .logo {
float:left;
width:341px;
}

.main .header .nav {
float:left;
width:635px;
}

.main .header .nav a {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
color:#ffffff;
text-align:center;
text-decoration:none;
padding-top:8px;
margin-right:4px;
float:left;
height:30px;
}

.main .header .nav .about, .main .header .nav .service {
width:117px;
background:url('../img/about_bg.jpg') no-repeat;
}

.main .header .nav .about:hover, .main .header .nav .service:hover {
width:117px;
background:url('../img/about_bg1.jpg') no-repeat;
}

.main .header .nav .appointment {
width:248px;
background:url('../img/appointment_bg.jpg') no-repeat;
}

.main .header .nav .appointment:hover {
width:248px;
background:url('../img/appointment_bg1.jpg') no-repeat;
}

.main .header .nav .contact {
width:128px;
background:url('../img/contact_bg.jpg') no-repeat;
}

.main .header .nav .contact:hover {
width:128px;
background:url('../img/contact_bg1.jpg') no-repeat;
}

.main .header .nav .info {
height:120px;
color:#fefefe;
}

.main .header .nav .info .hours {
float:left;
width:370px;
margin-top:60px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
text-align:center;
}

.main .header .nav .info .address {
float:left;
width:255px;
margin-top:40px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
text-align:center;
}

.main .header .nav .info .address .phone {
font-family: Helvetica, Arial, sans-serif;
font-size: 36px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
}

.main .header .login {
padding:6px 0px 0px 317px;
}

.main .header .login form {
margin:0px;
padding:0px;
}

.main .header .login .title {
float:left;
width:56px;
padding:2px 7px 0px 0px;
text-align:right;
color:#ffffff;
font:normal 12px Arial, Helvetica, sans-serif;
}

.main .header .login .fill {
float:left;
width:130px;
}

.main .header .login .fill .text {
height:14px;
width:120px;
font:normal 11px Arial, Helvetica, sans-serif;
border:#ffffff 1px solid;
color:#333333;
}

.main .header .login .forget {
float:left;
width:93px;
}

.main .header .login .forget a {
color:#ffffff;
font:normal 11px Arial, Helvetica, sans-serif;
}

.main .header .login .link {
float:right;
padding: 0 13px 0 13px;
}

.main .header .login .link a {
color:#ffffff;
font:normal 14px Arial, Helvetica, sans-serif;
}

.main .header .login .enter {
float:left;
width:88px;
}

.main .header .login .signup {
float:left;
width:80px;
}

.main .home-content {
width:968px;
margin:0 auto;
background:#ffffff;
}

.main .content {
width:968px;
margin:0 auto;
background:#ffffff;
}

.main .content .heading {
color:#333333;
padding:30px 15px 20px 340px;
}

.main .content .data {
padding:0px 15px 15px 35px;
}

.main .content .data input.text {
border:#7f9db9 1px solid;
width:460px;
height:14px;
color:#333333;
font:normal 11px Arial, Helvetica, sans-serif;
padding:1px;
}

.main .content .data input.text1 {
border:#7f9db9 1px solid;
width:150px;
height:14px;
color:#333333;
font:normal 11px Arial, Helvetica, sans-serif;
padding:1px;
}

.main .content .data input.text2 {
border:#7f9db9 1px solid;
width:90px;
height:14px;
color:#333333;
font:normal 11px Arial, Helvetica, sans-serif;
padding:1px;
}

.main .content .data input.text3 {
border:#7f9db9 1px solid;
width:50px;
height:14px;
color:#333333;
font:normal 11px Arial, Helvetica, sans-serif;
padding:1px;
}

.main .content .data input.text4 {
border:#7f9db9 1px solid;
width:70px;
height:14px;
color:#333333;
font:normal 11px Arial, Helvetica, sans-serif;
padding:1px;
}

.main .content .data select.text4 {
font:normal 11px Arial, Helvetica, sans-serif;
padding:1px;
}

.main .content .data input.button {
border:#333333 1px solid;
background:#274ba9;
width:80px;
color:#ffffff;
font:bold 12px Arial, Helvetica, sans-serif;
padding:0px;
float:right;
margin-right:5px;
}

.main .content .data .l {
float:left;
width:295px;
text-align:right;
margin-right:10px;
padding-top:3px;
font:bold 11px Arial, Helvetica, sans-serif;
}

.main .content .data .l2 {
float:left;
width:140px;
text-align:right;
margin-right:10px;
padding-top:3px;
font:bold 11px Arial, Helvetica, sans-serif;
}

.main .content .data .l3 {
float:left;
width:50px;
text-align:right;
margin-right:10px;
padding-top:3px;
font:bold 11px Arial, Helvetica, sans-serif;
}

.main .content .data .r {
float:left;
width:160px;
margin-bottom:13px;
}

.main .content .data .r2 {
float:left;
width:470px;
margin-bottom:13px;
}

.main .content .data .r3 {
float:left;
width:90px;
margin-bottom:13px;
}

.main .content .data .r4 {
float:left;
width:75px;
margin-bottom:13px;
}

.main .content .data .r5 {
float:left;
width:60px;
margin-bottom:13px;
}

.footer {
background:url('../img/bottom_bg.jpg') repeat-x;
height:301px;
}

.footer .items {
width:968px;
height:214px;
margin:0 auto;
margin-bottom:10px;
background:url('../img/footer_bg.jpg') repeat-x;
}

.footer .items .item {
float:left;
width:240px;
margin-right:2px;
}

.footer .items .item .caption {
height:26px;
padding:15px 0px 0px 10px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#ffffff;
}

.footer .items .item .image {
height:100px;
}

.footer .items .item .description {
padding:15px 10px 0px 10px;
color:#999999;
font: normal 11px Arial, Helvetica, sans-serif;
}

.footer .copyright {
text-align:center;
color:#666666;
}

.footer .copyright a {
color:#666666;
text-decoration:none;
}  
.footer .copyright a:hover {
color:#999999;
}

.clear {
	clear:both;
}

/****************  MISC STYLES  ******************/

#flashMessage {
	display: block;
	padding: 5px;
	margin: 3px 0 10px 0;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #1F19E4;
	border: 1px solid #1F19E4;
	background: #CBDAFF;
}


h1#page-title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 30px;
	width: 100%;
	border-bottom: 1px solid #333;
	padding: 0 0 3px 0;
	margin: 10px 0 20px 0;
}




/****************  FLOATING LOGIN PAGE STYLES  ******************/

div#calendar-shield {
	background: #000; 
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7; 
	opacity: 0.7; 
	z-index: 100; 
	width: 968px; 
	height: 450px; 
	position: absolute; 
	top: 192px; 
	left: 50%; 
	background: #000; 
	margin-left: -484px;
}

div#floating-login {
	z-index: 999;
	width: 350px;
	height: 200px; 
	position: absolute; 
	top: 300px; 
	left: 50%; 
	border: 2px solid #666; 
	background: #FFF; 
	margin-left: -195px; 
	padding: 20px;
}

div#floating-login h2 {
	margin: 0 0 30px 0;
	padding-top: 0;
}

div#floating-login div.input {
	margin: 10px;
}

div#floating-login div.input label {
	display: inline;
	float: left;  
	width: 70px;  
	margin: 5px 10px 0 0;
	text-align: right; 
	font: normal 16px Arial, Helvetica, sans-serif;
}

div#floating-login div.input input {
	width: 240px;
	font: normal 16px Arial, Helvetica, sans-serif;
}

div#floating-login div.submit {
	margin-left: 270px;
}

div#floating-login div.submit input {
	width: 65px;
	font: normal 18px Arial, Helvetica, sans-serif;
}

div#floating-login h3#register-link {
	text-align: right; 
	margin: 20px 20px 0 0;
}

/****************  LIST STYLES  ******************/

div.list {
	width: 100%;
}

div.list ul {
	padding: 10px;
	list-style: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	text-align: left;
	border: 1px solid #333;
	background: #CDD2E3;
}

div.list ul li strong { 
	font-size: 14px;
	font-weight: normal;
	color: #002164;
}

/****************  TABLE STYLES  ******************/

div.table {
	margin-bottom: 35px;
}

div.table h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 20px;
	margin: 10px 0 3px 0;
}

table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #333;
}
div.table th
{
	background: #CDD2E3; 
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #002164;
}
div.table td
{
	background: #fff; 
	padding: 8px;
	color: #53537E;
}
div.table tr.altrow td
{
	background: #e8edff;
}

/****************  FORM STYLES  ******************/

.input .error-message {
	color: #C80B0B;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-top:3px;
}

div.form h2 {
	margin: 30px 0 15px 50px;
	padding-bottom: 3px;
	width: 600px;
	border-bottom: 1px solid #666;
}

div.input  {
	margin: 10px;
	clear: both;
}

.data div.input {
	margin: 0;
}

div.input label {
	display: inline;
	float: left;  
	width: 170px;  
	margin: 5px 10px 0 0;
	text-align: right; 
	font: normal 16px Arial, Helvetica, sans-serif;
}

div.input input {
	width: 240px;
	font: normal 16px Arial, Helvetica, sans-serif;
}

div.input select {
	font: normal 16px Arial, Helvetica, sans-serif;
}


div.radio fieldset {
	border: none;
	clear: both;
	float: right;
	padding: 0;
	margin: 0 0 5px 0;
	width: 725px;
}

div.radio fieldset legend {
	display: none;
	margin: 0;
	padding: 0;
	font: normal 16px Arial, Helvetica, sans-serif;
}

div.radio label {
	width: 300px;
	padding: 0 0 8px 3px;
	margin: 0;
	text-align: left;
	display: inline;
	font: normal 16px Arial, Helvetica, sans-serif;

}

div.radio input {
	z-index: 999;
	clear: both;	
	margin: 0 0 6px 0;
	float: left;
	display: block;
	width: 20px;
}

div.radio .error-message {
	display: inline;
	color: #C80B0B;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin:0 0 0 180px;
}



span.radio-group-label {
	line-height: 1px; 
	text-align: right; 
	width: 100px; 
	font-size: 16px; 
	position: relative; 
	top: 12px; 
	left:80px; 
	float: left;
}

div.checkbox {
	padding: 0px 0 30px 0;
	margin:0 0 0 190px;
	clear: both;
}

div.checkbox label {
	width: 300px;
	padding: 0 0 6px 5px;
	margin: 0;
	text-align: left;
	display: inline;
	font: normal 16px Arial, Helvetica, sans-serif;
}

div.checkbox input {
	float: left;
	display: inline;
	z-index: 999;
	margin: 0 0 6px 0;
	width: 20px;
	margin: 0;
}

div.checkbox .error-message {
	display: inline;
	color: #C80B0B;
	font: normal 12px Arial, Helvetica, sans-serif;
	
}

div.input textarea {
	width: 243px;
	font: normal 16px Arial, Helvetica, sans-serif;
	height: 2.5em;
}

.form .error-message {
	display: inline;
	color: #C80B0B;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding:3px 0 0 5px;
}

.form div.input .form-error {
	border: 1px solid red;
}

.form div.select .form-error {
	border: 1px solid red;
}

div.submit {
	margin-left: 340px;
}

div.submit input {
	width: 90px;
	font: normal 16px Arial, Helvetica, sans-serif;
}

dl {
	width: 500px;
	margin: 2em 0;
	padding: 0;
}

dl dt {
	text-align: right;
	width: 150px;
	float: left;
	margin: 10px 0 0 0;
	padding: .5em;
	
	font: bold 14px Arial, Helvetica, sans-serif;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dl dd {
	float: left;
	width: 300px;
	margin: 10px 0 0 0;
	padding: .5em;
	
	font: normal 14px Arial, Helvetica, sans-serif;
}


/****************  ONE-LINK FORM STYLES  ******************/

div.one-line-form {
	margin: 0 0 20px 185px;
}

div.one-line-form div {
	display: inline;
}

div.one-line-form div.input label {
	display: inline;
	float: none;
	width: 60px;
	margin: 5px 5px 0 0;
	text-align: right; 
	font: normal 12px Arial, Helvetica, sans-serif;
}

div.one-line-form div.input input {
	margin-bottom: 8px;
	width: 70px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

div.one-line-form div.tiny input {
	width: 40px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

div.one-line-form div.large input {
	width: 130px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

div.one-line-form div.input select {
	font: normal 12px Arial, Helvetica, sans-serif;
}

div.one-line-form div.input .error-message {
	display: inline;
	color: #C80B0B;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding:3px 0 0 5px;
}

div.one-line-form div.input .form-error {
	border: 1px solid red;
}
