@import url(reset.css);
body, html {height: 100%;}

body {
	background: #ffffff url(css-img/body_bg.jpg) no-repeat center 122px;
}

a {
	text-decoration: none;
}


#content-wrap {
	background: url(css-img/content_bg.gif) repeat-y;
	display: block;
	width: 638px;
	height:auto !important;
	height:100%; /* IE6: treated as min-height*/
	min-height:100%;
	margin: 0 auto;
}

#header {
	background: url(css-img/header_bg.jpg) no-repeat center;
	width: 602px;
	height: 122px;
	display: block;
	margin: 0 auto;
	position: relative;
	border-left: 36px solid #fff;
}

    #header #callout {
        width: 215px;
        height: 97px;
        display: block;
        background: url(css-img/caledon_notice.png) no-repeat 0 0;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 9;
        position: absolute;
        top: 3%;
        right: 6%;
    }

#box-link { 
	position: absolute; 
	top: 0px; 
	left: 530px; 
	width: 290px; 
	height: 122px; 
	background-color: transparent; 
	border: 1px solid transparent;
}	

#header h1 {
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	height: 107px;
	width: 147px;
	position: relative;
	top: 6px;
	left: 12px;
}

	#header h1 a:link, #header h1 a:visited{
		display: block;
		height: 107px;
		width: 147px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: url("css-img/logo.png") no-repeat 0 0;
	}

#header h2 {
	display: block;
	position: absolute;
	top: 30px;
	right: 36px;
	color: #37CBFB;
	font: "Times New Roman", Times, serif;
	font-size: 28px;
	letter-spacing: -.01em;
}

a#homeLink {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0099ff;
	position: absolute;
	top: 6px;
	right: 36px;
	padding-bottom: 2px;
}

a#homeLink:hover {
	border-bottom: 1px solid #0099ff;
}

#nav {
	display: block;
	background: url(css-img/horiz_Nav.png) no-repeat 0 -33px;
	width: 638px;
	height: 33px;
	margin: 0px auto;
	overflow: hidden;
	}

#nav ul li{
	float: left;
}

#nav ul li a {
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	height: 33px;
}

#nav ul li a#about {
	width: 145px;
}
	#nav ul li a#about:hover, #nav ul li a#about.highlight {
	background: url(css-img/horiz_Nav.png) no-repeat 0 0;
}

#nav ul li a#method {
	width: 110px;
}
	#nav ul li a#method:hover, #nav ul li a#method.highlight {
	background: url(css-img/horiz_Nav.png) no-repeat -145px 0;
}
	
#nav ul li a#program{
	width: 110px;
}
	#nav ul li a#program:hover, #nav ul li a#program.highlight {
	background: url(css-img/horiz_Nav.png) no-repeat -255px 0;
}
	
#nav ul li a#forms {
	width: 135px;
}
	#nav ul li a#forms:hover, #nav ul li a#forms.highlight {
	background: url(css-img/horiz_Nav.png) no-repeat -365px 0;
}
	
#nav ul li a#contact {
	width: 138px;
}
	#nav ul li a#contact:hover, #nav ul li a#contact.highlight {
	background: url(css-img/horiz_Nav.png) no-repeat -500px 0;
}
	

#caloden {
	position: absolute;
	top: 90px;
	left: 600px;
	display: block;
	width: 140px;
}

#caloden p {
	text-align:center;
	font: 12px Arial, Helvetica, sans-serif;
}

#caloden p a {
	font-size: 24px;
	color: #5B87F2;
}

#caloden p a:hover {
	color: red;
}
 
#subNav {
	position: absolute;
	top: 150px;
	display: block;
	width:160px;
	margin-left: -160px;
}

#subNav li {
	padding: .5em;
	border-bottom: 3px solid #e3e100;
}

#subNav li a, #sub-nav li a:visited {
	font: 15px Arial, Helvetica, sans-serif !important;
	color: #eee;
	text-decoration: none;
	letter-spacing: .05em;
}

#subNav li a:hover {
	color: red;
}

#subNav li a.sub-active {
	font-weight: bold !important;
	color: red;
}

#centerStage {
 	background: url(css-img/centerStage_bg.jpg) no-repeat 0 0;
	display: block;
	height: 225px;
	width: 638px;
	position: relative;
}


#mainImage-wrap {
	display: block;
	height: 168px;
	width: 566px;
	overflow: hidden; /* crop image to center stage area */
	margin: 0 36px;
	}

#mainContent {
	padding: 20px 56px;
}

#mainContent h1.subtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 34px;
	font-weight: bold;
	color: red;
	margin: 1em 0;
}

