/* CSS St. Joseph's Villa

Author: Christina Reeser
Site design: Fultz & Associates, Richmond, VA
Date Created: 08/19/2007
Copyright: St. Joseph's Villa. All rights reserved. */

/* ---------->>> GLOBAL <<<-----------*/
html { margin: 0; padding: 0;}

body {
	background: #555 url(white.gif) top center repeat-y;
	background-color: #555;
	color:#101010;
 	margin: 0 auto; padding: 0;
   }

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}
p { margin-top: 15px; margin-bottom: 15px; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

a { text-decoration: none; color:#f70; }
a:hover { text-decoration: underline; }

/* ---------->>> DIVS <<<-----------*/

#wrapper {
 background: #fff url(../images/spacer.gif) 170px 0px no-repeat;
 margin: 0 auto;
 width: 752px;
}

#header {
 background: url(subbanner.gif) top left no-repeat;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 height: 150px;
 overflow: hidden;
}

#footer { 
display: none;
}


/* ---------->>> HEADER ITEMS <<<-----------*/

h1 { }
	#header h1 {
	height:120px; /* height of logo */
	width:218px; /* width of logo */
	background: transparent url(sjv_logo.gif) top left no-repeat;
	text-indent:-9000px;
	float: left;
	}
	
	#content h1 { 
	font: bold 1.4em "Trebuchet MS", "Trebuchet", sans !important; 
	color: #1ad;
	margin-bottom: 10px;
	}
		
h2 {}
	#content h2 { 
	font: italic 1.2em "Trebuchet MS", "Trebuchet", sans !important; 
	color: #096;
	}
	
h3 {}
	#content h3 { 
	font: bold 1.1em "Trebuchet MS", "Trebuchet", sans !important; 
	color: #096;
	}	

/* ---------->>> HEADER ITEMS <<<-----------*/

#header a { 
	text-decoration: none; 
	color: #fff;
	font: 14px "Helvetica" sans;
}
/* ---------->>> Global NAVIGATION <<<-----------*/

/*I borrowed a compliant nav from Stu Nichols as a starting point*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#navwrapper {
width: 190px;float: left; background: url(../images/navcurve.gif) top left no-repeat; 
}
/* common styling */
.menu{
width:190px; height:163px; position:relative; top: 0px; margin:0px 0; z-index:100;
}
.menu ul {
padding:0; margin:0; list-style-type: none; width:190px; height:163px;
}
.menu ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0px;left:145px; padding-top: 10px;
}
.menu ul li {
float:left;
}
.menu ul li a, .menu ul li a:visited {
display:block; float:left; color:#fff; width:165px; height:28px; line-height:26px; font: 14px "Helvetica" sans; margin-left:20px;
}

* html .menu ul li a, * html .menu ul li a:visited {width:165px; w\idth:165px; margin-left:5px;}

.menu table {
border-collapse:collapse; border:0; margin:0; padding:0; font: 14px "Helvetica" sans; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu ul li:hover a,
.menu ul li a:hover{
color:#fff;
}

.menu ul li:hover {position:relative; z-index:90;}
* html .menu ul li a:hover {position:relative; z-index:100;}


/*Second tier*/

.menu ul li:hover ul,
.menu ul li a:hover ul {
	background: transparent url(textsub2.gif) top left no-repeat;
	visibility:visible; position:absolute; font: 10px "Helvetica" sans; 
	height:163px; border:0; overflow:visible;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a{
display:block; color:#fff !important; font: 12px "Helvetica" sans !important; height:auto; line-height:14px; padding:2px 0 0px 0px; height:auto; text-decoration:none !important;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {
color:#000; text-decoration: underline !important;
}

p.smallnav {
margin-left: 30px; font: 12px/18px "Helvetica" sans !important;
}

p.breadcrumbs { font: .8em/1.2 "Helvetica" sans !important; color: #666; 
}

/* ---------->>> TEXTAREA Tags <<<-----------*/

#content {
	background-color: #fff;
	margin: 0 auto;
	/* top right bottom left*/
	margin: 20px 60px 30px 220px;
	font: .9em/1.6 "Trebuchet MS", "Trebuchet", sans;
}

/* ---------->>> NEWS Tags <<<-----------*/

.news h2 { 
	padding: 10px 0px 0px 20px;
	font: bold 14px "Trebuchet MS", "Trebuchet", sans !important; 
}

.news p { 
	padding-left: 20px;
	font: 12px "Trebuchet MS", "Trebuchet", sans
}

dl { margin-top: 20px;}
dt { font-weight: bold;}

table.data {
	border-collapse: collapse;
	background-color: #F6F9E5;
	width: 95%;
}
 
table.data th {
	background-color: #86A772;
	text-align: left;
	padding: 5px;
	font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 8px 12px 4px 12px;
        /* background: #CAE8EA url(bg_header.jpg) no-repeat; */
        vertical-align:middle;
        color: #fff;
}

table.data td {
	padding: 5px;
	border-top: 1px solid #fff;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 12px 6px 12px;
	color: #333;
}
table.data tr.title {
	background-color: #E1E7BC;
}
table.data tr.title td {
	background-color: #E1E7BC;
	font-weight: bold;
}

.description {
	font: .9em/1.1 "Trebuchet MS", "Trebuchet", sans;
	color: #010101;
	padding: 5px; 
	border: 1px solid #f70;
}

.small { font-size: .7em; }

/* ---------->>> FOOTER Tags <<<-----------*/


.clear { clear: both; background: none; }