/*=======================================================================
		TITLE:	Default Style Sheet - Practice Automation / Hospital Automation
	 TARGET:	CSS2 
	VERSION:	2006.07.18
	 AUTHOR:	Graham Wheeler / NetMediaOne - www.netmediaone.com
=======================================================================*/

a { color: #06f; text-decoration: underline; cursor: pointer; }
a:hover { color: #000; background: #fd4; text-decoration: none; cursor: pointer; }

body { background: #303030; margin: 0px 0px 30px 0px; padding: 0px; }
body, table { color: #303030; font: normal 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.8; }

img, table, div { border: none; margin: 0px; padding: 0px; }
td { margin: 0px; padding: 0px; vertical-align: top; }

.thisform fieldset { border: 1px solid #d0d0d0; padding: 0px 0px 0px 20px; }
form .text-area, .dropdown, .field, .submit { border: 1px solid #d0d0d0; }
.field { width: 200px; margin: 0px 20px 0px 0px; }
.textarea { width: 90%; border: 1px solid #d0d0d0; }
legend { font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; color: #58c; }

h1 { font: bold 17px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0px 12px 0px; color: #303030; }
h2 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 15px 0px; color: #303030; }
h3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; color: #303030; }
h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 15px 0px; color: #303030; }
h5 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin: 10px 0px 3px 0px; color: #303030; }
h6 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin: -10px 0px 8px 0px; color: #707070; text-transform: uppercase; }

ul { margin: 0px 0px 0px 15px; padding: 0px; list-style: square outside; }
ul li { margin: 3px 10px 3px 10px; }
ul.Benefits { margin-bottom: 12px; }

ul.Ruled { list-style: none; margin: 0px; }
ul.Ruled li { margin: 8px 0px 0px 0px; border-top: 1px solid #e0e0e0; padding: 6px 0px 0px 0px; }
ul.Ruled li:first-child { margin: 0px; border-top: 0px; padding: 0px; }

.PicLeft { border: #d0d0d0 solid 5px; float: left; margin: 5px 10px 8px 0px; }
.PicRight { border: #d0d0d0 solid 5px; float: right; margin: 5px 0px 8px 10px; }
.BorderedPicLeft { float: left; margin-bottom: 8px; margin-right: 10px; border: 1px solid #333; }
.BorderedPicRight { float: right; margin-bottom: 8px; margin-left: 10px; border: 1px solid #333; }
.HeaderImage { display: block; margin: 0px 0px 15px 0px; }

#layoutWrapper { width: 760px; margin: 0px auto 0px auto; position: relative; padding-top: 37px; }

#topNav { position: absolute; top: 18px; right: 0px; width: 290px; height: 18px; z-index: 120; }
#topNav a { display: inline; float: left; height: 18px; }
#mastHead {	position: relative;	height: 95px;	margin-bottom: 10px; }
#mainNav { position: absolute; left: 10px; top: 55px; z-index: 120; }
#mainNav a { display: inline; float: left; }

#bannerSection { position: relative; height: 50px; margin-bottom: 10px; }
.LayoutHome #bannerSection { height: 200px; }
#bannerNav { position: absolute; top: 118px; left: 36px; height: 28px; z-index: 140; }

#contentSection { width: 100%; overflow: auto; }

#contentSectionTop, #contentSectionBottom { height: 15px; }

.LayoutHome #contentSectionTop { background: url("images/contentSection_LayoutHome_top.gif") no-repeat; }
.LayoutHome #contentSection { background: url("images/contentSection_LayoutHome_middle.gif") repeat-y; }
.LayoutHome #contentSectionBottom { background: url("images/contentSection_LayoutHome_bottom.gif") no-repeat; }
#column1, #column2, #column3 { display: inline; float: left; width: 200px; padding: 10px 0px 10px 30px; }
.LayoutHome #column2 { margin: 0px 20px 0px 20px; }

.LayoutSub1 #contentSectionTop { background: url("images/contentSection_LayoutSub1_top.gif") no-repeat; }
.LayoutSub1 #contentSection { background: url("images/contentSection_LayoutSub1_middle.gif") repeat-y; }
.LayoutSub1 #contentSectionBottom { background: url("images/contentSection_LayoutSub1_bottom.gif") no-repeat; }
.LayoutSub1 #column1 { width: 700px; }

#footerSection { color: #909090; font-size: 10px; text-align: center; margin-top: 10px; }
#footerSection a { color: #909090; text-decoration: underline; }
#footerSection a:hover { color: #fff; background: none; text-decoration: none; }


