/* CSS Document */


/********** tag resets **********/

body{
 margin:0;
 padding:0 0 20px 0;
 font-size:13px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:center;
 background-color:#171717;
}

hr{ display:none; }
.hr{ border-top:1px solid #ccc; margin:0 0 19px 0;}
.hr-nomargin{ border-top:1px solid #ccc; }


.clearboth{ font-size:0px; clear:both; }

p{
 padding:0;
 margin:0 0 20px 0;
}



a{ color:#000; }
a:hover{ text-decoration:none; }

/* default font */
p, li, td, th{
 color:#666;
 line-height:17px;
}

h1, h2, h3, h4, h5, h6{
 font-family:Arial, Helvetica, sans-serif;
 padding:0;
 margin:0 0 20px 0;
 font-weight:normal;
}

h1{ font-size:23px; color:#000; }
h2{ font-size:21px; color:#000; }


/********** LAYOUT styles **********/


#pagewrap{
 text-align:center;
 margin:0 auto;
 min-width:820px;
 background:url(../graphics/frontend/body_bg.jpg) 50% 0% no-repeat;
}
#content, #header{ width:820px; }
#content{
 min-height:600px;
 margin:0 auto;
 text-align:left;
 padding:0;
 background:url(../graphics/frontend/content_bg.gif) repeat-y #fff; 
}
#content #rightcolumn{
 float:right;
 margin:0 20px 0 0;
 text-align:left;
 padding:10px 0 0 0; 
 width:553px;
 background:url(../graphics/frontend/content_bg_rightcolumn.gif) repeat-y;
}
#content #leftcolumn{
 width:197px;
 margin:0 30px 0 20px;
 font-size:11px;
 padding:40px 0 0 0;
 back
}
#content #singlecolumn{
 margin:0 0 0 20px; width:780px;
 background:url(../graphics/frontend/content_bg_column.gif) repeat-y;
}

/********** content columns **********/

.split-panel#splitcolumnA{
 background:url(../graphics/frontend/2column_bg.gif) no-repeat;
}
.split-panel .panel-a, .split-panel .panel-b{ float:left; width:227px; padding:20px 0 0 0; }
.split-panel .panel-a{ margin:0 59px 0 20px; }

#content #rightcolumn.singlecolumnBG{
 padding:20px 10px; 
 width:533px;
 background:url(../graphics/frontend/1column_bg.gif) no-repeat;
}

/********** header **********/

#header{ position:relative; height:155px; margin:0 auto; text-align:left; }
#header .head-logo{ position:absolute; left:19px; top:6px; }
#header p.head-appointments{
 position:relative; top:15px; left:250px;
 font-size:12px;
 color:#ccc;
 line-height:16px;
 width:500px;
}
#header .head-since{
 position:absolute;
 top:10px;
 right:-20px;
}

/********** top navigation **********/

ul.topnav{
 background:url(../graphics/frontend/topnavi_bg.jpg) no-repeat;
 position:absolute;
 top:63px;
 left:245px;
 margin:0;
 padding:21px 0 0 18px;
 height:63px;
 width:458px;
 list-style:none;
}
ul.topnav li{
 float:left;
 margin:0;
 padding:0;
}

/********** lists **********/

ul.list-largeheadings{ margin:0 0 20px 0; padding:0; list-style:none; }
ul.list-largeheadings li{
 margin:0 0 20px 0;
 padding:0;
 line-height:19px;
}
#leftcolumn ul.list-largeheadings li{
 padding:0 0 0 10px;
}
ul.list-largeheadings li strong{
 font-size:18px;
 font-family:Arial, Helvetica, sans-serif;
 color:#5e5645;
 font-weight:normal;
}

ul.thumbnail-list{ margin:0; padding:0; list-style:none; }
ul.thumbnail-list li{
 padding:0 15px 20px 0;
 margin:0;
 float:left;
}
ul.thumbnail-list li a img{ border:none; }
ul.thumbnail-list li.enditem{ padding:0 0 20px 0; }

/********** Side bar **********/

h2.tape{
 background:url(../graphics/frontend/h3_background1.gif) no-repeat;
 line-height:57px;
 padding:0 0 0 20px;
}
h2.tape2{
 background:url(../graphics/frontend/h3_background2.gif) no-repeat;
 line-height:57px;
 padding:0 0 0 20px;
}

/********** TABLES **********/

.tbl-data1{ border-collapse:collapse; margin:0 0 20px 0; }
.tbl-data1 td, .tbl-data1 th{
 border:1px solid #999;
 padding:5px;
 text-align:left;
}
#leftcolumn .tbl-data1{
 margin:0 0 20px 10px;
}
.tbl-data1 th{}
.tbl-data1 td{}
/********** Footer **********/

#footer{
 width:780px;
 clear:both;
 padding:10px 20px 50px 20px; 
}
#footer p.copytext, #footer p.site-credits{
 font-size:10px; color:#999;
}
#footer p.copytext{ float:left; }
#footer p.site-credits{ float:right; }
#footer p.site-credits a{ color:#999; }
#footer p.page-links{ color:#999; text-align:center; }


/* START CONTACT */
table.contactTbl{ width:100%; border-collapse:collapse; margin:0 0 20px 0;}
table.contactTbl td{ border-bottom:1px dotted #666; padding:10px 5px; vertical-align:top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

p.error{ padding:5px; color:#fff; background-color:#990000; }
p.thanks{ padding:5px; background-color:#FFCC66; }
/* END CONTACT */

/* START FORMS */
.input-tiny, .input-short, .input-shorter, .input-med, .input-long, .input-longer, .input-cust{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; border: 1px solid #ccc; background-color:#f6f6f6; padding: 1px; }
.input-tiny{ width:25px; }
.input-shorter{ width:50px; }
.input-short{ width:80px;}
.input-med{ width:180px;}
.input-long{ width:220px;}
.input-longer{ width:320px;}
input.btn1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:bold;}
/* END FORMS */
