@charset "UTF-8";

body {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	line-height: 170%;
	margin: 0 0 35px 0;
	behavior:url("../csshover.htc");
}

.header	{
	padding: 40px 0 35px 35px;
	width: 800px;
}

.home_nav	{
	padding-left: 35px;
	width: 200px;
}

.home_copy	{
	color: #346883;
	font-size: 14px;
	line-height: 21px;
	margin-left: 260px;
	margin-top: 20px;
	width: 550px;
	
}

#mainmenu ul, #secondmenu ul {
list-style: none; /* Remove the bullets */
margin: 0;
padding: 0;
width:144px; /* Menu width */
}

#mainmenu ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display: block; /* Make a menu item a block (height 100%, width 100%) */
height:100%;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there is no margin between the menu items */
padding-bottom: 15px;
background-color: #4f494d;
}

#mainmenu  ul li a, #secondmenu  ul li a{
display:block; /* When rollover the menu item, the whole item will be seen as link. */
color:#FFF;
text-decoration:none;
}

#mainmenu  ul li a:hover, #secondmenu  ul li a:hover  {
padding:0;
}

#mainmenu  ul ul, #secondmenu  ul ul  {
position: absolute;
top: 0;
display:none; /* Display nothing when not 'hovered' */
}

#mainmenu  ul li ul li, #secondmenu  ul li ul li{
	background-color: #6d6469;
	padding: 2px 0 3px 4px;
	border-bottom: 1px solid #a9a9a9;
	}

#mainmenu  ul li ul li a:hover, #secondmenu  ul li ul li a:hover{
	color: #b7cb12;
	}

#mainmenu  ul li:hover ul, #secondmenu  ul li:hover ul{
display: block; /* Make sure the submenu is displayed as blocks as well. */
left:144px; /* Your menu width. The submenu appears there, when you hover a menu item. */ 
}

img {
	border-style: none;
}


/**********Peggy's Styles*********/


#mainmenu { width: 144px; padding-top: 8px;}
#wrapper { 
	background-image:url(../images/2cbg.jpg);
	background-repeat: repeat-x;
		}
		
#wrappershort { 
	background-image:url(../images/secondary_bkgrd.gif);
	background-repeat: repeat-x;
	}		

img { border-style: none;}	

#secondmenu  { 	width: 144px; padding-top: 5px;	}
#secondmenu  li { 	
padding-bottom: 11px;	
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display: block; /* Make a menu item a block (height 100%, width 100%) */
height:100%;
width:100%;
position: relative;
float:left; /* Make sure (in IE) there is no margin between the menu items */
background-color: #4f494d;}

.secondary_copy	{
	color: #504a4e;
	margin-left: 270px;
	margin-top: 30px;
	width: 605px;
}

h1	{
	font-size: 110%;
	color: #346883;
	font-weight: bold;
	margin-bottom: 3px;
	}

a:link {
	color: #cc6102;
	text-decoration: none;
	}
	
a:visited	{
	color: #754b27;
	text-decoration: none;


a:hover {
	color: #346782;
	}	
	
#photo	{
	z-index: 2;
	width: 685px;
	height: 278px;
}

#indexphoto	{
	z-index: 2;
	width: 500px;
	height: 330px;
}