/* 
Common Layout Elements
Header
	- Navigation
Footer
Main Content
Generic Content
Page Specific Formatting
*/


/* Common Layout Elements 
_____________________________________________________________________*/
body { 
	background: url(/images/common/body-bg.gif);
	background-color: #c7c393;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}
	
input, select, textarea, h1, h2, h3, h4, h5 { /*reset the size because IE doesn't recognize inherit*/
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#page { 
	width: 1000px;
	text-align: left;
	background-image: url(/images/common/page-bg.gif);
	}
	
#header, #nav { 
	width: 950px;
	}
	
a:link, a:visited { 
	color: #666600;
	text-decoration: none;
	}
	
a:active, a:hover { 
	color: #333300;
	text-decoration: underline;
	}
	
.divider { 
	border-top: 1px solid #eae2e2;
	clear: both;
	}
	
	
	
/* Header 
_____________________________________________________________________*/

#header { 
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(/images/common/medworx-header.jpg);
	}
	
/*navigation*/
#nav { 
	height: 32px;
	background-repeat: repeat-x;
	background-color: #5b5b5e;
	background-image: url(/images/common/nav-bg.gif);
	}
	
#navleft { 
	width: 164px;
	height: 32px;
	float: left;
	background-image: url(/images/common/nav-left.jpg);
	}

#navright { 
	width: 76px;
	height: 32px;
	float: right;
	background-image: url(/images/common/nav-pill.jpg);
	}

.navbuttons { 
	padding-top: 3px;
	}

/* Main Content 
_____________________________________________________________________*/
#subnav, #content, #homecontent { 
	float: left;
	}

#subnav { 
	width: 275px;
	padding: 10px;
	}

#content { 
	width: 645px;
	padding: 10px 10px 10px 0;
	}

	
#spanwrap { 
	padding: 10px;
	width: 930px;
	}
	
#spanheader { 
	margin: 10px 10px 0px 10px;
	width: 930px;
	background-image: url(/images/common/border-span-header.gif);
	height: 10px;
	}
	
#spantitle { 
	margin: 0px 10px;
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	padding: 0px 10px 10px 10px;
	display: block;
	width: 908px;
	}
	
#spancontent { 
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	padding: 0 20px;
	margin: 0 10px;
	width: 888px;
	}
	
#spancontent h1 { 
	font-size: 16px;
	color: #666;
	padding-bottom: 10px;
	}
	
#spancontent h2 { 
	font-size: 16px;
	color: #666;
	padding-bottom: 5px;
	border-bottom: 1px solid #eae2e2;
	margin-bottom: 10px;
	}

#spancontent h3 { 
	font-size: 12px;
	color: #666;
	padding-bottom: 3px;
	border-bottom: 1px solid #eae2e2;
	margin-bottom: 5px;
	}
	
#spanfooter { 
	background-image: url(/images/common/border-span-footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 930px;
	height: 20px;
	margin: 0px 10px;
	clear: both;
	}
	
	
.subcontentheader { 
	height: 10px;
	background-image: url(/images/common/subcontent-header.gif);
	}
	
.subcontentbody { 
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	padding: 0px 10px;
	float: left;
	width: 623px;
}
	
	
.subcontentfooter { 
	height: 10px;
	background-image: url(/images/common/subcontent-footer.gif);
	clear: both;
	}
	
#subnav, #content { 
	float: left;
	}

#subnav { 
	width: 275px;
	padding: 10px;
	}
	
.genimage { 
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}

/* Footer 
_____________________________________________________________________*/

#footer { 
	width: 990px;
	height: 95px;
	padding: 2px 0 0 10px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(/images/common/footer.png);
	
	}
	
#footerinterior { 
	background-repeat: no-repeat;
	background-image: url(/images/common/footer-interior.jpg);
	height: 34px;
	position: relative;
	}
	
#callus { 
	position: absolute;
	top: 12px;
	left: 13px;
	}
	
#emailus { 
	position: absolute;
	top: 5px;
	left: 832px;
	}
	
#credits { 
	padding-top: 20px;
	text-align: center;
	color: #666600;
	width: 930px;
	}
	
/* Page Specific Formatting
_____________________________________________________________________*/

/*Home Page*/
#homecoursecontainer { 
	min-height: 295px;
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	}

.homecoursedesc, .homecoursedescon {
	background-repeat: repeat-x;
	background-position: bottom; 
	cursor: pointer;
	font-style: italic;
	}
	
.homecoursedesc a, .homecoursedescon a {
	text-decoration: none;
	padding: 10px;
	display: block;
	font-size: 13px;
	}

.homecoursedesc a:link, .homecoursedesc a:visited, .homecoursedesc a:hover, .homecoursedescon a:link, .homecoursedescon a:visited, .homecoursedescon a:hover {
	text-decoration: none;
	color: #333;
	}
	
