/******************************************
HOMEPAGE
*******************************************/


* { margin:0; padding:0; }

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font: 0.7125em Verdana, arial, helvetica, sans-serif; 
	line-height: 1.5em;
	color: #6d6d69;
	background:#cdcdc5 url('../Graphics/bg.jpg') repeat-x top;
	/*background-color:#c4c4bc;*/
	text-align:center;
}

img	{ border: 0; }
div { margin: 0; padding: 0; }

a {
	color: #6d6d69;
	text-decoration:none;
}
a:hover {
	background: #f8f7f2; 
}





/******************************************
WRAPPER
*******************************************/

#wrapper {
	/*background:#cdcdc5 url('../Graphics/bg.jpg') repeat-x top;*/
}
#header-container {
	/*background: #c9c9c0;*/
}

#container {
	width:790px;
	position: relative;
	margin: 0 auto; 
	text-align:left;
}



/******************************************
STICKY FOOTER
 
NOTES:The wrapper fills the window to 100%.
The negative bottom margin on the wrapper needs
to be the inverse value of the footer. 
This brings the footer up over the wrapper.
The push is a <div id="push"> element set
inside the wrapper element at the end that
keeps the footer from overlapping onto the 
wrapper content. It has the same height as 
the footer. (When using this, make sure
the #container doesn't have a bottom-margin.)	
*******************************************/
/*
#wrapper {	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; 
}
#push {
	height:40px; 
}
#footer-container{
	height:40px;
}
*/
/******************************************
HEADER
*******************************************/
#header {
	width:785px;
	position: relative;
	z-index:300; /*This is so the navigation dropdown will be in front of the flash banner.*/
	margin: 0 auto;
	height: 87px;
	margin-bottom:10px;
}

/******************************************
HEADER: LOGO
*******************************************/
#logo {
	display:block;
	width: 269px;
	height: 69px;
	margin: 15px 0px 0px 10px;
	float: left;
	text-align: left;
}
#logo a {
	cursor:pointer;
}
#logo a:hover {
	background:none;
}


/******************************************
HEADER: TOP NAVIGATION
*******************************************/
#topnav {
	position:absolute;
	z-index:400;
	margin: 10px 0px 15px;
	font: 0.9em Verdana,arial,helvetica,sans-serif;
	top: 0px;
	/*width: 520px;
	left: 285px;*/
	right:-10px;
}
#topnav li {
	margin: 0;
	list-style: none;
	display: block;
	float: left;
}
/* <div> is placed around text with no link */
#topnav li div, #topnav li a{
	display: block;
	font-size: 11px;
	color: #92928d;
	padding: 0 6px;
	text-align: center;
	width: auto;
	background: transparent url('../Graphics/bg-divider.gif') repeat-y 100% 0;
	text-decoration:none;
}
#topnav li div:hover {
	clear:both;
	cursor:pointer;
}
#topnav li a:hover {
	color: #6d6d69;
	background-color: #f8f7f2;
	clear:both;
}
#topnav #last div, #topnav #last a {
	background-image: none;
}

/* below is for drop down menus */
#topnav ul{
	position:absolute;
	z-index:500;
	list-style: none;
	display: none;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #b8b8b2;
	border-left: 1px solid #b8b8b2;
	border-right: 1px solid #b8b8b2;
	background-color:#ebebe4;
}
#topnav li:hover ul{ 
	display:block;  /* Show dropdown when user hovers over the link */	
}
#topnav ul li {
	display:block;
	float:none;	
}
#topnav ul li a {
	display: block;
	padding: 4px 10px 4px 7px;
	border-bottom: 1px solid #b8b8b2;
	text-align:left;
	line-height: normal;
	background: #f8f7f2;
	font-size: 10px;	
	color:#787874;
	text-decoration: none;	
	outline:none;
}
#topnav ul li:hover a {
	background-color: #5e5e5c;
	color:white;
	text-decoration: none;
	outline:none;
}

/*
Specify the width per dropdown here
*/
#topnav #departments{
	width:180px;
}

/*
MyMenu specific css
*/

#mymenubtn {
	/*display:none !important;*/
}

#mymenu  #editBtn  {
	border-bottom: none !important;
}
#mymenu  #addBtn, #mymenu  #editBtn  {
	text-decoration: none;
	outline:none;
	font-style:italic;
	background-color: #858581 !important;
	color:#d1d1cb !important;
}
#mymenu #addBtn:hover, #mymenu #editBtn:hover {
	text-decoration: none;
	outline:none;
	background-color: #5e5e5c !important;
	color:white !important;
}

/******************************************
HEADER: SEARCH
*******************************************/
#search {
	position:absolute;
	padding-right:2px;
	width:300px;
	text-align:right;
	top: 40px;
	/*left: 488px;*/
	right:10px;
	z-index: 350;
}
#search-text {
	/*overflow:visible;*/
	vertical-align: top;
}
#search-text {
	height:20px;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #ababa6;
	background-color: #edede5;
	padding: 0px 4px;
	color: #6d6d69;
	margin-right: 4px;
}
#search-text:hover {
	border: 1px solid #585855;
	background-color: #f8f7f2;
}
#search-text:active, #search-text:focus {
	border: 1px solid #ababa6;
	background-color: #f8f7f2;
}
#search-submit, #search-submit:focus {
	height:22px;
	width:80px;
	border:none;	
	line-height:normal;
	font-size:11px;
	cursor:pointer;	
	padding: 0px;
	color: #6d6d69;
	background:transparent url(../Graphics/Buttons/SearchBtn.png) no-repeat;
}
#search-submit:hover{ background-position: -100px 0px; color: #000000;}
#search-submit:active{ background-position: -200px 0px; color: #000000;}
#search-text::-moz-focus-inner, #search-submit::-moz-focus-inner { /*Remove button padding in FF*/
    border: 0;
    padding: 0;
}


/******************************************
BANNER
*******************************************/

#banner {
	border:1px solid #b8b8b2; 
	padding:6px;
	background-color:#edede5;	
}

/******************************************
NAV
*******************************************/


#nav {
	padding: 24px 10px 34px 10px;
	/*background: transparent url(../Graphics/bg-nav.gif) no-repeat 0 100%;*/
}

#nav table {
	border-collapse: collapse;
}

#nav td {
	/*width: 140px;*/
	vertical-align: top;
	background: transparent url('../Graphics/bg-divider.gif') repeat-y 100% 0;
}

#nav td#news {
	background-image: none;
}

#nav h2 {
	/*font: 12pt Verdana, arial, helvetica, sans-serif normal;*/
	font: 1.2em verdana, helvetica, sans-serif;
	text-transform: uppercase;
	
}

#nav h2 a {
	display:block;
	height:20px;
	width:110px;
	margin: 0 6px 12px 12px;
	color: #92928d;
	text-shadow: #f8f7f2 1px 1px 0px;
}

#nav h2 a:hover {
	background: none;
	color: #cc0000;
}

#nav ul {
	margin: 0 11px;
}

#nav li {
	list-style: none;
}

#nav li a {
	font-size: 90%;
	line-height: 1.1em;
	margin-bottom: .1em;
	padding: .2em;
	display: block;
	width: 100%;
}

/******************************************
FOOTER
*******************************************/
#footer-container {
	background-color:#edede5;
}

#footer {
	width: 757px;	
	margin: 0px auto;
	padding: 6px;
	text-align:left;
	/*border:1px solid #b8b8b2; */	
	/*border-bottom:4px solid #ababa6;	
	background-color:#edede5;	*/
}

#footer p {
	display:block;
	width: 112px;
	height: 50px;
	margin: 0 34px 0 0;
	float: left;
}

#footer ul {
	height:24px;
}

#footer li {
	list-style: none;
	display: inline;
}

#footer li a {
	font-size: 90%;
	padding: 0 6px;
	float: left;
	text-align: center;
	display: block;
	width: auto;
}

#footer li a:hover {
	background-color: white;
}

#footer #last a {
	/*background-image: none;*/
}

#footer .footerlink a{
	margin-top:4px;
}