﻿BODY, HTML {
	margin:0; 
	padding-left:0;
	padding-right:0; 
	padding-bottom:0; 
	padding-top:10; 
	font: small/1.2em Arial, Helvetica, sans-serif; 
	color: #000; 
	background-color: #316597;
	background: #316597 url('img/bgBlue.jpg');
	background-repeat:repeat-x;
}

/* header
----------------------------------------------- */

#header {
	background: url(img/headerG20.gif) 50% 0 no-repeat; 
	width:770px; 
	height: 75px;
	
	
}
#header a img {
	/*margin-top: 20px;*/
}
#logo a {
	color: #FFF; 
	text-decoration: none; 
	width: 200px; 
	height: 75px; 
	display: block; 
	overflow: hidden; 
	float:left
}
#logo a span {
	display: block
}
#logo a span em {
	display: block; 
	text-indent: -9999px; 
	color: #F4F4EB; 
	font-size: 17px
}
#logo a span strong {
	display: block; 
	text-indent: -9999px; 
	padding-top: 15px; 
	font-weight: normal; 
	font-size: 24px;

	line-height: 24px; 
	letter-spacing: 10px; 
	text-transform: uppercase
}
strong span {
	font-size: 13px; 
	display: inline; 
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	padding:0; 
	letter-spacing: 0; 
	vertical-align: middle
}

#logo a span {
	font-size: 13px; 
	display: inline; 
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	padding:0; 
	letter-spacing: 0; 
	vertical-align: middle
}

/* Search Form
----------------------------------------------- */

#search td{
	margin-bottom:10px; 
	font:11px Arial; 
	color:#000
}

#searchForm {
	float:right; 
	text-align:center; 
	color:#FFF; 
	width:220px; 
	display:block; 
	margin:16px 0 0 0; 
	padding:0
}
#searchForm div {
	margin-bottom:10px; 
	font:10px Arial; 
	color:#FFF
}
#searchForm div a {
	font:12px Arial; 
	color:#FFF; 
	margin-right:6px; 
	margin-left:6px
}
#searchForm form {
	width:220px; 
	display:block; 
	margin:0; 
	padding:0
}
#searchForm input.text {
	width:130px; 
	margin-right:3px; 
	border: 1px solid; 
	border-color: #003366 #769DC4 #769DC4 #003366; 
	font:11px Arial; 
	padding:1px
}
.searchButton {
	cursor: pointer; 
	font:10px Arial; 
	color:#FFF; 
	border: 0px; 
	overflow:hidden; 
	
	background-image: url("img/search.gif"); 
	background-repeat: no-repeat; 
	
	/* WIDTH: The actual width of the image */
	width: 50px; 
	
	/* HEIGHT: First number of padding; and number in 2nd height;  is actual height of image */
	padding-top: 0; 
	height: 17px !important; 
	height /**/: 17px
}
.searchButton:hover {
	background-image: url("img/search_hover.gif"); 
	background-repeat: no-repeat
}

/* site navigation
----------------------------------------------- */

#navList {
	width:770px;
	margin:0; 
	font:11px Arial; 
	padding:6px 0 8px 0;
	text-align:center;  
}
#navList li {
	display: inline; 
	color:#FAFAFA; 
	list-style-type: none;
	padding:0
}
#navList li a:visited {
	text-decoration:none; 
	color:#FAFAFA; 
	padding:1px 12px 2px 12px;
}
#navList li a {
	text-decoration:none; 
	color:#FAFAFA; 
	padding:1px 12px 2px 12px;
}
#navList li a:hover {
	color:#FFF; 
	background:#336699; 
	text-decoration:none; 
	background-image:url(img/rollbg.jpg); 
	background-repeat:repeat-x
}
#navList #current a {
	color:#B3CCE6
}
#navList #current a:hover {
	color:#B3CCE6
}

td{
	font:12px Arial; 
	color:#000
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #454637;
}