.homecoursedesc {
	background-image: url(/images/common/home-course-desc-bg.jpg);
	}
	
.homecoursedescon {
	background-image: url(/images/common/home-course-desc-bg-on.jpg);
	}

.courseloc {
	font-size: 12px;
	color: #666600;
	}
	
.coursedate {
	font-size: 12px;
	color: #666666;
	}
	
#homecoursecontainer #viewcoursecalendar { 
	text-align: center;
	padding: 15px 0 15px 20px;
	}
	
#homesubnavfooter { 
	height: 190px;
	text-align: center;
	background-image: url(/images/common/home-subnav-footer.gif);
	}
	
#homecontent { 
	width: 645px;
	margin: 10px 10px 10px 0;
	background-image: url(/images/common/home-image.jpg);
	background-repeat: no-repeat;
	height: 530px;
	position: relative;
	}
	
#homecontent #welcome, #homecontent #bullets, #homecontent #quote, #homecontent #quotedby { 
	position: absolute;
	}
	
#homecontent #welcome { 
	top: 20px;
	left: 200px;
	font-size: 22px;
	font-weight: bold;
	color: #666600;
	}

#homecontent #bullets { 
	background-image: url(/images/common/white-50.png);
	top: 200px;
	width: 605px;
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
	}
	
#bulletsa, #bulletsb { 
	float: left;
	width: 290px
	}
	
#bulletsa { 
	padding-right: 25px;
	}
	
#homecontent #bullets ul { 
	font-size: 13px;
	padding: 8px 0px 0px 30px;
	}
	
#homecontent #bullets ul li { 
	padding: 2px 0;
	}
	
#homecontent #quote { 
	top: 450px;
	left: 200px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	width: 375px;
	}

#homecontent #quotedby { 
	top: 473px;
	left: 30px;
	color: #333;
	text-align: right;
	font-style: italic;
	width: 150px;
	}

	
/*Courses Page*/
#coursestabs { 
	background-repeat: repeat-x;
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	height: 83px;
	position: relative;
	overflow: visible;
	background-image: url(/images/common/courses-tabs-bg.jpg);
	background-position: bottom;
	}
	
#viewcalendar { 
	padding: 10px;
}
	
#coursestabs #tab1, #coursestabs #tab2, #coursestabs #tab3 { 
	position: absolute;
	top: 27px;
	}

#coursestabs #tab1 { 
	left: 10px;
	}
	
#coursestabs #tab2 { 
	left: 95px;
	}
	
#coursestabs #tab3 { 
	left: 185px;
	}
	
.coursesub { 
	border-top: 1px solid #eae2e2;
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	padding-bottom: 20px;
	}
	
#coursescontent { 
	float: left;
	width: 605px;
	padding: 10px 20px 10px 20px;
	}
	
#coursescontent h1 { 
	font-size: 20px;
	font-weight: bold;
	color: #666633;
	padding: 20px 20px 10px 20px;
	text-align: center;
	}
#coursescontent h2 { 
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding: 0px 20px 20px 20px;
	text-align: center;
	}
	
#courseeducators { 
	float: left;
	width: 413px;
	background-image: url(/images/common/course-ed-bg.gif);
	margin-right: 20px;
	margin-bottom: 10px;
	}
	
#courseeducators #courseedheader { 
	height: 35px;
	background-image: url(/images/common/course-ed-header.gif);
	background-repeat: no-repeat;
	}
	
#courseeducators #courseedheader h1 { 
	display: none;
	}
	
#courseeducators .edname { 
	width: 181px;
	padding: 2px 0px 0px 20px;
	float: left;
	color: #666;
	font-size: 12px;
	text-transform: capitalize;
	cursor: pointer;
	}
	
#courseeducators #courseedfooter { 
	width: 413px;
	height: 10px;
	clear: both;
	background-image: url(/images/common/course-ed-footer.gif);
	background-repeat: no-repeat;
	}
	
#courseregbutton { 
	float: left;
	z-index: 2;
	}
	
.coursebaropen, .coursebarclosed  { 
	width: 413px;
	color: #fff;
	height: 21px;
	padding: 4px 0 0 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	clear: both;
	background-repeat: no-repeat;	
	margin-bottom: 5px;
	cursor: pointer;
	}
	
.coursebaropen  { 
	background-image: url(/images/common/course-bar-open.jpg);
	}
	
.coursebarclosed  { 
	background-image: url(/images/common/course-bar-close.jpg);
	}

.coursedesc { 
	/*padding-bottom: 5px;*/
	}
	
.coursedesc ul { 
	padding: 10px 3em;
	}
	
#customcontent h1, #customcontent h2, #customcontent h3, #customcontent h4, #customcontent h5 { 
	text-align: left;
	border-bottom: 1px solid #eae2e2;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	color: #666;
	font-weight: normal;
	}
	
#customcontent h1 { 
	font-size: 18px;
	}
	
