/***************************************************
     AUTHOR: Conrad Zero - www.conradzero.com
   TEMPLATE: adagiostyle.css
       DATE: July 2007
  COPYRIGHT: None - Help yourself
 ***************************************************/


/***************************************************
   HTML Element Styles
 ***************************************************/
*{
margin: 0;
padding: 0;
}

* a /*color for hyperlinks not otherwise defined*/{
	color: ffffcc;  /*not sure if this will stay, color for leaf text from julia*/
}

body /*contains ALL but keep everything inside wrapper for centering and absolute positioning*/{ 
	
	width:798px;
	margin:0px auto;
	text-align:left;
	#text-align: center; /* force centering for IE */
	min-width: 798px; 
	min-height:600px; 
	color: ffffcc;  /*not sure if this will stay, color for leaf text from julia*/
	font-size: 0.7em; 
	/*font-family: "Bembo", Georgia, "Times New Roman", Times, serif;*/ 
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: 2em; 
	background-color: black; }

#wrapper  /* Contains all page items, including HEADER, MAIN and FOOTER centered on page */ {
	background-color: #fa9523;  /*pumpkin color matches main jpg*/
	width: 798px;
	/* min-height: 1000px; strangely, this is not affecting the min height*/
}

#main_home /*Main for Homepage only - nested in body-wrapper along with header and footer - contains Menu and Content - has background pic*/ {
	background-image: url(../graphics/adagio_homebackground_med.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	min-width: 798px;
	height: 100%;
	background-color: black;
	/*height: 600px;  min-height here  does no good, use height instead to control main section height*/
}

#main /*main for all other pages - nested in body-wrapper along with header and footer - contains Menu and Content - has background pic*/ {
	background-image: url(../graphics/adagio_pagebackground_med.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fa9523;  /*pumpkin color matches main jpg*/
	width: 100%;
	min-width: 798px;
	height: 100%;
	/*height: 600px;  /*min-height here  does no good, use height instead to control main section height*/
}


#menu /*navigation menu nested with content in body-wrapper-main*/ { 
	display: inline;  /*switch between block and inline*/
	/*margin-top: 140px; add some spacing here to move leaves down, make sure content section matches this*/
	padding-top: 200px;  /*make sure this matches margin and padding for menu-ul-li so top leaf doesn't get clipped*/
	float: left;
	width: 20%;
	min-width: 150px;
	text-align: left; 
}

#menu ul li /*add leaves behind each menu item*/{
	list-style-type: none; /*removes default bullets from list */
	background-image: url(../graphics/adagio_leaf.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 89px;
	/*margin-top: -20px;  trick to get leaves to overlap*/
	margin-top: -66px;
	#margin-top: -30px; /*hack for correct spacing in IE */
	padding-top: 30px;  /* adjust this along with margin-top so text is centered on leaf */
	padding-left: 10px;
	font-size: 1.1em;
	color: ffffcc; /*font color from Julia */
}

#menu ul li a {
	text-decoration: none;
	font-size: 1.1em;
	color: ffffcc; /*font color from Julia */
}

#menu ul li a:hover,
#menu ul li a.active {
	color: FFFFFF;
	}

#content { 
	display: inline;  /*switch between block and inline*/
    float: left;
	margin-top: 140px; /*make sure this matches menu margin-top*/
	text-align: left; 
	width: 75%; 
	padding-top: 30px;
	font-size: 1.5em;
	color: ffffcc; /*font color from Julia */
}

#content h1 {
	color: #9c342a;  /*maroon color*/
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}

#content h2 {
	color: #9c342a;  /*maroon color*/
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 0pt;
	padding-top: 0.5em;
}

#content p{ 
	padding-top: 5px; 
	padding-bottom: 10px; 
	padding-left: 15px;
}

#content p span {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 0.8em; 
	padding-right: 3px;
	color: #9c342a;  /*maroon color*/
}
	
#content img { 
	vertical-align: middle; 
	padding-left: 10px; 
	padding-right: 10px; }

#content ul {
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 50px;
	line-height: 2em;  /*this adjusts text but not the bullet graphic*/
}

#content ul li {
	/*position: relative;*/
	text-decoration: none; /*this removes underline from hyperlinks*/
	list-style-type: none; /*removes default bullets from list */
	list-style-image: none;
	background-image: url(../graphics/adagio_leafbullet.gif);
	background-position: 0px 8px; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 50px; /*moves text over to make room for baby leaf graphic bullet */
	color: #ffffcc;}


#content ul li a {
	position: relative;
	text-decoration: none; /*this removes underline from hyperlinks*/
	/* height: 2em; removed because causes list spacing problems on appointments page */
	list-style-type: none; /*removes default bullets from list */
	/*   list-style-image: url(../graphics/adagio_leafbullet.gif);
	padding-left: 0px; strangely, this needs to be 10px less than the content ul li left padding??? */
	color: #ffffcc;}

#content ul li a:hover {
  text-decoration: underline;
  color: #FFFFFF;  /*white*/
}

#content address {
	font-style: normal;
	margin-left: 50px; 
	margin-top:30px; 
	font-size: 1.5em; 
	line-height:1em;
}	
	
#content blockquote{ 
	color: #9c342a; 
	font-size: 1.3em; 
	line-height: 1.3em;
	font-weight: bold;
	font-style: italic;
	padding: 20px;
}

#content dt	{ 
	text-decoration: underline; }
	
#content dd {
	padding-left: 50px;
	padding-bottom: 10px;
}


/* FOOTER *******************************************/
#footer { 
	clear: both; 
	width: 100%; 
	color: maroon; 
	background-color: black;
	font-size: 0.8em; 
	line-height: 150%; 
	padding-top: 20px; 
	padding-bottom: 20px; /*including a value here adds more wrapper space below the footer*/
}

#footer p { 
	text-align: center; 
	margin: 0; 
	padding-top: 0 !important; 
	padding-right: 0; 
	padding-bottom: 0 !important; 
	padding-left: 0; 
}

#footer a {
  color: maroon;
}

.clearboth {
	clear: both;
}

.leftimg {
			float:left;
			margin:15px;
			padding:0;
		}
		
.rightimg {
			float:right;
			margin:15px;
			padding:0;
		}
		
.imgborder{
		/*border-style: solid;
		border-width: 3px;
		border-color: #000000;*/
}