/*-------------------------------------------------------*/
/*----- screen.css for Clarkson Family Medicine ---------*/
/*-------------------------------------------------------*/

/*----- XHTML Elements Definition -----*/
/*----- Text Elements -----*/
a {color:#387FDB;}
a:hover {text-decoration:none;}
body { font-family: Sans-serif; font-size: 90%; background: url(images/bg.png) repeat top left; color: #000000; margin: 0; }
address {}
blockquote {}
h1 { margin: 0; padding: 0;}
h2 { margin:10px 0 0 0;  padding: 0;}
h3 { margin: 15px 0 0 0; padding: 0;}
h4 { margin: 0; padding: 0;}
h5 { margin: 0; padding: 0;}
h6 { margin: 0; padding: 0;}
p { margin: 0 15px 10px 0; padding:0;}
p.leading:first-letter { font-size: 200%; color: #b55a35; line-height: 95%;}
/*----- Form Elements -----*/
button { background: #f0f0f0; border: 1px solid #ccc;}
form {}
input { background: #f0f0f0; border: 1px solid #ccc; margin: 0;padding: 8px;}
select {}
/*----- List Elements -----*/
ol {}
ul { padding: 0 0 0 1em; margin: 0 0 1em 10px; }
li { margin: 0 0 5px 0; padding: 0;}
dd {}
dfn {}
dl {}
dt {}

/*----- Table Elements -----*/
caption { border-bottom: 1px solid #ccc; }
col {}
colgroup {}
table { border-collapse:collapse; margin-bottom: 10px;}
table .alt { background: #f0f0f0; }
td { padding: 5px;}
tfoot tr td{ margin-top: 10px;padding: 10px; font-size: .8em; font-style: italic; border: 1px solid #ccc; background: #fafafa;}
th {padding: 6px 0 6px 0;}
tr {}
img {border:none;}

/*----- Class / ID Definitions -----*/
.midAlign {vertical-align:middle;}
#serviceList li {display:inline;float:left;width:250px;margin:3px 0 3px 0;}
#releaseList {list-style-type:square;}

#navBar {float:right;margin-top:44px;text-align:right;clear:both;}
	#navBar ul {float:right;list-style:none;display:inline;padding:0;margin:0;width:575px;}
	#navBar li {float:left;padding:0;margin-left:25px;}
	
#footerList {float:right;list-style:none;display:inline;}
	#footerList li {float:left;margin-left:15px;}

	
	
#tagLine {margin:15px 0 15px 0;font-size:17px;font-weight:bold;}

/*----- LARGE CONTAINER/BUCKET STYLES -----*/
#aspnetForm {  }
#pageShadow { width: 825px; margin: 40px auto 40px auto; border: 1px solid #444; background: #fff;}
#pageWrapper { margin: 0; }
#content { float: left; width: 100%; padding-bottom: 2%; background: url(/_res/images/rightCol.jpg); background-repeat:no-repeat;}
#content p { line-height: 160%; }
#body { float: left; width: 72%; margin: 2% 11px 0 11px;}

#menu { float: right; width: 23%;margin-right:5px;}
	#menu p {line-height:18px;font-size:12px;}
	#menu ul {list-style:none;margin:10px 0 20px 0;padding:0;color:#4F4F2B;}
	#menu li {border-bottom:1px dotted #ccc;padding:5px 0 5px 0;}
		#menu li a {text-decoration:none;color:#4F4F2B;}
		#menu li a:hover {color:#4F4F2B;}
	
#footer {clear: both; background: #fff; font-family: Arial Narrow; height: 80px;color: #999; border-top: 1px dotted #ddd;}
#footerLinks {float:right; width:60%;text-align:right;}
	#footerLinks a {color: #999;border-bottom:1px dotted #999;text-decoration:none;}

#header { float: left; background: url(images/header_bg.png) top left repeat-x; border-bottom: 1px solid #444;}
#header #logo {float: left; padding:0 0 0 12px; }
#header #search {float: right; margin:0; }
#header input.textBox { background: #f9f9f9; border: 1px solid #ccc; padding: 9px; font-size: 90%; font-weight: lighter; color: #777;}

#flash { float: left; border-bottom: 1px solid #444;}
    #flash img { display: block; float: left; }

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



 .sIFR-active .navListItem {
    	visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
    }

    .sIFR-active .navListItem {
      padding-bottom: 0;
      display: block;
      font-size:20px;
      
    }


/*----- Form Collection Classes -----*/
#header input.textBox { background: #f9f9f9; border: 1px solid #ccc; padding: 9px; font-size: 1.2em; font-weight: lighter; color: #777;}
.formCollection {list-style:none;}
	.formCollection p {margin:0;padding:0;}
	.formCollection li {float:left;margin-bottom:22px;}
	.formCollection .desc {float:left;clear:both;font-size:10px;font-family:Sans-Serif;padding:2px 0 0 0;margin:0;}
	.formCollection div {float:left;}
	.formCollection label {float:left;font-weight:bold;color:#333;width:570px;margin-bottom:2px;}
	.formCollection input {float:left;padding:6px;border-width: 1px;border-style: solid;border-color: #7C7C7C #C3C3C3 #DDDDDD #C3C3C3;}
	
	.formCollection input[type="button"]  {background-color:Blue;}
	
	.formCollection textarea {background: #f0f0f0;float:left;padding:6px;border-width: 1px;border-style: solid;border-color: #7C7C7C #C3C3C3 #DDDDDD #C3C3C3;}
		.formCollection .namePrefixSuffix {width:30px;margin-right:5px;}
		.formCollection .nameFirstLast {width:125px;margin-right:5px;}
		.formCollection .email {width:275px;}
		.formCollection .comments {width:475px;height:210px;}