body, html {
    margin: 6px;
    padding: 0px;
    background-color: #E5E8ED;
}

body, ul, th, p, h1, h2, h3, h4, small, .small,
.tableTitle, .tableExtras, input, textarea, select {
    font-family: verdana, arial, helvetica, sans-serif;
}

/* Geneirc styles for headers */
h1, h2, h3, h4 {
    font-weight: bold;
    color: #000066;
}

h1 { font-size: 130%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
p {line-height: 140%;}

a { 
	text-decoration: none; 
	color: #053DD0;	
}
a:hover {
	color: #FF9000;
	text-decoration: underline;
}

.calendarPage {
	font-size:90%;
}

a.puzzle {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 200%;		
}

a.puzzle:hover{
	color: #FF9000;
}


h4.eventtitle {
    border-style: solid;
    border-color: black;
    border-width: 0px 1px 1px 0px;
    background-color: lightgray;
    padding: 0px;
}

hr {
    border: 0px;
    color: black;
    background-color: black;
    height: 1px;
}

/* Default font size for elements */
body, ul, td, th {
    font-size: 85%;
}

/* Indented block */
div.indent {
    margin-left: 50px;
}

li {
	padding-top: 2px;
	padding-bottom: 2px;
}

em {
	font-weight: bold;
	font-style: italic;
}

.error {
        color: #cc0000;
}

.mainPage {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #FFFFFF;
}

.bodyPage {	
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #FFFFFF;
}

.pageTitleLight {
	padding: 7px 2px;
	color: #FFFFFF;
	font-size: 120%;
}

a.pageTitleLight {	
	text-decoration: none; 	
}

.pageTitleLight a:hover {
	color: #FF9000;
}

.pageTitleDark {
	padding: 7px 2px;
	color: #000000;
	font-size: 120%;
}

.featuresstop { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	color: #000000; 
	text-decoration: none; 
	letter-spacing: 3px
}

.sidebar {
	padding: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none
}

.regWhite {	
	color: #FFFFFF;	
}

.breadcrumb {
	padding: 3px;
	color: #D7EEFE;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
}

.breadcrumbSelected {
	padding: 3px;
	color: #053DD0;	
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
}

a.breadcrumb:hover {
	color: #053DD0;
	text-decoration: none;
}

.sidebarSelected {
	padding: 4px;
	color: #FF9000;	
	font-weight: bold;
	text-decoration: none
}

.sidebar a{
	color: #FFFFFF;
	text-decoration: none
}

.sidebar a:hover {
	color: #FF9000;	
}

.topNav {	
	padding-left: 7px;
	padding-right: 7px;
	//color: #FF9000;
	color: #D7EEFE;
	font-weight: bold;
	text-decoration: none;		
}

.topNav a{	
	color: #FFFFFF;
	text-decoration: none;	
}

.topNav a:hover {
	//color: #FF9000;
	color: #D7EEFE;
}

small, .small {
	font-size: 75%;
	color: #FFFFFF;
}

a.small {
	text-decoration: none;
	color: #FFFFFF;
}

.tableTitle {
	font-weight: bold;
}

.tableExtras {
	font-size: 85%;
	color: #FFFFFF;
}

.formLabel {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	
}

form.thin {
	margin-bottom: 0px;
	margin-top: 0px;
}


img {
	border: 0px;
}

.rightbox {
	float: right;
	padding: 3px;
	text-align: center;
	size: 75%;
}

/* browsers handle this differently
input.max, textarea.max, select.max {
    width: 100%;
}
*/

#button a {	
	padding: 2px 4px 2px 4px;
	border: 1px solid #111111;
	background-color: #4374d0;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#button a:hover {
	border: 1px solid #111111;
	background-color: #4374f3;
	color: #ffffff;
}

.sort_albums {
    list-style-type:none;    
    margin: 0px;
    padding:0px 0px 0px 16px;
    width:665px;
}
.sort_albums li {
    border:1px solid #CCC;
    cursor:move;
    margin:3px 2px 2px 2px;
    padding:3px;
    background:#f7f7f7;    
    width:665px;
}

.photo_gallery li{
	width:400px;	
}

@media print {
	.noprint {
		display:none;
	}
}