#mainContent h2, #mainContent h3.sub {
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 60px;
	color: #fff;
	letter-spacing: -3px;
	font-weight: normal;
}

#mainContent a, #mainContent a:visited {
	color: #0099ff;
	border-bottom: 1px solid #0099ff;
}

#mainContent a:hover {
	border-bottom: 1px solid #000;
}

#mainContent {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0099ff;
}

#mainContent p, #lbText {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0099ff;
	margin: 1em 0;
}

#mainContent p em {
	font-style: italic;
}

#mainContent strong {
	font-weight: bold;
}

#mainContent h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #FE0000;
	font-weight: bold;
	font-size: 1.2em;
	margin: 2em 0;
}

#mainContent ul.normal {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0099ff;
	margin: 1em 2em;
	list-style-type: disc;
}

#mainContent ul.normal li
{}


/* Homepage ____________________________________________________________________________________________ */

#home {
	background: #ffffff url(css-img/homepage_body.jpg) no-repeat center 122px;
}

#home #header {
	background: url(css-img/homepage_header.jpg) no-repeat center;
	width: 100%;
	height: 122px;
}

#home #port_credit {
	font-family: "Times New Roman", Times, serif;
	font-size: 31px;
	color: #1ECDFF;
	margin: 74px 0px 0px 369px;
}

#home #content {
	background: transparent;
	display: block;
	width: 568px;
	height: 412px;
	margin: 0 auto;
	position: relative;
}

#home #navigation, #home #navigation ul {
	background: transparent;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#home #navigation li a {
	font: 26px Verdana, Arial, Helvetica, sans-serif;
}

#home #navigation ul li a {
	display: block;
	margin: 0 auto;
	font: 26px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding-bottom: 2px;
}

#home #navigation ul li a:hover {
	color: #000 !important;
	border-bottom: none;
}

#home #navigation ul li#newSchool {
	display: block;
	position: absolute;
	top: 220px;
	right: 0;
	width: 165px;
	color: #fff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#home #navigation ul li#newSchool p {
clear: both;
}

#home #navigation ul li a#caledon {
	color: #039BFF;
}
#home #navigation ul li a#caledon:hover {
	color: #000;
	border-bottom: none;
}

#home #navigation ul li a#homeAbout {
	color: #66cccc;
	position: absolute;
	top: 50px;
	left: 52px;
}

#home #navigation ul li a#homeMethod {
	color: #13a1ff;
	position: absolute;
	top: 40px;
	left: 236px;
}

#home #navigation ul li a#homeForms{
	color: #ccffff;
	position: absolute;
	top: 40px;
	right: 68px;
}

#home #navigation ul li a#homeProgram {
	color: #66cccc;
	position: absolute;
	top: 134px;
	right: 58px;
}

#home #navigation ul li a#homeContact {
	color: #ffff00;
	position: absolute;
	top: 375px;
	left: 238px;
}

#home #splashImage {
	width: 189px;
	height: 258px;
	display: block;
	position: absolute;
	bottom: 32px;
	right: 190px;
}

#home #about {
	position: absolute;
	top: 82px;
	left: 53px;
	width: 120px;
}

#home #about p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}



/* dialog-------------------//*/
.ui-dialog {
    position: absolute; 
    padding: 0.2em; 
    overflow: hidden;
    background: #fff;
    color: #333;
    font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
    padding: .5em 2em;
    border: 1px solid #aaa;
    -moz-box-shadow: 2px 2px 5px #666;
    -webkit-box-shadow: 2px 2px 5px #666;
}
.ui-dialog-titlebar-close {float:right; color: #0099ff;}
.ui-dialog-titlebar {margin-bottom: 14px}
.dialog-message p {margin-bottom: 1.5em}
p.red-title {color:#e81a21; font-weight: bold;}
p.strong {font-weight: bold;}
a.blue-bold-link:link, a.blue-bold-link:visited {font-weight: bold; color: #0099ff;}

#mediaplayer_wrapper {margin-top: 60px} 



/*misc _______________________*/

.clear {clear: both;}
.right {float: right;}
.left {float: left;}

/*login and editor__________________________________________*/
.login {
	
	width: 40%;
	margin: 2% auto;
	padding: 3%;
	font: 11px Verdana, Geneva, sans-serif;
}

.login td {padding: 4px}

/*rte disable__*/

.yui-toolbar-group-fontstyle, .yui-toolbar-group-textstyle2 {display:none}

/*
.style1 {
	font-style: italic !important;
	font-size: 11px !important;
	color: #696969 !important;
}
*/