/* stylesheet.css - MSKUS */

/* NOTES: -- avoid using padding in DIVs -- layout tends to break in IE6, box model problem */
/*        -- using VERTICAL-ALIGN and having hard carriage returns within a DIV will cause couple-pixel space to appear above/below images in a DIV */

/* NORMALIZE BROWSER DEFAULTS */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, form, input, table, tr, th, td, img, pre, fieldset, label, dd, dt, dl { margin: 0px; padding: 0px; border:0px; }
ul, ol { list-style: none; }
img, a img, :link img, :visited img, fieldset { border: none; }

table { border-collapse: collapse; }


/* GLOBALS */

html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

body {
	margin: 15px 0px 15px 0px;
	background-color: #222642;
	text-align: center;
}

p, dl { padding-bottom: 10px; }

.margin0 { margin: 0px; padding: 0px; }
.padding0 { padding: 0px; }
.padding-top { padding-top: 12px; }

blockquote { padding: 0px 12px 8px 18px; }

p, td, ul, ol { line-height: 120%; }

h1, h2, h3 { color: #333333; padding-top: 6px; padding-bottom: 8px; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }

input, textarea { 
  margin: 0px;
  padding: 1px 4px 2px;
  border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

hr {
	border-top: 1px solid #243E63;
	height: 1px;
}

div.clear {
  clear: both; 
	margin: 0px;
	padding: 0px;
}

.floatleft { float: left; }
.floatright { float: right; }

ul {
	padding: 0px 0px 12px 16px;
}

ul.bullets {
	padding: 0px 0px 12px 32px;
	list-style-position: outside;
	list-style-type: disc;
}

ul.bullets-arrow-blue {
	padding: 0px 0px 12px 32px;
	list-style-position: outside;
	list-style-image: url(../images/arrow-right-blue-small.gif);
}

ol {
	padding: 0px 0px 12px 32px;
	list-style: decimal outside;
}

li { padding-bottom: 3px;}

.list-top-margin {
  margin-top: 12px;
}

a:link, 
a:visited  {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #257EC0;
}

a:focus, 
a:hover, 
a:active {
	font-weight: normal;
	color: #A91630;
}

a.a-nav:link, 
a.a-nav:visited {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

a.a-nav:focus, 
a.a-nav:hover, 
a.a-nav:active {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #7A6F5C;
	text-decoration: none;
}

.center { text-align: center; }

.text-small { font-size: 11px; }
.text-vsmall { font-size: 10px; }
.text-red { color: #d80000; }
.text-red-bold { color: #d80000; font-weight: bold; }

.show { display: block; }
.hide { display: none; }

.superscript { vertical-align: top; font-size: 8px; }

.margin0 { margin: 0px; padding: 0px; }

.underline { text-decoration: underline; }
.underline-none { text-decoration: none; }

img.border1 { border: 1px solid #333333; }

.indent { margin-left: 15px; }


/* FRAMEWORK */

div#page {
	width: 947px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(../images/page-bkgd-wht.jpg) repeat-y left top;
}

div#header { 
  height: 247px; 
  width: 947px;
}
div.header-home { background: #E6E6E6 url(../images/page-top-bkgd-Home.jpg) no-repeat left top; }
div.header-aboutus { background: #E6E6E6 url(../images/page-top-bkgd-AboutUs.jpg) no-repeat left top; }
div.header-whymsk { background: #E6E6E6 url(../images/page-top-bkgd-WhyMSK.jpg) no-repeat left top; }
div.header-training { background: #E6E6E6 url(../images/page-top-bkgd-Training.jpg) no-repeat left top; }
div.header-protocols { background: #E6E6E6 url(../images/page-top-bkgd-Protocols.jpg) no-repeat left top; }
div.header-resources { background: #E6E6E6 url(../images/page-top-bkgd-Resources.jpg) no-repeat left top; }
div.header-faq { background: #E6E6E6 url(../images/page-top-bkgd-FAQ.jpg) no-repeat left top; }
div.header-contactus { background: #E6E6E6 url(../images/page-top-bkgd-ContactUs.jpg) no-repeat left top; }

div#mainsection {
	background: #F0F0F0 url(../images/page-bkgd-gra-wht-gra.jpg) repeat-y left top;
  margin: 0px;
	padding: 0px;
}
body#index div#mainsection {
	background: #F0F0F0 url(../images/page-bkgd-gra-wht-gra-blue.jpg) repeat-y left top;
}
div#nav-container {
  float: right;
	width: 232px;
}
div#nav-container p {
  margin: 0px;
	padding: 0px;
}
div#text-container {
  float: right;
	width: 690px;
}
div#text-container-content {
  padding: 0px 40px 12px 30px;
}
body#index div#text-container-content {
  padding: 0px 22px 0px 30px;
}

div#bottomedge {
  height: 20px;
  width: 947px;
}
div.bottom-home { background: #E6E6E6 url(../images/page-bottom-edge-home.jpg) no-repeat left top; }
div.bottom-subpage { background: #E6E6E6 url(../images/page-bottom-edge-subpage.jpg) no-repeat left top; }

div#bottomedge p {
  margin: 0px;
	padding: 0px;
}

/* FOOTER SECTION */
div#footer {
	width: 947px;
	margin: 0 auto;
	padding: 0px;
	text-align: right;
}

div#footer p.footer-links { 
  clear: both;
	padding: 12px 0px 12px 257px;
	text-align: center;
}

div#footer p.footer-links  a {
  padding: 2px 11px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
div#footer p.footer-links  a:link, 
div#footer p.footer-links  a:visited {
	color: #D7DAEC;
}
div#footer p.footer-links  a:focus, 
div#footer p.footer-links  a:hover, 
div#footer p.footer-links  a:active {
	color: #F5D725;
}

div#footer p.copyright {
  margin: 8px 8px 6px 0;
	padding: 0;
	font-size: 10px;
	color: #555;
	font-weight: normal;
}

