/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Site
-------------------------------------------------------------- */
 
#wrapper { margin:0 auto; width:900px; position:relative; }

/* Header --------------- */

#header #banner { height:153px; background: url(../images/header.jpg) no-repeat; }
#header #banner h3 { text-indent:-9999px; }

#header ul { margin:1px 0 22px 0; list-style-type:none; border-top: 4px solid #666666; padding:0; background: url(../images/nav-line-right.gif) no-repeat right; }
#header ul li { display:inline; padding:0;  }
#header ul li a { margin-top:3px; float:left; padding:8px 30px 8px 16px; border-left: 1px solid #ccc; color:#999; text-transform:uppercase; font-size: 16px; font-family: Georgia; }
#header ul li a.last { padding-right:0; }
#header ul li a:hover { text-decoration:none; }

#Home-banner { letter-spacing:0.5px; padding-top:26px; padding-left:360px; padding-right:30px; font-size:15px; color:#333333; line-height:23px; height:97px; background: url(../images/home-banner.jpg) no-repeat; }
#Home-banner p { font-family:Georgia; font-style:italic; }
#Home-banner h1 { text-indent:-9999px; position:absolute; }

#About-banner h1, #Staff-banner h1, #Modalities-banner h1, #Accreditation-banner h1, #Contact-banner h1,
#Links-banner h1,  #ComputingTomography-banner h1, #Mammography-banner h1, #MagneticResonance-banner h1, 
#NuclearMedicine-banner h1, #RadiationShielding-banner h1, #X-Ray-banner h1
{ text-indent:-9999px; position:absolute; }

#About-banner { height:67px; background:url(../images/about-banner.jpg) no-repeat; }
#Staff-banner { height:67px; background:url(../images/staff-banner.jpg) no-repeat; }
#Modalities-banner { height:67px; background:url(../images/modalities-banner.jpg) no-repeat; }
#Accreditation-banner { height:67px; background:url(../images/accreditation-banner.jpg) no-repeat; }
#Contact-banner { height:67px; background:url(../images/contact-banner.jpg) no-repeat; }
#Links-banner { height:67px; background:url(../images/links-banner.jpg) no-repeat; }

#ComputingTomography-banner { height:67px; background:url(../images/computingtomography-banner.jpg) no-repeat; }
#Mammography-banner { height:67px; background:url(../images/mammography-banner.jpg) no-repeat; }
#MagneticResonance-banner { height:67px; background:url(../images/magneticresonance-banner.jpg) no-repeat; }
#NuclearMedicine-banner { height:67px; background:url(../images/nuclearmedicine-banner.jpg) no-repeat; }
#RadiationShielding-banner { height:67px; background:url(../images/radiationshielding-banner.jpg) no-repeat; }
#X-Ray-banner { height:67px; background:url(../images/x-ray-banner.jpg) no-repeat; }

/* DropDown --------------- */

div#modalities-nav { width:220px; position:absolute; background:#fff; padding:12px; border:solid 1px #ccc; top:201px;right:326px; }
	
div#modalities-nav ul { margin:0; padding:0;}
div#modalities-nav ul li { list-style-type:none; line-height:25px;}
div#modalities-nav ul li a { display:block; border-bottom: 1px solid #ccc; font-size:13px; }


.sub-banner { margin-bottom:20px; }

/* Home Structure --------------- */

#home-left { float:left; width:400px; margin-right:50px; }
#home-left ul { list-style-type:none; margin:0; }
#home-left ul li { width: 183px;float:left; margin-bottom:27px; background: url(../images/dash.gif) repeat-x bottom; }
#home-left ul li a { letter-spacing:0.5px; color:#666; font-size:13px; padding:4px 0px 4px 1px; float:left; }
#home-left ul li a:hover {  }

#home-left ul li a img { display:block; padding:0; float:none; }
#home-left ul li.hpad { margin-right:33px; }

#home-right { float:left; width:450px; background: url(../images/dash.gif) repeat-x top; }

#home-right-1 { background: url(../images/home-block-bg.jpg) no-repeat bottom; padding:30px 0; }
#home-right-1 ul { margin-bottom:0; padding-left:130px; background: url(../images/med_border.jpg) no-repeat top left; }
#home-right-1 ul li { font-size:14px; letter-spacing:0.5px; }

