/* Compliant Browser CSS Document */

/* typography */

html,body {
	margin:0;
	padding:0;
	color:#CDCCCC;
	background:#EFECE6;
	}

ul.sitemap {
color: #ff0000;
}
.textnews{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
	
div, p {
	color: #333333;
	background: left;
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
	list-style: inside;
}

a {color: #17471C; text-decoration:none; font-weight: bold;}
a:hover {color: #17471C; text-decoration: underline;}

.hours {
	color: #000000;
	background: left;
	font: 10px/12px Arial, Helvetica, sans-serif;
	list-style: inside;
}


h1 {
	font: lighter 25px Arial, Helvetica, sans-serif;
	color: #17471C;
	margin: 15px 0 10px;
	padding: 0 0 8px;
	border-bottom: 1px dotted #cccccc;
	letter-spacing: -1px;
}
h2 {
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #17471C;
	font-size: 15px;
	font-weight: normal;
	margin: 0px 0 4px;
	padding: 0 0 4px;
	border-bottom: 1px dotted #CCCCCC;
}
h3 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	margin: 0px 0 5px;
	padding: 0 0 0px;
	text-transform: capitalize;
}
h4 {font: normal 10px/30px Arial, Helvetica, sans-serif; color: #999999; margin: 0px 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #cccccc;}

h5 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #17471C;
	font-weight: bold;


div.clear {clear: both}


/* Services Template */
#services {
	width: 223px;
	height: 235px;
	text-align: left;
	overflow: auto;
	padding: 10px;
}

#services p{
	color: #000000;
	font: 11px/14px Arial, Tahoma, SunSans-Regular;
}

#rightnav {
	float: right;
	margin: 0px 0px 10px 2px;
	width: 210px;
	text-indent: 10px;
}




/* FRAME */
#fadecontainer {
    background-image: url(http://www.kleinmediagroup.com/clients/westlake/images/frame_shade.jpg);
    background-repeat: repeat-x; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #EFECE6; /** Website BG colour **/
    width: 101%;
	margin-top: 0px;
	margin-bottom: 0px;
    text-align: center;
}

#topcontainer {
    width: 950px;
    margin-top: 0px;
	margin-bottom: 0px;
	margin: 0px auto;
    text-align: left;
}

#container {
    width: 950px;
    margin: 0px auto;
    text-align: left;
}

#side-b { 
	width: 500px;
	margin: 0px 0px 0px 450px;
	position: absolute;
	text-align: right;
}

#side-b2 { 
	margin: 0 10px 0 0;
	float: right;
	width: 327px;
	height: 1% /* Holly hack for Peekaboo Bug */
} 



#logo {
    width: 950px;
	height: 91px;
    margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	background: transparent url(http://www.westlakemedical.com/beta/images/hospital_logo_mast.gif) no-repeat;
}

#column1 {
	float:left;
	width:950px;
	margin: 20px 5px 15px 20px;
    }
	
#column1home {
	float:left;
	width:585px;
	margin: 20px 5px 15px 20px;
    }	
	
	
#column1wide {
	float:left;
	width:910px;
	margin: 20px 0px 15px 20px;
    }
	
#columnservices {
	float:left;
	width:910px;
	margin: 20px 0px 15px 20px;
    }	
	
	
#column1map {
	float:left;
	width:600px;
	margin: 20px 5px 15px 20px;
    }	
	
		
#column2 {
	float:right;
	width:240px;
	margin: 0px 5px 5px 0px;
    }	
	
#column2home {
	float:right;
	width:328px;
	margin: 20px 10px 15px 0px;
    }	
	
	
#column2map {
	float:right;
	width:300px;
	margin: 20px 5px 15px 0px;
    }	

#pgborder { 
	margin: 10px 10px 0;
	float: left;
	width: 535px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

div#footer {
	width: 950px;
	margin: 0px 0 0 0px;
	padding: 0;
	text-align: left;
	clear:both;
	font: 10px Arial, Helvetica, sans-serif;
}

div#footer2 {
	width: 950px;
	margin: 0px 0px 35px;
	padding: 0;
	text-align: left;
	clear:both;
	font: 10px Arial, Helvetica, sans-serif;
	height: 40px;
}

#footer2column1 {
	float:left;
	width:650px;
	margin: 5px 5px 5px 5px;
    }
	
