/*/
----------------------------------------

Site: Family Service Center of South Carolina
Version:  2008 . 4

----------------------------------------/*/

/*
HOUSECLEANING --------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus { outline: 0; }

body
{line-height: 1; color: black; background: white;}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after { container: ""; }
blockquote, q { quotes: "" ""; }

/*
COMMON --------------------- */

html, body, div, p {font-family: Verdana, sans-serif; color: #3a3a3a; font-size: 11px; line-height:14px;}
h1 { margin:0; padding: 0; width: 93px; height:61px; display: block; text-indent: -9000px; background: url(../img/logo.jpg) no-repeat top left; position:relative; top:22px; float:left; }
h1 a {display:block; height:61px;}
h2, h3, h4, h5, h6 {font-family:Trebuchet MS, sans-serif; font-weight:normal; line-height:1.2em; color:#3a342e;}
h2 {font-size:25px;}
h3 {font-size:16px; color:#a87028;}
h2, h3 {margin-bottom:20px;}
h4 {font-size:16px; margin:20px 0 5px 0; color:#251744; border-top:1px solid #c9c1bc; padding-top:10px;}
h5 {font-size:14px; margin:20px 0 5px 0; font-weight:bold; color:#251744;}

img { margin: 0; padding: 5px 0 20px 20px; border: 0; float:right; background:#fff;}

hr {clear: both; border: none 0; border-top: 1px solid #aaa09a; margin: 0; padding: 0; text-align: left;}

strong {font-weight:bold;}
em {font-style:italic;}

a {text-decoration:none; color:#1f0065; font-weight:bold;}
a:hover {color:#3165ff;}
a#active {color:#26449e;}

p {margin-bottom:17px;}
p.newslist { margin-bottom:10px; }

.red { color: red; }
#skip { display: none; }
.clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clear { display: inline-block;/* Fixes IE/Mac */}

/* Hides from IE-mac \*/
* html .clear { height: 1%; }

.clear { display: block; }

.credit { color: #544f4a; font-weight:bold;}
.credit:hover { color: #eb8a00; }
/*
LAYOUT --------------------- */
.home, .internal {margin:0; padding:0; }
.internal {background: url(../img/internalbg.png) no-repeat top center;}
.home {background: url(../img/homebg.jpg) no-repeat top center;}
.internal #BGimg { min-width:772px;background: url(../img/internalbg.png) no-repeat top center; margin:0 auto; }
.home #BGimg { min-width:772px;background: url(../img/homebg.jpg) no-repeat top center; margin:0 auto; }
#wrapper { width:772px; margin:0 auto;}

#pagetop {margin:0; height:100px;}
#pagemiddle {margin:0; clear:both;}
#pagebottom {margin:0; clear:both; text-align:center; background: url(../img/footerbg.png) no-repeat top center; z-index:50; height:100px; padding-top:100px;}
.home #pagebottom {margin:0; clear:both; text-align:center; background: url(../img/footerbg.png) no-repeat top center; z-index:50; height:100px; padding-top:0;}
#pagebottom p {margin:3px;}
.internal #lCol {width:545px; float:left; position:relative; top:50px; z-index:0;}
.internal #rCol {width:192px; float:left; position:relative; left:45px; z-index:0;}

.internal #lCol ul {margin-bottom:24px;}
.internal #lCol ul li {background:url(../img/bulletarrow.gif) no-repeat 0 7px; padding-left:21px; line-height:24px;}

.internal #rCol ul {margin-bottom:24px;}

.internal #rCol ul li {font-size:14px; line-height:16px; padding:6px 0; border-bottom:1px solid #7e94cd;}
.internal #rCol ul li ul {margin:10px 0 0 0;}
.internal #rCol ul li ul li {font-size:11px; line-height:14px; margin-left:10px; border-top:1px solid #7e94cd; border-bottom:none;}
.internal #rCol ul li a {margin-left:0; font-weight:normal; display:block;}
.internal #rCol li li a {color:#26449e; display:block;}
.internal #rCol li li a:hover {color:#3165ff;}

#lowernav {padding-top:20px;}

/*
homepage specific --------------------- */
.home h1 { margin:0; padding: 0; width: 93px; display: block; text-indent: -9000px; background: url(../img/logo.jpg) no-repeat top left; float:left;}
.home h1 a {display:block; height:61px;}


#navlist {font-size:14px; line-height:16px; margin-top:15px; font-weight:normal;}
#navlist li {margin-bottom:10px;}
#navlist li a {color:#fff; font-weight:normal;}
#navlist li a:hover {color:#c38828;}



.home #lCol {width: 180px; float:left; margin:0; padding:0;}
.home #rCol {width: 583px; float:left; margin:0; padding:0; }


#flashbox { display:block; height:279px; width:565px; position:relative; left:23px; }
	#flashbox a { display:block; position:relative; z-index:9999; text-indent:-9999px; height:100%; width:100%; cursor:pointer; background:url(../img/home_element.jpg) no-repeat 0 0; }

.home #events {margin-top:35px;}
#events h3 {background:url(../img/eventsh3bg.jpg) no-repeat top left; height:43px; text-indent:-9000px; margin:0;}
.eventdate {font-weight: bold; font-size:11px; font-family: Trebuchet MS; color:#244967; margin:5px 0;}
.eventlist a {font-weight:bold; margin:0 0 10px 0; font-size:12px;}
.eventlocation {font-weight:normal;}

#padbox {margin:0 ; width: 583px; position: relative; left:15px; top:15px; color:#0e151a;}
#padbox h3 {margin-bottom:10px; font-size:14px;}
#padbox a {font-weight:normal;}
#padbox p {color:#241b16;}

.clicker {margin:0; padding:0; position:relative; top:40px;}

.lp1, .lp2, .lp3 {height:194px; width:160px; float:left; margin:0; padding:20px 13px 0 18px;}
.lp1 {background:url(../img/lp1bg.jpg) no-repeat top left; margin-right:5px;}
.lp2 {background:url(../img/lp2bg.jpg) no-repeat top left;}
.lp3 {background:url(../img/lp3bg.jpg) no-repeat top left;float:right;}

.home #pagebottom:{padding:0; margin:0;}

/*
Form specific --------------------- */
.input, .textbox, .dropdown {margin:5px 10px; width:162px;}
.labelpad {padding-left:11px;}
.inputlong {width:436px; margin-left:23px;}
.inputcomment {width:90%; margin-top:10px;}
.cellwidth {width:150px;}
.inputcomment, .textbox, .dropdown, .shorttextbox, .input {border:none; border: 1px solid #e3e3e3; background: #f0f0f0; padding:5px;}
.shorttextbox {width:50px; margin:5px 10px;}
.dropdown {width: 162px; }
.labellong {width:75px;}

.newsTable {width:538px;}



/* suckerfish */


#topnav { position:relative; float:right;  margin:65px 0 0 0; z-index:1000; }

.home #topnav { position:relative; float:right;  margin:63px 0 0 0; z-index:1000; }

#topnav a {  }

ul#nav { font-weight: normal; margin:0; padding:0; list-style:none; }

ul#nav li { display: inline; margin:0; padding:0; float: left; position: relative;  }

ul#nav li.first a { font-weight: bold !important; text-decoration: underline;}

ul#nav li a { float:left; display:block; padding:0 14px; height:36px;font-weight:normal; }

ul#nav li ul { display: none; position: absolute; z-index:1000; top: 36px; left: 2px; font-weight:normal; width:200px; padding:0; margin:0; border-right:1px solid #aaa09a; border-left:1px solid #aaa09a; border-bottom:5px solid #aaa09a; }

ul#nav li ul li { margin:0; padding:0; position:relative; display:block !important; width:180px; float:none; text-align:left; }

ul#nav li ul li a { height:auto; line-height:14px; float:none; display:block !important; padding:3px 5px 3px 15px; width:180px; font-size:10px; background:#ecdba3; border-bottom:1px solid #aaa09a; }

ul#nav li ul li a:hover {  background:#f7edcd; }

ul#nav li ul li ul { display: none; position: absolute; z-index:1001; top: 0; left: 175px; font-weight:normal; width:200px; padding:0; margin:0;}

ul#nav li ul li ul li a:hover {  background:#f7edcd; }


/* hover states */
#nav li:hover ul, #nav li.hover ul { display: block; }
#nav li:hover ul li ul, #nav li.hover ul li ul { display: none; }
#nav li:hover ul li:hover ul, #nav li.hover ul li.hover ul { display: block; left:200px;}

@charset "UTF-8";
/* CSS Document */