#home-right-2 { background: url(../images/home-block-bg.jpg) no-repeat bottom; padding:30px 0; }
#home-right-2 p { margin-bottom:0; font-size:13px; color:#545556; font-family:Georgia; line-height: 22px; }
#home-right-2 p em { font-weight:bold; color:#024884; font-size:14px; }
#home-right-2 p img { background:#fff; padding:6px; border: 1px solid #cbcbcb; float:right; margin:0 14px 0 22px; }

/* Sub Structure --------------- */

#sub-left { float:left; width:568px; margin-right:40px;  }
#sub-left p { font-size:13px; line-height: 22px; color: #666; margin-left: 20px;  }
#sub-left ul { margin-left: 50px; }
#sub-left ul li { font-size: 13px; color: #666; }

#sub-left h2 { margin-left:20px; font-size:15px; margin-bottom:8px; color:#024884;}

#sub-right { float:left; width:292px; }
#sub-right img { background:#fff; padding:6px; border: 1px solid #cbcbcb; }
#sub-right div.sub-block img { padding:0; border:none; }

#sub-right h3 { margin-left:0px; font-size:15px; margin-bottom:8px; color:#024884;}

/* Staff Structure --------------- */

#staff-photos {  margin-left: 20px; margin-top:10px;  }
#staff-photos div.staff { margin-bottom: 24px; }
#staff-photos div.staff h3 { color:#024884; margin-left: 178px; font-style:italic; font-family:Georgia, Times, serif; }
#staff-photos div.staff h3 span { font-family:Arial, sans-serif; font-size:12px; color:#666; }
#staff-photos div.staff p { margin-bottom:0;font-size:12px; line-height: 19px; float:left; width: 367px; }
#staff-photos div.staff img { float:left; display:block; background:#fff; padding:6px; border: 1px solid #cbcbcb; }

div.sub-block { padding-right: 20px; color:#628eb3; padding-left:30px; font-size:14px; background: url(../images/line.jpg) no-repeat; margin-left: 2px; margin-top:30px; padding-top:6px; }
div.sub-block p { margin-bottom:10px; padding-left:3px; }

/* Contact Structure --------------- */

form { margin-left: 20px; }
div.input-group { background:#f3f6f9 url(../images/blue-grad.jpg) repeat-x bottom; padding:12px; margin-bottom:6px; }

div.input-group label { font-size:14px; color: #666; font-family:georgia; font-style:italic; width: 100px; float:left; display:block; }
div.input-group input { color: #444; width: 300px; padding:4px; font-size: 15px; }
div.input-group textarea { font-size: 12px; width:300px; height:100px; }
form input.submit { margin-left: 110px; margin-top:10px; }

span.org, span.street-address, span.tel, span.fax { display:block; }
span.adr { display:block; margin-bottom: 8px; }

span.tel span, span.fax span { font-size:11px; text-transform:uppercase; color:#333; }

/* Footer --------------- */

#footer { position:relative; clear:both; height:37px; background: url(../images/footer-bg.gif) no-repeat; margin-top:20px; margin-bottom:40px; float:left; width:900px; }
#footer p { padding:11px 0 0 14px; color:#666; }
#footer p.vcard { position:absolute; top:0px; right:20px; }
#footer span.tel { display:inline; }

/* Extra --------------- */

div.alert {
	border-style: solid; 
	border-color: rgb(255, 209, 41); 
	border-width: 1px 1px 3px; 
	padding: 10px 15px; 
	-moz-border-radius: 3px; 
	background-color: rgb(255, 244, 166); 
	margin-bottom: 14px; 
	font-size:14px;
	margin-left:20px;
	}

	div.sent {
		border-style: solid; 
		border-color: #78ae78; 
		border-width: 1px 1px 3px; 
		padding: 10px 15px; 
		-moz-border-radius: 3px; 
		background-color: #b8d4b8; 
		margin-bottom: 14px; 
		font-size:14px;
		margin-left:20px;
		}

.bpad { margin-bottom:6px; }

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }