/*
Title: Practical Healthcare Solutions, LLC
Style: General stylesheet
Author: Tome Wilson - tome@creativewebgroup.net
Last Updated: September 5, 2008
*/

/* ---[ css reset ]--------------------- */
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, .rss_box {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1.55em; /* 12x1.55=18.6px */ font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1; color: #000}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal; padding: 6px}
em, .em {font-style: italic}
strong, .strong {font-weight: bold}
.big {font-size: 110%}
.small {font-size: 75%}
.l {float: left}
.r {float: right}
.clear {clear: both; display: block}
.center {text-align: center}


/* ---[ link styles ]--------------------- */
a {color: #5784c3; text-decoration: none}
a:link {color: #5784c3}
a:visited {color: #5784c3}
a:hover {color: #f15d22}


/* ---[ structure ]--------------------- */
html, body {background: #000; height: 100%; min-width: 770px; text-align: center; color: #000; text-align: left; font: normal 0.85em/1em Arial, Helvetica, sans-serif}
	
	#header {width: 770px; height: 118px; display: block}

	#middle {border-top: 1px solid #000; clear: both}
	

	/* ---[ left side ]--------------------- */
	#side-navigation {width: 127px; float: left}
	#side-navigation div {font-size: 1px !Important}

	/* ---[ main area ]--------------------- */
	#main-area {width: 642px; float: left; display: block; border-left: 1px solid #000}

	#top-navigation {background: #5784c3; height: 30px}

		/* ---[ son of suckerfish dropdowns ]--------------------- */
		#nav, #nav ul {padding: 0; margin: 0; list-style: none; text-align: left; background: #97bce9; font-weight: bold}
		#nav li a {display: block; color: #fff; text-decoration: none; padding: 5px 10px}
		#nav li li a {width: 180px; color: #5784c3; text-decoration: none}
		#nav li li a:hover {color: #fff; background: #5784c3}
		#nav li {float: left; display: block}
		#nav li ul {position: absolute; width: 200px; display: block; left: -999em; color: #5784c3}
		#nav li:hover ul {left: auto; background: #fff; border: 2px solid #5784c3}
		#nav li:hover ul, #nav li.sfhover ul {left: auto}

	#content {padding: 10px; background: #f7f7eb; line-height: 1.35em}

		/* ---[ content styles ]--------------------- */
		.pinch {font-size: 1px !Important}

		#content p {padding: .4em 0}
		#content ul {padding: .4em 0; margin-left: 20px}
		#content li {margin-left: 10px; list-style: square; padding-bottom: .25em}
		#content .box {background: #fff; border: 1px dashed #666; padding: 10px; margin: .4em 0}
		.hr {font-size: 1px; border-bottom: 1px dotted #ccc; margin: 10px 0}
		.bump {padding: 1em 0}


/* ---[ footer ]--------------------- */
#footer {clear: both; margin-left: 128px; padding: 1em 10px; background-color: #000; font-weight: bold; color: #fff; border-top: 1px solid #000;}


/* ---[ headers ]--------------------- */
h1 {clear: both; font: bold 1.75em/1em Arial, Helvetica, sans-serif; color: #5784c3; padding: 0 0 .25em 0; margin-bottom: .25em; border-bottom: 1px solid #5784c3}
h2 {clear: both; font: bold 1.25em/1em Arial, Helvetica, sans-serif; color: #000; padding: .75em 0 .25em 0}
h3 {clear: both; font: bold 1.15em/1em Arial, Helvetica, sans-serif; color: #5784c3; padding: .4em 0 .25em 0}

/* ---[ colors ]--------------------- */
.black {color: #000 !Important}
.blue {color: #5784c3 !Important}
.white {color: #fff !Important}