/* footer
----------------------------------------------- */
#footer p {
	color:#999; 
	font:10px Arial; 
	text-align:right; 
	padding:6px 6px 0 0; 
	margin:0
}
#footer a:visited {
	color:#999; 
	font:10px Arial
}
#footer a {
	color:#999; 
	font:10px Arial
}
#footer a:hover {
	color:#FFF
}

/* body container
----------------------------------------------- */

#bodyContainer { background-color:#FFFFFF; width: 770px; color:#999; font:12px Arial; text-align:left; padding:0px; margin:0; }
#imageHolder { float: left; width: 348px; padding: 1px; margin: 0px; }
#videoHolder { float: left; width: 342px; padding: 1px; margin: 0px; }
#contentPadding { float:left; width: 410px; position: relative; left: 10px; padding: 0px; margin: 0px; color:#4d4d4d; }
#contentHolder { width: 387px; }
#mHeader { padding: 0 1px 0 1px; margin: 0px; }
#columnHolder { background: url(img/mBackground.gif) 1px 0px repeat-y; width: 768px; }

#mVideo { position: relative; width:400px; padding:0px; margin:0px; height: 23px; list-style: none;	}
#mVideo li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#mVideo a { float: left; margin: 0 0 0 0; padding: 25 0 0 0; overflow: hidden; height: 0px !important; height /**/:25px; /* for IE5/Win */ }
#mVideo a.selected { background-position: 0 -25px; }

#mVideo a:active { background-position: 0 -25px; }

#mVideo a:hover { background-position: 0 -25px; }

/* Homepage Video Link Styles */

#video1 a { width: 220px; background: url(img/mDetectingHeart.gif) top left no-repeat; }
#video2 a { width: 220px; background: url(img/mEmergencyHeart.gif) top left no-repeat; }
#video3 a  { width: 220px; background: url(img/mWeightloss.gif) top left no-repeat; }
#video4 a  { width: 220px; background: url(img/mProstatecancer.gif) top left no-repeat; }
#video5 a  { width: 410px; background: url(img/mLiverCancer.gif) top left no-repeat; }
#video6 a  { width: 300px; background: url(img/mSportsMed.gif) top left no-repeat; }
#video7 a  { width: 300px; background: url(img/mWomansHeart.gif) top left no-repeat; }
#video8 a  { width: 300px; background: url(img/mEmergencyStroke.gif) top left no-repeat; }
#video9 a  { width: 300px; background: url(img/mBrainSurgery.gif) top left no-repeat; }
#video10 a  { width: 300px; background: url(img/mInnovativeCancer.gif) top left no-repeat; }
#video11 a  { width: 300px; background: url(img/mReduceInfections.gif) top left no-repeat; }
#video12 a  { width: 300px; background: url(img/mCardiacRehabilitation.gif) top left no-repeat; }
#video13 a  { width: 300px; background: url(img/mPrematureBirth.gif) top left no-repeat; }
#video14 a  { width: 300px; background: url(img/mSeniorCommunities.gif) top left no-repeat; }
#video15 a  { width: 410px; background: url(img/mYoungAthletes.gif) top left no-repeat; }
#video16 a  { width: 410px; background: url(img/mTreatOvarian.gif) top left no-repeat; }
#video17 a  { width: 410px; background: url(img/mChronicKidney.gif) top left no-repeat; }
#video18 a  { width: 410px; background: url(img/mEmergencyCare.gif) top left no-repeat; }
#video19 a  { width: 410px; background: url(img/mSurvivingBreastCancer.gif) top left no-repeat; }
#video20 a  { width: 410px; background: url(img/mEndocrineDisease.gif) top left no-repeat; }
#video21 a  { width: 410px; background: url(img/mHeartFailure.gif) top left no-repeat; }
#video22 a  { width: 410px; background: url(img/mOvarianCancer.gif) top left no-repeat; }

#bColumn1 { position: relative; left: 1px; width: 256px; float:left; margin:0px; padding:0px; }
#bColumn2 { position: relative; left: 2px; width: 256px; float:left; margin:0px; padding:0px; }
#bColumn3 { width: 256px; float:left; margin:0px; padding:0px; }
#cContent { width: 220px; position:relative; left: 20px; display:block; color:#4d4d4d; font:12px Arial; } 
#cContent b { color:#4d4d4d; font:12px Arial; font-weight:bold }