#footer2column2 {
	float:right;
	width:260px;
	margin: 5px 5px 5px;
    }

div#mn_col {
    width: 950px; 
	margin: 0 0 0 0px;
	padding: 0;
}

div#mn_col_home {
    width: 950px; 
	margin: 0px;
	padding: 0px;
}

div#mn_flash {
    float:left;
    width: 700px;
	margin: 0 0 0 0px;
	padding: 0;
}

div#mn_nav {
    width: 950px; 
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

div#horizontal_tex {
    background-image: url(http://www.westlakemedical.com/beta/images/frame_bottom_fade.jpg);
    background-repeat: repeat-x;
    width: 950px; 
	height: 23px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

div#sub div#sub_column table.spec {
	width: 100%;
	font-size: 9px;
}

div#sub div#sub_column table.spec th {
	font-weight: normal;
	padding: 10px 2px 3px 2px;
}

div#sub div#sub_column table.spec th, div#sub div#sub_column table.spec td {text-align: left; padding: 3px 2px 3px 2px;}
div#sub div#sub_column table.spec th.first, div#sub div#sub_column table.spec td.first {text-align: left;}
div#sub div#sub_column table.spec tr.odd {background-color: #DBD7CF;}

/* --- internal boxes --- */
.ibl {
	background: #D5CEC1 url(http://www.kleinmediagroup.com/clients/westlake/images/news_bl.gif) no-repeat 0 100%;
	width: 240px;
	height:100%;
	margin: 0px;
}
.ibr {background: url(http://www.westlakemedical.com/beta/images/news_br.gif) 100% 100% no-repeat}
.itl {background: url(http://www.westlakemedical.com/beta/images/news_tl.gif) 0 0 no-repeat}
.itr {background: url(http://www.westlakemedical.com/beta/images/news_tr.gif) 100% 0 no-repeat; padding:10px}
.iclear {font-size: 1px; height: 1px}


.mibl {
	background: #D5CEC1 url(http://www.kleinmediagroup.com/clients/westlake/images/news_bl.gif) no-repeat 0 100%;
	width: 240px;
	margin: 0px;
}
.mibr {background: url(http://www.westlakemedical.com/beta/images/news_br.gif) 100% 100% no-repeat}
.mitl {background: url(http://www.westlakemedical.com/beta/images/news_tl.gif) 0 0 no-repeat}
.mitr {background: url(http://www.westlakemedical.com/beta/images/news_tr.gif) 100% 0 no-repeat; padding:15px}
.miclear {font-size: 1px; height: 1px}

/* NEWS BLOCK  -----------------------------------------------------------------------------------------*/

#newsBlock p {
	padding: 0;
	color: #333333;
	font: 11px/16px Arial, Helvetica, sans-serif;
}

#newsBlock a:link {
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}
#newsBlock a:visited {
	color: #333333;
	text-decoration: none;
}
#newsBlock a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e4e3d6;
}
#newsBlock a:active {
	color: #333333;
	text-decoration: none;
}

/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/

#footerBlock p {
	padding: 0;
	position: relative;
	color: #666666;
	text-align: left;
	font: normal 10px Arial, Helvetica, sans-serif;
	width: 950px;
	margin: 0px;
	text-indent: 20px;
}

#footerBlock a:link {
	color: #666666;
	text-decoration: none;
}
#footerBlock a:visited {
	color: #17471C;
	text-decoration: none;
}
#footerBlock a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #D5CEC1;
}
#footerBlock a:active {
	color: #333333;
	text-decoration: none;
}

/* FOOTER BLOCK 2  -----------------------------------------------------------------------------------------*/

#footerBlock2 p {
	padding: 0;
	position: relative;
	color: #666666;
	text-align: left;
	font: normal 10px Arial, Helvetica, sans-serif;
	width: 245px;
	margin: 0px;
	text-indent: 0px;
}

#footerBlock2 a:link {
	color: #666666;
	text-decoration: none;
}
#footerBlock2 a:visited {
	color: #17471C;
	text-decoration: none;
}
#footerBlock2 a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #D5CEC1;
}
#footerBlock2 a:active {
	color: #333333;
	text-decoration: none;
}

/* --- float images --- */
.rightimage {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 20px;
	border: 2px solid #666666;
}

.centerimage {
	float: center;
	margin-left: 0px;
	margin-bottom: 5px;
	border: 2px solid #666666;
}