/* ============================ */
/* TAG STYLES */
/* ============================ */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
	background-color: #999999;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

form {
	margin:0px;
	padding:0px;
}

/* ============================ */
/* STYLES THAT MATCH THE WYSIWYG EDITOR */
/* ============================ */

h3 {
	color: #204482;
	font-size: 12px;
	font-weight:bold;
	font-stretch:expanded;
	margin:0px;
	padding:0px;
}

.Title {
	color: #204482;
	text-transform:capitalize;
	font-size: 16px;
	font-weight:normal;
	font-stretch:expanded;
}

/* ============================ */
/* CONTENT AREA STYLES */
/* ============================ */

.content-home {
	background-image:url(/public/images/bkgd_content-home.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:30px;
	padding-right:40px;
	padding-bottom:40px;
	font-size:11px;
	line-height:18px;
}

.content-home td {
	font-size:11px;
	line-height:18px;
}

.content-inside {
	background-image:url(/public/images/bkgd_content-bridge2long.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:60px;
	padding-right:40px;
	padding-bottom:30px;
	font-size:11px;
	line-height:18px;
}

.content-inside td {
	font-size:11px;
	line-height:18px;
}

.content-calendar {
	padding-top:25px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:60px;
	font-size:11px;
	line-height:18px;
}

.content-gallery td {
	font-size:11px;
	line-height:18px;
}

.content-gallery {
	background-color:#FFFFFF;
	padding-top:25px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	font-size:11px;
	line-height:18px;
}

.content-bulletins td {
	font-size:11px;
	line-height:18px;
}

.content-bulletins {
	background-image:url(/public/images/bkgd_content-in.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:60px;
	padding-right:40px;
	padding-bottom:30px;
	font-size:11px;
	line-height:18px;
}

ul.nobullet {
	list-style:outside;
	list-style:disc;
	margin-left:0px;
	padding-left:30px;
}

li.nobullet {
	padding-top:10px;
	padding-bottom: 5px;
	margin:0px;
	font-size: 10px;
	line-height:normal;
	font-stretch:expanded;
	text-transform:uppercase;
}

.ltgray {color: #666666}

.footer {
	padding:10px;
	font-size:9px;
}

/* ============================ */
/* HALLPASS STYLES - LEFT COLUMN */
/* ============================ */

.hallpass {
	background-image:url(/public/images/bkgd_hallpass.jpg);
	background-repeat:no-repeat;
}

.hallpasslinks {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	border-top:2px solid #FFFFFF;
	font-size:11px;
}

/* ============================ */
/* RIGHT COLUMN STYLES */
/* ============================ */

.address-home {
	padding-left:20px;
	padding-right:42px;
	font-size: 10px;
	color: #214482;
}

.address {
	padding-left:0px;
	padding-right:42px;
	font-size: 10px;
	color: #214482;
}

.chalkboard {
	padding-top:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
}

.rightlinks ul {
	list-style:outside;
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

.rightlinks li {
	padding-top:2px;
	padding-bottom:2px;
	font-size:9px;	
	text-transform:uppercase;
}

/* ============================ */
/* LINK STYLES */
/* ============================ */

.topnav {
	background-image:url(/public/images/bkgd_navbar.jpg);
	background-repeat:repeat-y;
}

/* ============================ */

a:link {color: #b38b07;	text-decoration: underline;	font-weight: normal;}
a:visited {color: #b38b07; text-decoration: underline; font-weight: normal;}
a:hover {color: #204482; text-decoration: none;	font-weight: normal;}
a:active {color: #204482; text-decoration: none; font-weight: normal;}

/* ============================ */
 
td.content-inside a:link {color:#b38b07; text-decoration:underline; font-weight:normal;}
td.content-inside a:visited {color:#b38b07; text-decoration:underline; font-weight:normal;}
td.content-inside a:hover {color:#204482; text-decoration:none; font-weight:normal;}
td.content-inside a:active {color:#204482; text-decoration:none; font-weight:normal;}

/* ============================ */

a.hallpasslink:link {color: #204482; text-decoration: none; font-weight:bold;}
a.hallpasslink:visited {color: #204482; text-decoration: none; font-weight:bold;}
a.hallpasslink:hover {color: #333333; text-decoration: none; font-weight:bold;}
a.hallpasslink:active {color: #204482; text-decoration: none; font-weight:bold;}

/* ============================ */

a.rightlinks:link {color: #204482; text-decoration: none; font-weight:normal;}
a.rightlinks:visited {color: #204482; text-decoration: none; font-weight:normal;}
a.rightlinks:hover {color: #666666; text-decoration: underline; font-weight:normal;}
a.rightlinks:active {color: #204482; text-decoration: none;	font-weight:normal;}

/* ============================ */

.footer a:link { color: #333333;	text-decoration: none; font-weight:bold; }
.footer a:visited { color: #333333;	text-decoration: none; font-weight:bold; }
.footer a:hover { color: #333333; text-decoration: underline; font-weight:bold;	}
.footer a:active { color: #333333; text-decoration: none; font-weight:bold; }

/* ============================ */

a.newsbullets:link {color: #204482; text-decoration: none; font-weight:normal; }
a.newsbullets:visited {color: #204482; text-decoration: none; font-weight:normal; }
a.newsbullets:hover {color: #333333; text-decoration: underline; font-weight:normal;	}
a.newsbullets:active {color: #204482; text-decoration: none; font-weight:normal; }

/* ============================ */
/* GALLERY STYLES */
/* ============================ */

.gallery {
	width:100%;	
}

.gallery td {
	vertical-align:top;
	border: 1px solid #cccccc;
	width:25%;
}

/* ============================ */
/* CALENDAR - LIST PAGE - STYLES*/
/* ============================ */

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #555555;
}

.calendarmonth {
		border-right: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background-color:#eeeeee;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#666666;
		text-transform:uppercase;
}
	
.currentmonth {
		border-right: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background-color:white;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#666666;
		text-transform:uppercase;
}

.calendarborder {
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.calendarback {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18pt;
}

.calendarheadtxt {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#666666;
		text-transform:uppercase;
}

.month {
	color: #204482;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	font-stretch:expanded;
	text-transform:capitalize;
}

.coursedate  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #204482;
}

.coursetitle  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.nocourses {
	font-family: Arial, Helvetica, sans-serif;
	padding-top:30px;
	padding-left:8px;
}

.calendartitle  {
}

.legendbox{
		border: 0px solid #cccccc;
		padding:8px;
	
}

.legendtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}

.legend{
	color:#204482;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:capitalize;
}

.viewby {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: 15pt;
}

.bordertopic {
	border: 1px solid #dddddd;
	padding: 10px;
	padding-bottom: 20px;
}

.bordermonth {
	border: 1px solid #dddddd;
	padding: 10px;
}

.orview {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #204482;
	text-transform:capitalize;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}


/* ============================ */
/* CALENDAR - RESULTS PAGE - STYLES */
/* ============================ */


.resultsprogramtitle {
	color: #204482;
	font-size:17px;
	line-height:21px;
	font-weight:normal;
	font-stretch:expanded;
	text-transform:capitalize;
}

.resultsdatetext {
	color: #333333;
	font-size: 11px;
	font-weight:bold;
	font-stretch:expanded;
}

.resultsfieldtitle1 {
	color: #204482;
	font-size:11px;
	font-weight:bold;
	font-stretch:expanded;
	text-transform:uppercase;
	line-height:normal;
}

.resultsfieldtitle2 {
	color: #204482;
	font-size: 10px;
	font-weight:bold;
	font-stretch:expanded;
	text-transform:uppercase;
	line-height:normal;
}

.resultsbodytext {
	margin-top:0px;
	padding-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #555555;
}

label.results  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #555555;
}

.resultsnote {
	color: #204482;	
}

.resultsspacing {
	padding-bottom:15px;
}

.resultstitle {
}

.resultstopic {
}

.resultsfieldsubtitle {
}

/* ============================ */
/* EVENT FORM - STYLES */
/* ============================ */

.dateGrid {
	border-collapse: collapse;
	border: 1px solid #000099;
}

.dateGrid .hdrRow {
	background: #CCCCCC;
	border: 1px solid #000099;
	font-weight: bold;
}

.dateGrid .oddRow {
	background: #EEEEEE;
}

.dateGrid .evnRow {
	background: #FFFFFF;
}

.dateGrid .ftrRow {
	border: 1px solid #000099;
}

.show {
	display: table-row-group;
}

.hide {
	display: none;
}

.formsubtitle {
}

.formfieldtitle {
	color: #204482;
	font-size:10px;
	font-weight:bold;
	font-stretch:expanded;
	text-transform:uppercase;
	line-height:normal;
}

.requiredfield {
	color: #204482;
	font-size: 10px;
	font-weight:bold;
	font-stretch:expanded;
	text-transform:uppercase;
	line-height:normal;
}

.formbodytext {
	margin-top:0px;
	padding-top:0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #555555;
}