.redTxt { font:12px Arial; color:#c93a3c; }
a.redTxt { text-decoration: none; font:12px Arial; color:#c93a3c; }
a.redTxt:visited:hover { text-decoration: underline; }

a.redTxt:hover { text-decoration: underline; }

.redTxtBold { font:12px Arial; color:#c93a3c; font-weight:bold; }
a.redTxtBold { text-decoration: none; font:12px Arial; color:#c93a3c; font-weight:bold; }
a.redTxtBold:visited:hover { text-decoration: underline; }

a.redTxtBold:hover { text-decoration: underline; }

.grayTxt { color:#4d4d4d; font:12px Arial; }
a.grayTxt { text-decoration: none; color:#4d4d4d;  }
a.grayTxt:visited:hover { color:#4d4d4d; text-decoration: underline; }

a.grayTxt:hover { color:#4d4d4d; text-decoration: underline; }

.grayTxtBold { color:#4d4d4d; font:12px Arial; font-weight:bold; }
a.grayTxtBold { text-decoration: none; color:#4d4d4d; font-weight:bold; }
a.grayTxtBold:visited:hover { color:#4d4d4d; text-decoration: underline; }

a.grayTxtBold:hover { color:#4d4d4d; text-decoration: underline; }

.grayTxtSmall { color:#4d4d4d; font:10px Arial; }
a.grayTxtSmall { text-decoration: none; }
a.grayTxtSmall:visited:hover { text-decoration: underline; }

a.grayTxtSmall:hover { text-decoration: underline; }

.arrowBullet { color:#4d4d4d; font:16px Arial; font-weight:bold  }

#bottomCover { clear:both; }

.txtField { width:214px; margin:0; border: 1px solid; border-color: #b4b4b4; font:11px Arial; padding:0px; }

.sendEmail { background: url(img/btnSendEmail.gif); }
button.sendEmail { background-position: top left; height: 35px; margin:0px; padding:0px; width:95px; }
a:hover button.sendEmail { background-position: 0 -35; }
button { width: 35px; padding: 0; border: 0; cursor: pointer; display: block; } 

.sendEmailHover a { width: 35px; padding: 0; border: 0; cursor: pointer; display: block; } 

a.btnRequest { display: block; width: 180px; height: 35px; background: url("img/btnAppointmentRequest.gif") 0 0 no-repeat; text-decoration: none; }
a:hover.btnRequest { background-position: 0 -35px; }

a.btnFind { display: block; width: 162px; height: 35px; background: url("img/btnFindDoctor.gif") 0 0 no-repeat; text-decoration: none; }
a:hover.btnFind { background-position: 0 -35px; }

a.btnViewVideo { display: block; width: 112px; height: 35px; background: url("img/btnViewVideo.gif") 0 0 no-repeat; text-decoration: none; }
a:hover.btnViewVideo { background-position: 0 -35px; }

a.btnVisitLibrary { display: block; width: 192px; height: 35px; background: url("img/btnVisitLibrary.gif") 0 0 no-repeat; text-decoration: none; }
a:hover.btnVisitLibrary { background-position: 0 -35px; }

#libraryLinks { background-color:#fafafa; float: left; width: 256px; padding: 0px; margin: 0px; height:390px; }
#libraryDivider { background-color:#fafafa; float: left; background: url("img/verticalDivider.gif"); background-repeat:repeat-y; height: 400px; width: 1px; }
#libraryResources { background-color:#fafafa; float: left; width: 513px; padding: 0px; margin: 0px; height: 550px; overflow:auto; }
#resourceHolder { color:#4d4d4d; width: 448px; position: relative; left: 20px; padding: 0px; margin: 0px; }
#libraryHolder {
	width: 240px;
	position: relative;
	left: 20px;
	padding: 0px;
	margin: 0px;
}