div#footer p.websitedesignby {
  margin: 2px 8px 8px 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color: #777;
}
div#footer a.a-webdesign:link, 
div#footer a.a-webdesign:visited, 
div#footer a.a-webdesign:active {
  margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color: #777;
	text-decoration: underline;
}
div#footer a.a-webdesign:hover, 
div#footer a.a-webdesign:focus {
	color: #eb6436;
	text-decoration: underline;
}

/* END FOOTER SECTION */


/* FORMS */

form#contactForm { 
  padding: 24px 0px 12px 25px;
}

form div.formrow {
  clear: both;
	margin: 0px;
  padding: 0px;
}
form div.form-hr {
  clear: both;
	margin: 0px;
  padding: 0px;
}
form div.formrow span {
	margin: 0px;
  padding: 0px 0px 6px 0px;
	float: left;
	display: block;
	text-align: left;
}
form div.formrow span.formlabel { 
  width: 130px; 
}
form div.formrow span.formfield {
  width: 430px;
} 

form#contactForm textarea#Comments {
  width: 380px;
} 

form#contactForm input#submitInquiry {
	overflow: visible;
	cursor: pointer;
	padding: 2px 6px 1px 6px;
	background-color: #97B9DF;
}

/* END FORMS */


/* CONTENT DESCRIPTORS */

div#header img.logo {
  margin-top: 85px;
}

div#home-text-content {
  float: left;
	width: 378px;
}
div#home-text-content p.home-title {
  text-align: center;
	margin: 0px;
	padding: 28px 0px 6px 0px;
}
div#home-text-content .home-subtitle {
  text-align: center;
	margin: 0px;
	padding: 8px 0px 18px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #B5835C;
}
div#home-text-content p {
	font-size: 13px;
}

div#home-workshops {
	float: right;
	width: 230px;
	height: 381px;
	background: url(../images/home-Regional-Workshops-bkgd.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
}
div#home-workshops-text {
  padding: 12px 6px 0px 16px;
}
div#home-workshops-text p {
	margin: 0px;
	padding: 0px;
  font-size: 11px;
  line-height: 115%;
	color: #FFFFFF;
}
div#home-workshops-text p.workshop-title {
  font-weight: bold;
}
div#home-workshops-text p.workshop-date {
  font-weight: bold;
  padding-left: 17px;
}
div#home-workshops-text p.workshop-descrip {
  font-weight: normal;
  padding: 0px 0px 12px 12px;
}
div#home-workshops-text a {
  font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
div#home-workshops-text a.pdf:link, 
div#home-workshops-text a.pdf:visited  {
	color: #D7DAEC;
}

div#home-workshops-text a.pdf:focus, 
div#home-workshops-text a.pdf:hover, 
div#home-workshops-text a.pdf:active {
  color: #F0DFAD;
}
div#home-workshops-text a.register:link, 
div#home-workshops-text a.register:visited  {
	color: #d80000;
}

div#home-workshops-text a.register:focus, 
div#home-workshops-text a.register:hover, 
div#home-workshops-text a.register:active {
  color: #F0DFAD;
}

p.subpage-title {
  margin: 0px;
	padding: 0px 0px 18px 0px;
}

div.linksbox-topright {
  float: right;
	width: 190px;
  padding: 12px 4px 0px 0px;
	text-align: right;
}
div.linksbox-topright p {
  margin: 0px;
  padding: 0px 0px 4px 0px;
}

.faculty-name {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	font-weight: bold;
	color:#005575;
}

.section-title {
  margin: 12px 0px 12px 0px;
  padding: 2px 8px;
  display: inline;
  font-weight: bold;
  color:#FFFFFF;
  background: #005575;
  border: 1px solid #005575;
}
.section-title-soldout {
  margin: 12px 0px 12px 0px;
  padding: 2px 8px;
  display: inline;
  font-weight: bold;
  color:#f00;
  background: #F0F0F0;
  border: 1px solid #005575;
}

div.protocol-book {
  height: 110px;
	padding-right: 50px;
}

div#online-order-container { 
  margin: 6px 0 12px 0;
  padding: 0;
}
div#online-order-intro { 
  float: left;
  width: 300px;
  margin: 0 5px 0 0;
  padding: 0;
}
div#online-order-paypal {
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
}
div#online-order-container form input {
  border: none;
}