/*  General design settings  */

body      { background-color: #FFFFFF; color: #000000; font-family: Comic Sans MS, Helvetica, Arial, sans-serif; font-size:medium }
h1  	    { font-size: 30px }
sup   { font-size:small }
table     { border:none; width:100%; margin:0; padding:0 }
td        { margin:0; padding: 3px; vertical-align:top }
td.header { padding: 10px; text-align:center; font-weight:bold; font-size:20px }
a:link    { color: #000080; }
a:active  { color: #FF0000; }
a:visited { color: #0000FF; }
a:hover   {
	color: red;
	font-size: large;
}
img { border:none }
hr  { size:1px; color:red; margin-left:100px; margin-right:100px; border-color:red; border-style:solid; border-width:medium; }


/*  These styles are for the dwt templates  */

div#container { width:100%;background-color: #FFFFFF; }
article#content { background-color: #FFFFFF; float:left; width:63%; padding:0 1% 0 1%; min-height:1500px; margin:auto }
article#contentLarge {
	background-color: #FFFFFF;
	float: left;
	width: 82%;
	padding: 0;
	margin: auto;
	min-height: 1500px;
	font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
}

.topBottomBorder { background-color: #FFFFCC; width:100%; line-height:110%; text-align:center }
div.leftSideBar { float:left; width:16%; overflow:hidden; text-align:left; margin:auto; margin-left:10px; line-height:120%; }
div.rightSideBar{ float:left; width:16%; overflow:hidden; text-align:center; margin-left:1%; line-height:140%;}
div.adBanner    { background-color:#FFFFFF; float:left; width:100%; height:95px; text-align:center; padding:10px; margin-bottom:20px }
div#searchBox   { float:left; height:40px; text-align:center; vertical-align:text-top; width:400px; padding:2px }
div#homeText    { float:left; padding:10px; width:300px; text-align:left; font-size: large; }
div#socialMedia { float:right; padding:10px; width:150px; text-align:right }
nav.navigation  { clear:both; padding:0; margin:auto; text-align:center; overflow:hidden; }
nav.smallScreen { float:left; padding:10px; width:100px; height:50px; text-align:center; border: 1px solid red; display:none; }
div.adSmallScreen { background-color:#FFFFFF; width:100%; text-align:center; display:none }


/*  These class definitions are for the body (content)  */

h1.activities  { font-size:24px; text-align:center }

.redBackground { background-color: red; color: #FFFFCC; font-size: large; padding-top:8px; padding-bottom:8px; }

.textXLarge { font-size: x-large; }
.textLarge {
	font-size: large;
	font-weight: bold;
}
.textMedium { font-size: medium; }
.textSmall { font-size: small; }

.floatLeft  { float:left }
.floatRight { float:right }
.floatStop {  clear:both; }



/*  Prevents certain areas of the webpage from printing out  */

@media print {
	.no-print {display:none}
	div.topBottomBorder {display:none}
	div.leftSideBar {display:none}
	div.rightSideBar {display:none}
	nav.navigation {display:none}
	article#content { width:100% }
	article#contentLarge { width:100% }
	nav.smallScreen { display:none }
	article#content { width:98%; min-height:100px; }
	article#contentLarge { width:98%; min-height:100px }
}