/* 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;
	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) top center no-repeat;
 margin: 0 auto;
 width: 752px;
}

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

#header {
 background: url(topbkg.gif) top left no-repeat;
 margin-bottom: 0px;
 width: 100%;
 height: 307px;
}
#subheader {
 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;
}

#footer { 
 display: none;
}


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

h1 { }
	#header h1, #subheader 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;
	}
		
h2 {}
	#content h2 { 
	font: italic 1.2em "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.
=================================================================== */

/* common styling */
.menu{
text-decoration: none; width:170px; height:163px; position:relative; margin:0px 0; z-index:100;
}
.menu ul {
padding:0; margin:0; list-style-type: none; background:#f70; width:170px; height:163px;
}
.menu ul li ul {
background: transparent url(../images/textsub.gif) top left no-repeat;
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0px;left:150px; padding-top: 10px;
}
.menu ul li {
float:left;
}
.menu ul li a, .menu ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:145px; height:30px; line-height:29px; font: 14px "Helvetica" sans; background:transparent;  padding-left: 15px;
}
* html .menu ul li a, * html .menu ul li a:visited {width:145px; w\idth:143px; padding-left: 7px;}

.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{
background:#f70; color:#fff;
text-decoration: underline !important;
}

.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(../images/textsub.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; background:transparent; 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;
}

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

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

#careers {
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	margin-top: 20px;
	position: absolute;
	height: 46px;
	width: 125px;
	background-color: #fff;
	/* top right bottom left*/
	font: .9em/1.2 "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
}
/* ---------->>> FOOTER Tags <<<-----------*/

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