/* CSS Document */
/* ---------  CSS Styles for Hawkstone Physical Therapy  --------- */
/* ---------   by Caroline Clouqueur  --------- */


/***********************************************************************/
/* ------------ for de-bugging ------------ */
/***********************************************************************/

/*
div {
	border: 1px solid green;
}
div div {
	border: 1px solid blue;
}
div div div {
	border: 1px solid red;
}
*/

/***********************************************************************/
/* ------------ Basic formatting ------------ */
/***********************************************************************/

body {
	margin: 0 auto;
	padding: 0;
	background-color: #8BC8ED;
	background: #8BC8ED url("images/bg_body.gif") repeat-x;
	font: normal 76%/1.35em Helvetica, sans-serif;
	text-align: center; /* to centre content in IE */
	}

/* list-style: | list-style-type | list-style-position | list-style-image;
ex: ul { list-style: square inside url("sqr.gif");}
*/

h1, h2, h3, h4, h5, p, ul, ol, li {
	font: normal 1em/1.35em Helvetica, sans-serif;
	color: #333;
	padding: 0 30px 0 45px; /* so that the text isn't stuck against the div's side */
	margin: 0;
	text-align: left;
	}
h1 {
	font: bold 1.3em/1.4em Helvetica, Sans-serif;
	color: #106CB2;
	}
h2 {
	padding-top: 0.8em;
	padding-bottom: 0.5em;
	font: normal 1.4em/1em Helvetica, Sans-serif;
	color: #DF8600; /* orange */
}
h3 {
	font: bold 1em/1.2em Helvetica, sans-serif;
	color: #333; /* dark gray */
	padding-top: 0.6em;
	}
h4 {
	font: bold italic 1em/1.2em Helvetica, sans-serif;
	padding-top: 1.2em;
	padding-bottom: 0.2em;
	color: #333; /* dark gray */
	}	
p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
span {
}
.img_floatLeft {
	float: left;
	margin: 0 1em 0.3em 35px;
}
.img_floatRight {
	float: right;
	margin: 0 2em 0.3em 1em;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}

img {
	padding: 0;
	margin: 0;
	border: 0;
	}
ul, ol {
	margin: 0;
	padding: 0;
	margin-left: 45px;
	padding-left: 40px;
	}
	
 ul.twocol{
	margin: 0;
	padding: 0;
	margin-left: 45px !important;
	padding-left: 25px !important;
}	

ul {
	list-style-type: square;
	}
ul ul {
	margin-left: 0em;
	}
li {
	line-height: 1.2em;
	padding-bottom: 0.6em;
	padding-left: 0;
	}
ul ul li {
	font-style: italic;
	}
blockquote {
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0.9em 1.1em;
	margin: 1.5em 6em 1em 6em;
	background-color: #DBD9D5; /* light gray */
	text-align: left;
	}
blockquote p.footnote {
	margin-left: 0;
	margin-right: 0;
}
sup {
	line-height: 0;
	}

/***********************************************************************/
/* ------------ Table Styles ------------ */
/***********************************************************************/

table {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	font-size: 1em;
	border: none;
	vertical-align: top;
}

th {
}

tr, td {
	margin: 0;
	padding: 0;
	background-color: transparent;
	vertical-align: top;
}

/***********************************************************************/
/* ------------ Default Linking Styles ------------ */
/***********************************************************************/

a {
	/* text-decoration: none; */
	color: #106CB2; /* blue */
	}
a:link, a:visited {
	color: #106CB2; /* blue */
	}
a:hover {
	color: #333; /* dark gray */
	}
a:active {
	color: #106CB2; /* blue */
	}

/***********************************************************************/
/* ------------ Positioning Divs ------------ */
/***********************************************************************/

div, div div, div div div {
	margin: 0 auto;
	padding: 0;
}

#container {
	width: 770px;
	background: transparent url("images/bg_container.gif") repeat-y;
}

#masthead {
	height: 100px;
	width: 770px;
	background-image: url("images/bg_masthead.jpg");
	text-align: left;
	}

#mainNav {
	height: 34px;
	width: 770px;
	background: transparent url("images/bg_mainNav.jpg") no-repeat;
	}

#wrapper { /* this contains the two main area columns */
	width: 770px;
	margin-top: 25px;
}

#mainContent {
	margin: 0;
	margin-bottom: 100px;
	/* keep IE 3px bug in mind */
	/* width: 570px;*/
	width: 567px;
	float: left;
}
#rightCol { /* narrow right column with contact info */
	margin: 0;
	width: 200px;
	float: right;
	background: transparent url("images/bg_rightCol.gif") repeat-y;
	padding-bottom: 20px;
	}

