
body {
width: 100%;
max-width: 900px;
background-color: #FFF8DC;
color: black;
font-size: 100%;
font-family:   'Lucida Grande',  Verdana, Geneva, Lucida,  Arial, Helvetica, sans-serif;
margin: 4px auto; 
padding: 0;
text-align: center;
font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}



div.wrapper {
width: 100%;
background-color: #FFFFF0; 
border: 10px solid #24006B; 
border-radius: 15px; padding: 5px 5px 5px 5px;
padding: 0;  
text-align: center; 
margin-right:auto;
margin-left:auto;
}
 
div.heading {
background-color: #FFFFF0;
padding: 0;  
border: 0;
border-radius: 15px; padding: 5px 5px 5px 5px;
margin: 0px;
text-align: center;
}


	a  {
	font-size: 90%;
	color: #A52A2A;
	text-decoration: none;
	}

	a:hover  {
	color: white;
	background-color: #A52A2A;
	padding: 3px;
	text-decoration: underline;
	}

	a:active  {
	color: white;
	background-color: #A52A2A;
	}

.links {
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px solid #24006B; 
border-bottom: 1px solid #24006B; 
background-color: #FFFFF0; 
}



.main  {
background-color: #FFF8DC;
padding: 3px;   
margin: 0px 20px 0px 20px;
text-align: center;
}


.inner  {
background-color: #FFFFFF;
padding: 3px; 
margin: 0px;
}



		.calendartable {
		margin: 0 5px 0 5px;
		padding: 0;
		width: 180px;
		background-color: white;
		float: left;
		}
			.calendartable td {
			border: 1px solid #2F4F4F;
  			background-color: white;
			text-align: center;
			 padding: 0 0 0 0px;
			margin: 0;
			}



div.one { 
background-color: white;
width: 90%; 
border: thin ridge #A52A2A;
padding: 1%; 
text-align: center; 
margin: 20px;
border-radius: 15px; padding: 5px 5px 5px 5px; 
}

div.two { 
background-color: white;
width: 100%; 
border: none; 
padding: 5px; 
text-align: left; 
margin: 5px;
}

div.whiteboxright { 
background-color: white;
width: 30%; 
border: thin solid #A52A2A;
padding: 1%; 
margin: 1%;  
float: right;
text-align: left; 
}

div.box { 
background-color: white; 
width: 47%; 
border: thin solid #A52A2A;
border-radius: 15px; padding: 5px 5px 5px 5px;
padding: 5px; 
margin: 3px;  
float: left;
text-align: center; 
}


div.whitebox { 
position: relative;
background-color: white;
width: 40%; 
border: thin solid #A52A2A;
border-radius: 15px; padding: 5px 5px 5px 5px;
padding: 1%; 
margin: 2% 31% 2% 31%; 
text-align: left; 
}


table.one {
background-color: #FFFFFF; 
border-left: thin solid #000066; 
border-right: thin solid #000066; 
border-top: thin solid #000066; 
border-bottom: thin solid #000066; 
padding-left: 5px;
padding-right: 5px;  
padding-top: 0;  
padding-bottom: 0;
border-radius: 15px; padding: 5px 5px 5px 5px;} 

table.two {
background-color: #FFFFFF; 
border-left: thick solid #000066; 
border-right: thick solid #000066; 
border-top: thick solid #000066; 
border-bottom: thick solid #000066; 
padding-left: 5px;
padding-right: 5px;  
padding-top: 0;  
padding-bottom: 0;
}


h2.left {
text-align: left;
}

p {
font-size: 90%; 
color: black;
text-align: left;
margin:0;
line-height:1.5em;
}

p.right {
font-size: 90%; 
color: black;
text-align: right;
}
p.center {
font-size: 90%; 
color: black;
text-align: center;
}

p.small {
font-size: 80%; 
color: black; 
}

/* big red */

p.redbigleft {
font-size: 110%; 
color: red;
font-weight: bold;  
text-align: left;
}
p.redbigright {
font-size: 110%; 
color: red;
font-weight: bold;  
text-align: right; 
}
p.redbigcenter {
font-size: 110%; 
color: red;
font-weight: bold;  
text-align: center;
}

p.times {
font-size: 110%;
 color: red; 
font-weight: bold;  
text-align: center; 
}


dl {
text-align: left;
font-size: 90%; 
font-family:   'Lucida Grande',  Verdana, Geneva, Lucida,  Arial, Helvetica, sans-serif;
margin:0;
}

ul {
text-align: left;
font-size: 90%; 
font-family:   'Lucida Grande',  Verdana, Geneva, Lucida,  Arial, Helvetica, sans-serif;
}


ul.none {
list-style-type: none;
font-size: 90%; 
font-family:   'Lucida Grande',  Verdana, Geneva, Lucida,  Arial, Helvetica, sans-serif;
}

ol {
text-align: left;
font-size: 90%; 
font-family:   'Lucida Grande',  Verdana, Geneva, Lucida,  Arial, Helvetica, sans-serif;
}

ol#lower-alpha {
list-style-type: lower-alpha;
text-align: left;
font-size: 90%; 
font-family:   'Lucida Grande',  Verdana, Geneva, Lucida,  Arial, Helvetica, sans-serif;
}



ul.midresize li { float: left; margin: 0 10px; padding: 10px;border: 1px solid #ddd; list-style: none; }
ul.midresize li a:hover img { -webkit-transform: scale(2); -moz-transform: scale(2) ; -o-transform: scale(2) ; transform: scale(2) ; -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); }



ul.leftresize li { float: left; margin-left:-20px;margin-top:0px;margin-right:30px;margin-bottom:0px; padding:10px;border: 1px solid #ddd; list-style: none; }
ul.leftresize li a:hover img { -webkit-transform: scale(2.5) rotate(-5deg); -moz-transform: scale(2.5) rotate(-5deg); -o-transform: scale(2.5) rotate(5deg); transform: scale(2.5) rotate(5deg); -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); }



ul.rightresize li { float:right; margin: 0 10px; padding: 10px;border: 1px solid #ddd; list-style: none; }
ul.rightresize li a:hover img { -webkit-transform: scale(2.5) rotate(5deg); -moz-transform: scale(2.5) rotate(5deg); -o-transform: scale(2.5) rotate(5deg); transform: scale(2.5) rotate(10deg); -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); }



.brown {
font-weight: bold;  
color: #a52a2a; 
}

.blue {
color: #0000ff; 
font-weight: bold; 
}

.navy {
color: #00008B; 
font-weight: bold; 
}

.navyblue {
color: #9FAFDF; 
font-weight: bold; 
}

.silver {
color: #C0C0C0; 
font-weight: bold; 
}

.pink {
color: #FF1493; 
font-weight:bold; 
}

.green {
color: green; 
font-weight: bold;
}

.four {
color: navy; 
font-weight: bold; 
}

.five {
color: red; 
font-weight: bold; 
}

.highlight  {
background-color: yellow;
 color: red;
}


.red {
color: red;
}

.slant {
font-style: italic;
}

.underline {
text-decoration: underline; 
}

.bold {
font-weight: 700; 
}

.small {
font-size: 80%; 
}

.ten {
font-size: 10pt; 
color: black; 
}


.big {
font-size: 150%; 
}


img.left {float: left; 
padding: 3px; 
border: none;}

img.right {float: right; 
padding: 3px; 
border: none;}

img.c {padding: 3px; 
border: none;}

img.cm {
padding: 3px; 
border: none;
vertical-align:middle;
}

