/****************************************************************************

Authors: Stephen Saugestad & Ben Hulse

*****************************************************************************/

/* defaults ************************************************************/

html, body {
	margin: 0;
	padding: 0;
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(images/bg.gif);
	margin-top:30px;
	padding-top: 30px;
}

body a:link, body a:visited, body a:active {
	color: #7A7A7A;
	text-decoration: none;
}

body a:hover {
	text-decoration: none;
	color: #535353;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;

}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* hacks ***********************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* misc ********************************************/

h1#logo, h1#logo a {
	float: left;
	margin:0;
	padding:0;
	display:block;
	text-indent: -9999px;
	background: url(images/title.png) no-repeat left top;
	width: 260px;
	height: 40px;
}

/* main divs *****************************************/

#wrap {
	width:700px;
	margin:0 auto;
	padding:0;
min-height:100%;

}

#content {
	width:698px;
}

#contentBlank {

	width:598px;
	background-color:#fff;
	clear:left;
	padding:50px;
}

#contentHome {

	width:666px;
	height:351;
	background-color:#fff;
	clear:left;
	padding:18px;
   
min-height:351px;

}





/* sub nav *****************************************/

#subNav, #subNavWide {
   height:30px;
   width:420px;
   font-size: 11px;
   float:left;
   clear:left;
   margin-top: 5px;
}

#subNavWide {
   width:698px;

}

#subNav li a, #subNavWide li a {
   text-indent: -9999px;
   text-decoration: none;
   display:block;
   height: 10px;
}

#subNav li, #subNavWide li {
   display:inline;
   float:left;
   height: 10px;
   margin: 10px 0px 0px 0px;
}



/* navigation **************************************/

#nav {
	width: 300px;
	float: right;
	height: 40px;
	padding:0;
	margin-right: -11px;
        margin-top: 13px;
        font-size: 15px;
        font-family: verdana, helvetica, sans-serif;
}

#nav li {
	display: inline;
	float:left;
}


/* without text */
#menu {display:block; height:30px; margin:15px;}
#nav ul {margin:0; padding:0; list-style-type:none;}
#nav li {margin-right:10px; display:block;}
#nav li.list1 {width:80px; background:transparent url(images/practices.png);}
#nav li.list2 {width:60px; background:transparent url(images/events.png);}
#nav li.list3 {width:60px; background:transparent url(images/videos.png);}
#nav li.list4 {width:40px; background:transparent url(images/links.png);}
#nav a {display:block; padding-top:30px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #nav a:link, * html #nav a:visited {height:30px; he\ight:0;}

#nav a#item1 {background:transparent url(images/practices2.png) -80px -30px no-repeat;}
#nav a#item2 {background:transparent url(images/events2.png) -60px -30px no-repeat;}
#nav a#item3 {background:transparent url(images/videos2.png) -60px -30px no-repeat;}
#nav a#item4 {background:transparent url(images/links2.png) -40px -30px no-repeat;}

#nav a#item1:hover {background-position:top right; z-index:50;}
#nav a#item2:hover {background-position:top right; z-index:50;}
#nav a#item3:hover {background-position:top right; z-index:50;}
#nav a#item4:hover {background-position:top right; z-index:50;}

* html #nav a:hover {height:30px; he\ight:0;}