#footer {
	height: 62px;
	width: 770px;
	clear: both; /* needed for short content */
	background: transparent url("images/bg_footer.gif") no-repeat;
	}
	
.gallery {
	margin-top: 30px;
	margin-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	background-color: #fae8c4;
}


.gallery img{
	margin: 5px;
	border: solid 3px #fff;
	
}

/***********************************************************************/
/* ------------------- Functional Nav (None) ------------------- */
/***********************************************************************/

/***********************************************************************/
/* -------  Main/Top Navigation Rules  ------------------- */ 
/* -------  (Services, Staff, Am I Covered, etc.) -------- */
/***********************************************************************/

/* ul.topNav {
	list-style-type: none;
	text-align: center;			
	margin: 0;
	padding: 0;
	margin-left: 30px;
	}
ul.topNav li {
	padding: 0;
	margin: 0;
	display: inline;
	float: left;
	}*/
/* ul.topNav li.on {
	background: transparent url("") no-repeat;
}
ul.topNav li.on_home {
	background: transparent url("") no-repeat;
	padding-right: 4em;
} */

/*ul.topNav a {
	text-decoration: none;
	color: #666;
	}
ul.topNav a:link, ul.topNav a:visited {
	color: #666;
	}
ul.topNav a:hover {
	color: #B90017;
	}
ul.topNav a:active {
	color: #666;
	}*/
	
/* Drop down menu stuff */
#dropdown, 
#dropdown ul {
  /*background-color: #CCCCCC;*/
  float: left;
  padding: 0;
  margin: 0;
  margin-left: 26px;
}
#dropdown a {
  display: block;
  text-decoration: none;
}
#dropdown li {
  list-style-type: none;
  float: left;
  padding: 0;
}
#dropdown li ul {
  background-color: #CCC;
  position: absolute;
  display: none;
  width: 127px;
  margin: 0;
  padding: 0;
}
#dropdown li li {
  border-bottom: 1px solid #999999;
  margin: 0;
  padding: 0;
  width: 127px;
}

#dropdown li ul li.physheading {
  font-weight: bold;
  padding: 5px;
  width: 117px;
  color: #fff;
  background-color: #fc8e01;
  font: normal normal 1em/1.2em Helvetica, sans-serif;
}

#dropdown li ul li.physheading:hover {
  background-color: #fc8e01;
}

#dropdown li ul li.exerheading {
  font-weight: bold;
  padding: 5px;
  width: 117px;
  color: #fff;
  background-color: #0261b3;
  font: normal normal 1em/1.2em Helvetica, sans-serif;
}

#dropdown li ul li.exerheading:hover {
  background-color: #0261b3;
}

#dropdown li ul a {
  padding: 5px;
  padding-left: 10px;
  color: #000;
  font: normal normal 1em/1.2em Helvetica, sans-serif;
}
#dropdown li:hover ul ul, #dropdown li.hovering ul ul {
  display: none;
}
#dropdown li:hover ul, #dropdown li.hovering ul {
  display: block;
}
#dropdown li:hover, #dropdown li.hovering {
  background-color: #E5E5E5;
}


/***********************************************************************/
/* ------------------- Right Side Col Rules (Contact Info) ------------------- */
/***********************************************************************/

#rightCol p {
	font: normal 0.9em/1.2em Helvetica, Sans-serif;
	padding: 0 30px 1em 15px;
	margin: 0;
	}
#rightCol h2 {
	font: bold 1em/1em Helvetica, Sans-serif;
	margin-left: 15px;
	margin-top: 5px;
	color: #000;
	padding: 0.6em 30px 0.6em 13px;
	background: transparent url("images/bullet.gif") no-repeat left center;
}

/***********************************************************************/
/* ------------------- Stray Para Styles ------------------- */
/***********************************************************************/
.profTitle {
	color: #000;
	font-size: 0.6em;
	font-weight: bold;
}
.small {
	font-size: 0.8em;
}
.step {
	font-weight: bold;
	color: #DF8600; /* orange */
}

#footer p {
	padding-top: 3.5em;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #fff;
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer a {
	/* text-decoration: none; */
	color: #fff; /* white */
	}
#footer a:link, a:visited {
	color: #fff; /* white */
	}
#footer a:hover {
	color: #fc6; /* light yellow */
	}
#footer a:active {
	color: #fff; /* white */
	}
/***********************************************************************/
/* ------------ Default Linking Styles ------------ */
/***********************************************************************/

a {
	/* text-decoration: none; */
	color: #106CB2; /* blue */
	}
a:link, a:visited {
	color: #106CB2; /* blue */
	}
a:hover {
	color: #333; /* dark gray */
	}
a:active {
	color: #106CB2; /* blue */
	}