#customcontent h2 { 
	font-size: 16px;
	}
	
#customcontent h3, #customcontent h4, #customcontent h5 { 
	font-size: 12px;
	}
	

/*Faculty Page*/
#facultycontainer { 
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	padding-bottom: 20px;
	}

#facultycontainer h1 {
	font-style: italic;
	font-size: 13px;
	color: #333;
	background-image: url(/images/common/home-course-desc-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x
	
	}
	
#facultycontainer h1:hover {
	background-image: url(/images/common/home-course-desc-bg-on.jpg);
	background-position: bottom;
	background-repeat: repeat-x

	}
	
#facultycontainer h1 a {
	text-decoration: none;
	color: #333;
	padding: 12px 10px;
	display: block;
	
	}
	
#facultycontainer h1.facultydescon {
	font-style: italic;
	font-size: 13px;
	color: #333;
	background-image: url(/images/common/home-course-desc-bg-on.jpg);
	background-position: bottom;
	}
	
#facultycontainer h1.facultydescon a {
	text-decoration: none;
	color: inherit;
	display: block;
	}
	
#facultyphoto, #facultybio {
	float: left; 
	}
	
#facultyphoto { 
	width: 140px;
	padding-right: 15px;
	font-size: 14px;
	padding-bottom: 5px;
	}
	
#facultyphoto img { 
	padding-bottom: 20px;
	}

#facultyphoto a { 
	color: #333333;
	display: block;
	}
	
#facultybio { 
	width: 463px;
	}

#facultybio h1 { 
	font-size: 18px;
	color: #666633;
	padding-bottom: 20px;
	}
	
#facultybio h2 { 
	font-size: 14px;
	color: #666633;
	padding-bottom: 20px;
	}
	
#facultybio p { 
	padding-bottom: 20px;
	}	
	
.facultylinks a { 
	display: block;
	}
	
.backto { 
	text-align: right;
	font-size: 11px;
	}

/*Calendar Page*/
#calendarwrap { 
	padding: 10px;
	width: 930px;
	}
	
#calendarwrapheader { 
	background-image: url(/images/common/border-span-header.gif);
	height: 10px;
	}
#calendartitle { 
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	padding: 0px 10px 10px 10px;
	display: block;
	}
#calendarcontent { 
	border-left: 1px solid #eae2e2;
	border-right: 1px solid #eae2e2;
	padding: 0 20px;
	}
	
#calendarcontent h2 { 
	clear: both;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding: 3px 20px 6px 20px;
	background-image: url(/images/common/calendar-header.gif);
	background-repeat: repeat-x;
	background-color: #6d6d71;
	margin-bottom: 5px;
	}

#calendardate, #calendardesc, #calendarloc, #calendared, #calendarprice { 
	color: #666;
	float: left;
	padding-right: 20px;
	padding-bottom: 3px;
	}
	
.contdate, .contdesc, .contloc, .conted, .contdetails, .contprice { 
	float: left;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;	
	}

#calendarcontent .clear { 
	border-top: 1px solid #eae2e2;
	padding-bottom: 10px;
	}
	
#calendardate, .contdate { 
	padding-left: 20px;
	width: 140px;
	}
	
#calendardesc, .contdesc { 
	width: 350px;
	}
	
#calendarloc, .contloc { 
	width: 110px;
	}
	
#calendared, .conted, #calendarprice, .contprice { 
	width: 110px;
	}
	
#calendared, .conted { 
	text-transform: capitalize;
	}
	
#calendarprice, .contprice { 
	text-align: right;
	}
	
.contdetails { 
	width: 60px;
	text-align: right;
	padding-right: 0px;
	}

	
#calendarwrapfooter { 
	background-image: url(/images/common/border-span-footer.gif);
	height: 10px;
	}

/*References Page*/
ul.publist { 
	padding: 5px 30px 20px 30px;
	}
	
ul.publist li { 
	padding: 3px 0px;
	}
	
.refreturn { 
	text-align: right;
	}
	
/*Site map*/
.hsitemap { 
	padding-top: 20px;
	}
	
ul a:active, ul a:hover { 
	text-decoration: none;
	}

ul.sitemaplist li { 
	float: left;
	width: 143px;
	padding-right: 5px;
	list-style-type: none;
	font-size: 14px;
	}
	
ul.sitemaplist li a { 
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	display: block;
	padding: 5px 0;
	}
	
ul.sitemaplist li ul { 
	padding: 0px;
	
	}
	
ul.sitemaplist li li { 
	float: left;
	list-style-type: none;
	font-size: 11px;
	padding: 5px 0;
	border-bottom: 1px solid #bfbfbf;
	}
	
ul.sitemaplist li li.coursetitle { 
	font-size: 12px;
	text-transform: capitalize;
	}
	
ul.sitemaplist li li a { 
	border: 0px;
	padding: 0 4px;
	}