html {
		height: 100%;
		font-size: 62.5%;
		background: #E8E3CF url('/graphics/background.gif') no-repeat top left;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #222;
}

body {
	padding:0px; 
	margin:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	scrollbar-face-color: #B7D8F6;
	scrollbar-highlight-color: #B7D8F6;
	scrollbar-shadow-color: #B7D8F6;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFF;
	scrollbar-track-color: #EBECEC;
	scrollbar-darkshadow-color: #4698E5;

}

#site {
	width: 880px;
	margin-left: 30px;
}

#supernav {
	width: 640px;
	height: 20px;
	background: #FD96FE;
	text-align:	right;
	color: #fff;
	margin-top: 25px;
	padding: 5px;
	float: left;
}

#supernav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#supernav li {
	display: inline;
	text-align: center;
	margin: 10px;
	font-size: 1.2em;
}

#supernav li a {
	color: #fff;
	border: 0;
}

.hide {
  display: none;
}

/* ------------------------------ */
#leftCol {
	width: 220px;
	margin: 0;
	padding: 0;
	float: left;
}

#rightCol {
	width: 660px;
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
}

#Header {
	text-align: left;
	height: 125px;
	background: url('/graphics/header_bg.jpg') repeat-x;
}

#Header a {
	border: 0;
}

#Header img {
	border: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
}

#Header .logoHolder {
	width: 330px;
	float: left;
	margin-left: 10px;
}

#Header .topright {
	text-align: right;		
	float: left;
	width: 520px;
	margin-top: 5px;
	height: 120px;
}

#Header .topright .notice {
	vertical-align: bottom;
	background: #FFC0CB;
	border: 1px solid #5B000E;
	color: #5B000E;
	height: 45px;
	margin-top: 15px;
	width: 350px;
}

/* navigation begin */
#nav ul {
	width: 220px;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	font-size: 1.1em;
	margin-top: 70px;
}

#nav ul li {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	font-family: veranda, Arial;
	list-style: none;
	clear: both;
}

#nav ul li a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #000;
	margin: 0px;
	height: 23px;
	display: block;
}

#nav ul li a.selected {
	color: #fff;
	background: #54A2E4;	
}
	
#nav ul li a:hover {
	color: #fff;
	background: #54A2E4;	
}

#nav ul li ul {
	width: 178px;
	margin: 0 0 0px 0px;
	border-left: 1px solid #54A2E4;
	border-right: 1px solid #54A2E4;
	border-bottom: 1px solid #54A2E4;
	float: right;
	background-color: #eee;
}

#nav ul li ul li {
	margin: 0 0 0 20px;
	height: 24px;
	margin: 0;
	font-size: .9em;
	font-family: veranda, Arial;
	list-style: none;
}

#nav ul li ul li a {
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	margin: 0px;
	height: 20px;
	display: block;
}

/*
ul#subnav {
	width: 200px;
	padding: 0;
	margin-left: 18px;
	border-left: 1px solid #54A2E4;
	border-right: 1px solid #54A2E4;
	border-bottom: 1px solid #54A2E4;
	background: #eee;
	margin: 0;
	float: right;
}

ul#subnav li {
	margin-left: 20px;
	height: 22px;
	margin: 0;
	font-size: 1.0em;
	font-family: veranda, Arial;
	list-style: none;
	display: block;
}

ul#subnav li a {
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	margin: 0px;
	height: 20px;
	display: block;
}

#subnav a.selected {
	color: #fff;
	background: #54A2E4;	
	font-weight: bold;
}
	
#subnav a:hover {
	color: #fff;
	background: #54A2E4;	
}
*/
/* end navigation */	

/* ---- Crumbs ------------------------ */
#CrumbContent {
	width: 100%;
	margin: 0px auto 0 auto;
	padding: 0px;
	text-align: center;
	background: #eee;/*#FD96FE;*/
	height: 33px;	
	line-height: 25px;
	clear: both;
}

#crumbs {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#crumbs ul{
	padding: 4px 0px 0px 10px;
	margin: 0;
	text-align: left;
	height: 20px;

}

#crumbs ul li{
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
}

#crumbs ul li a{
	color: #000;
	padding: 0px;
	margin: 0;
	text-decoration: none;
	border: 0;
}

#crumbs ul li a:visited {
	color: #000;
} 

#crumbs ul li a:hover {
	color: #333;
}

/* -- Main Content ---------------------*/
#header {
	background: #fff url('/graphics/header_bg.jpg') repeat-x;
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	height: 160px;
	width: 660px;
}

#MainContent {
	margin: 15px 20px 0 25px;
	background: #fff;
	font-size: 1.3em;
	padding-right: 0px;
	min-height: 600px;
}

#MainContent #main-left {
	width: 400px;
	float: left;
	padding: 0px;
	margin: 0;
	border-right: 1px solid #eee;
	padding: 0 5px 0 0;
}
#MainContent #main-right {
	width: 200px;
	float: left;
	padding: 0px;
	margin: 0 0 0 5px;
}

h1{
	font-size: 1.8em; 
}
h2 {
	font-size: 1.5em;	
}
h3{
	font-size: 1.1em;
}
/*-- FOOTER ----------------------------*/
#footer {
	padding:10px;
	color: #000;
	width: 640px;
	clear: both;
	font-size: .9em;
	text-align: center;
}

#footer a {
		border: 0;
}

#footer p a {
	color: #000;
}

#footer p a:hover {
	text-decoration:underline;
}

/* == PANELS ========================*/
#panel {
	background: #E7F3FF;
	padding: 5px;
	width: 100%;
}

#panel:hover {
	background: #CFE8FF;
	cursor: hand;
}

#panel a {
	color: #111;
	text-decoration: none;
}

#panel p.intro {
	font-size: 1.1em;
	margin-top: 5px;
}

#panelhead {
	background-color: #2376BC;
	text-transform: uppercase;
	color: #fff;
	padding: 6px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

/* Round Corners -------------*/
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

#panel.roundbody a.leftlink  {
	display: block;
	text-decoration: none;
	color: #000;
	margin: 0px;
	background: transparent url('/graphics/bullet.gif') no-repeat 0px 3px;
	padding: 0px 0 0 20px;
	margin-bottom: 10px;
}

#panel.roundbody a.leftlink:hover {
	color: #2376BC;
}


#MasseyMedia {
	text-align: center;
	background-color: transparent;
	color: #080743;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

#MasseyMedia a {
	color: #080743;
	border: 0;
}

#MasseyMedia img {
/*	display: none;*/
}

.clearall {
	clear: both;
}

dl#events {
	margin: 0px;
}

dl#events dt {
	font-weight: bold;
	padding: 4px;
	text-decoration: none;
	color: #000;
	padding-right: 15px;
	display: block;
	text-decoration: none;
	color: #000;
	margin: 0px;
	background: transparent url('/graphics/bullet.gif') no-repeat 0px 3px;
	padding: 0px 0 0 20px;
}

dl#events dt a:hover {
	color: #54A2E4;
}

dl#events dd {
	padding: 0px;
	margin: 0px;
	text-align: right;
	margin-bottom: 10px;
	font-style: italic;
}


/* -- Error and Notices ---------------------*/
/* == 1 == */
div.pageErrors {
	color: #000;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	border: 1px solid Red;	
	background: #FFECEC url(/graphics/ico-s-warn.gif) no-repeat 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	clear: both;
}
/* == 2 == */
div.pageQuestion {
	color: #1c5806;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	background: #C8F1A7 url(/graphics/ico-s-help.gif) no-repeat 5px 5px;
	border: 1px solid #9ADF61;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	clear: both;
}
/* == 3 == */
div.pageNotice {
	color: #000;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	border: 1px solid #DDE8FF;
	background: #f0f5ff url(/graphics/ico-s-req.gif) no-repeat 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	clear: both;
}
/* == 4 == */
div.pageInfo {
	color: #6a5011;
	padding: 5px 5px 5px 25px;
	margin: 0 0 10px 0;
	border: 1px solid #F9F08D;
	background: #FFFAAD url(/graphics/ico-s-info.gif) no-repeat 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	clear: both;
}
/* == 5 == */
div.pageExample {
	color: #6a5011;
	padding: 5px 5px 5px 25px;
	margin: 0px 0 10px 0;
	border: 1px solid #ddd;
	background: #eee url(/graphics/ico-s-info2.gif) no-repeat 5px 5px;
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	clear: both;
}

div p.infotitle {
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
p.red {
	color: red;
}

p.intro {
	font-size: 1.2em;
	margin-top: 0px;
}

.odd {
	background-color: #f5f5f5;
	padding: 4px;
}

.even {
	background-color: #fff;
	padding: 4px;
}

.header {
	color: #333;
	background: #54A2E4 url('/graphics/nav_bg_on.gif') repeat-x 0 0;	
	height: 24px;
	font-size: 1.5em;
	padding-left: 4px;
}

#calendar {
	
}
#calendar #event {
	padding-left: 20px;
	background: url('/graphics/calendar.gif') no-repeat 0px 5px;
}

#calendar #event .eventtitle {
	font-style: italic;
}

#calendar #event .eventdate {
	font-style: italic;
}

#calendar #event .description {
	margin-left: 25px;
}

#sidelist {
	margin: 0;
	padding: 0;
}
/*
#sidelist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidelist ul li {
	border: 1px solid #F79CF7;
	padding: 10px;
	margin: 5px;	
	background: #FDE5FD;
}
*/


/* == TOTE DESIGNER =========================== */
#selectorMenu {
	width: 48%;
	float: left;
	text-align: center;
}

#selectorMenu .selector {
	width: 80%;
	margin-right: 25px;
	border: 0px;
	background: #eee;
}

.subheader {
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 4px;
	margin: 0px;
}

p.subheadertext {
	margin: 0px;
	margin-bottom: 10px;
}

table.account tr td {
	vertical-align: top;
	padding-bottom: 20px;
}

blockquote {
	background: url(/graphics/bkg-blockquote-bx.gif) top left no-repeat;
	padding: 20px 0 8px 20px;
	margin-left: 15px;
	color: #7A7A7A;
	line-height: 1.5em;
	width: auto;
}

.author {
	text-align: right;
	font-style: italic;
}

.tableHeader {
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
	padding: 4px;
}

#albums ul {
	list-style: none;
}

#albums ul li {
	display: inline;
}