/* CSS Document */
/**************************************************
Position controls
**************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(../images/dot_bkgd.gif);
	}
/*wrap div contains all divs*/
#wrap {
	position: relative;
	margin:  0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
  	background: #fff;
	border-right:1px solid #699;
	border-bottom:1px solid #699;
	width: 750px;
	background-image:url(../p7pm/img/p7PM_frost.jpg);
	background-repeat:repeat-y;
	}
/*#wrap {
	margin: 0;
	padding: 0;
	width: 80%;
	min-width: 550px;
	max-width: 1400px;
}*/
html>body #wrap { 
	width: 100%; 
	font:Arial, Helvetica, sans-serif;
	font-size: small;
	}
	
/*banner div contains banner image*/	
#banner {
	margin: 0 0 0px 0;
	padding: 0;
	width: 700px;
}

/*navigation div contains p7PM navigation*/
#navigation {
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
	z-index:1;
	}
	
/*content div contains page content, ie: column 1, column 2*/
#content { 
	float: left;
	padding: 0;
	width: 600px;	
	background-color:#fff;
	background-image:url(../images/left_corner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}
		
/*column1 divs contain first column of content*/
#column1 { 

	float: left;
	margin: 0px 0 0 5px;
	padding: 0;
	width: 285px;
	z-index:100;
	}
	
#col1_image {
	margin: 0;
	padding: 0;
	border:1px solid #669999;
	background-image:url(../images/bbq.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

/*column2 div contains second column of content*/
#column2 { 
	float: right;
	margin: 0;
	padding: 0;
	width: 285px;
	}
/*tellBTN div contains Patient Education image and info*/	
#tellBTN {margin-top:20px; 
text-align:center;}
	
/*footer div contains footer info*/ 
#footer {
	clear:both;
	position: relative;
	font-size:80%;
	text-align:center;
	line-height:1.5em;
	width: 748px;
	background-color:#eee;
	margin-top:20px;
	padding-bottom:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
	border-right:1px solid #699;
	border-left:1px solid #699;
	border-bottom:1px solid #699;
	}
	

  /*seminar*/
#seminar {
	float: right;
	margin-bottom: 10px;
	text-align:center;
	padding: 5px;
	width: 270px;
	border: 1px solid #993366;
	background-image:url(../images/spring-fair-background.gif);
	}
.seminar h1 {
font-size: 105%;
color:#990000;
margin-bottom: -10px;
}

/* make the navigation font smaller*/
div#navigation ul {font-size: 90%;}

/*************************************
 fonts on home page 
 *************************************/
p {
  font-size: 95%;
  line-height: 120%;
  margin-left: 10px;
  margin-right: 5px;
}
td {
	color: #000000;
	text-align:left;
}
th {
	color:#666666;
	text-align:left;
	margin-left: 10px;
}
h1 {
	color:#0066CC;
	font-size: 110%;
    margin-left: 10px;
    margin-top: 10px;
	margin-bottom: 5px;
}
h2 {
	color:#666699;
	font-size: 100%;
    margin-left: 10px;
	margin-bottom: -10px;
}
h3 {
	font-size: 100%;
	color:#0066CC;
	margin-left: 10px;
	margin-bottom: -10px;
	}
h4, h5, h6 {
	font-size:100%;
	color:#666666;
	margin-left: 10px;
	margin-bottom: -10px;
}
li {
font-size:100%;
}

/*******************************************
the styles control features box in column 1 
********************************************/
#features {
	font-size: 95%;
	line-height:120%;
	font-weight: bold;
 	width: 90%; 
 	border-right: 1px solid #666; 
 	padding: 0px 0 0 0; 
 	margin-bottom: 1em; 
 	font-family: Verdana, Helvetica, Arial, sans-serif; 
}

#features ul {
 list-style: none; 
 margin: 0; 
 padding: 0; 
}

#features ul li {
	margin: 0;
	border-top: 1px solid #003;
}

#features ul li a:link{
 display: block; 
 padding: 10px 2px 10px 0.5em; 
 border-left: 10px solid #369; 
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color:#EBEBEB; 
 color: #0066CC; 
 text-decoration: none; 
 width: 100%; 
}

#features ul li a:visited{
 display: block; 
 padding: 10px 2px 10px 0.5em; 
 border-left: 10px solid #369; 
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #EBEBEB; 
 color: #0066CC; 
 text-decoration: none; 
 width: 100%; 
}

html>body #features ul li a { 
 width: auto; 
} 

#features ul li a:hover {
 border-left: 10px solid #0066CC;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369; 
 background-color:#99CCCC; 
}
.text {font-weight:normal;
color: #1131AE; }
 	
/* end of features box styles */