/*Colours:

Blue: #5a82bd
Red: #b55152
Light Green: #52a2a5
Magenta: #ad65b5
Orange: #ce8239
Green: #7ba64a
Pink/Purple: #b5518c */

body {
	background-color: #c5ddff;
	background-image: url(../images/BG.gif);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #171717;
}

a, a:link, a:visited {
	text-decoration:none;
	color: #5a82bd;
}

a:hover, a:active {
	color: #ce8239;
}

#container {
	width: 100%;
	margin: 0 auto;
	min-width: 1068px;
}

#leftDropShadow{
	width: 100%;
	background-image:url(../images/leftDropShadowMiddle.png);
	background-repeat:repeat-y;
}

#leftDropShadowTop{
	background-image:url(../images/leftDropShadowTop.gif);
	background-repeat:no-repeat;
	width: 100%;
}

#rightDropShadow {
	width: 100%;
	background-image:url(../images/rightDropShadowMiddle.png);
	background-repeat:repeat-y;
	background-position:right;
}

#rightDropShadowTop {
	width: 100%;
	background-image:url(../images/rightDropShadowTop.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#mainContent {
	background-color:#FFFFFF;
	margin: 0 59px;
	background-image:url(../images/DropShadowTop.gif);
	background-repeat:repeat-x;
	min-height: 500px;
	padding-top: 14px;
}

#footerContent {
	background-image:url(../images/footerBG.gif);
	background-position: 13px top;
	background-repeat:repeat-x;
	height:195px;
	margin: 0 59px;
	text-align:center;
	color: #ce8239;
	position:relative;
}

#footerContentPosition {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 100%;
}

#footerDropShadowLeft {
	width: 100%;
	background-image:url(../images/leftDropShadowMiddle.png);
	background-repeat:repeat-y;
	height:195px;
}

#footerDropShadowLeftBottom {
	width: 100%;
	background-image:url(../images/footerLeftCorner.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height: 195px;
}

#footerDropShadowRight {
	width:100%;
	height: 195px;
	background-image:url(../images/rightDropShadowMiddle.png);
	background-repeat:repeat-y;
	background-position:right;
}

#footerDropShadowRightBottom {
	width: 100%;
	height: 195px;
	background-image:url(../images/footerRightCorner.gif);
	background-position:right bottom;
	background-repeat: no-repeat;
}

#footerNav {
	width: 950px;
	font-size: 16px;
	color: #5a82bd;
	margin-bottom: 13px;
	width: 100%;
}

#footerNav a, #footerNav a:link, #footerNav a:visited {
	color: #5a82bd;
}

#footerNav a:hover, #footerNav a:active {
	color: #ce8239;
}

#footerEndCapLeft {
	background-image:url(../images/footerEndCapLeft.png);
	background-repeat:no-repeat;
	width: 11px;
	height: 21px;
	position:absolute;
	top: 9px;
	left: 0px;
}

#footerEndCapRight {
	width: 12px;
	height: 28px;
	position:absolute;
	top: 4px;
	right: 0px;
	background-image:url(../images/footerEndCapRight.png);
	background-repeat:no-repeat;
}

#header {
	width:100%;
	background-image:url(../images/headerBG.gif);
	background-repeat:repeat-x;
	background-position: 10px top;
	height: 155px;
	position: relative;
}

#headerEndCap {
	width: 12px;
	height: 28px;
	position:absolute;
	top: 78px;
	right: 0px;
	background-image:url(../images/headerEndCap.png);
	background-repeat:no-repeat;
}

#breadCrumbContainer
{
	color:#5a82bd;
	margin-bottom: 5px;
}

.breadCrumb
{
	color:#5a82bd;
}


#screenSizeButtons {
	width: 100px; /*was: width: 68px;*/
	height: 18px;
	position:absolute;
	right: 0px;
	top: 10px;
}

#screenSizeButtons a, #screenSizeButtons a:link, #screenSizeButtons a:visited {
	width: 18px;
	height: 18px;
	background-position: 0 -18px;
	display:inline-block;
}

#screenSizeButtons a:hover, #screenSizeButtons a:active {
	background-position: 0 0;
}

#screenSizeButtons a.fullscreen, #screenSizeButtons a.fullscreen:link, #screenSizeButtons a.fullscreen:visited, #screenSizeButtons a.fullscreen:hover, #screenSizeButtons a.fullscreen:active {
	background-image:url(../images/fullScreenButton.gif);
}

#screenSizeButtons a.fullscreenCurrent,  #screenSizeButtons a.fullscreenCurrent:link, #screenSizeButtons a.fullscreenCurrent:visited, #screenSizeButtons a.fullscreenCurrent:hover, #screenSizeButtons a.fullscreenCurrent:active {
	background-image:url(../images/fullScreenButton.gif);
	background-position: 0 0;
	cursor:default;
}

#screenSizeButtons a.widescreen, #screenSizeButtons a.widescreen:link, #screenSizeButtons a.widescreen:visited, #screenSizeButtons a.widescreen:hover, #screenSizeButtons a.widescreen:active {
	background-image:url(../images/wideScreenButton.gif);
	margin-left: 7px;
}

#screenSizeButtons a.widescreenCurrent, #screenSizeButtons a.widescreenCurrent:visited, #screenSizeButtons a.widescreenCurrent:link, #screenSizeButtons a.widescreenCurrent:hover, #screenSizeButtons a.widescreenCurrent:active {
	background-image:url(../images/wideScreenButton.gif);
	background-position: 0 0;
	cursor:default;
	margin-left: 7px;
}

#screenSizeButtons a.smallscreen, #screenSizeButtons a.smallscreen:link, #screenSizeButtons a.smallscreen:visited, #screenSizeButtons a.smallscreen:hover, #screenSizeButtons a.smallscreen:active {
	background-image:url(../images/smallScreenButton.gif);
	margin-left: 7px;
}

#screenSizeButtons a.smallscreenCurrent, #screenSizeButtons a.smallscreenCurrent:visited, #screenSizeButtons a.smallscreenCurrent:link, #screenSizeButtons a.smallscreenCurrent:hover, #screenSizeButtons a.smallscreenCurrent:active {
	background-image:url(../images/smallScreenButton.gif);
	background-position: 0 0;
	cursor:default;
	margin-left: 7px;
}

#logo {
	width: 212px;
	height: 88px;
	position:absolute;
	top: 18px;
	left: 0px;
}

#tagline {
	width: 351px;
	height: 22px;
	position:absolute;
	top: 33px;
	right: 0px;
}

#secondaryNav {
	width: 450px;
	height: 20px;
	position: absolute;
	top: 58px;
	right: 0px;
	text-align:right;
	font-size: 13px;
	line-height: 16px;
	color: #5a82bd;
}

#navCapLeft {
	width: 17px;
	height: 41px;
	position:absolute;
	top: 114px;
	left: 0px;
	background-image:url(../images/Nav/navCapLeft.gif);
	background-repeat:no-repeat;
}

#navCapRight {
	width: 17px;
	height: 41px;
	position: absolute;
	top: 114px;
	right: 0px;
	background-image:url(../images/Nav/navCapRight.gif);
	background-repeat:no-repeat;
}

#nav {
	width: 100%;
	height: 33px;
	position: absolute;
	top: 118px;
	font-size: 16px;
	text-transform:uppercase;
	z-index:1000;
	
}
/*
#nav ul {
	list-style:none;
	margin: 0 17px;
	padding: 0;
	text-align:right;
}

#nav li {
	list-style:none;
	margin: 0;
	padding: 0;
	float:right;
}

#nav a, #nav a:link, #nav a:visited {
	display: inline-block;
	padding-right: 17px;
	padding-left: 17px;
	line-height: 29px;
	border: solid 2px #FFFFFF;
}

#nav a:hover, #nav a:active {
	color: #FFFFFF;

}

#nav a.home, #nav a.home:link, #nav a.home:visited {
	color: #5a82bd;
}

#nav a.home:hover, #nav a.home:active {
	background-image:url(../images/nav/Blue_hover.gif);
	color:#FFFFFF;
	background-position: center;
	border: solid 2px #5a82bd;
}

#nav a.parents, #nav a.parents:link, #nav a.parents:visited {
	color: #b55152;
}

#nav a.parents:hover, #nav a.parents:active {
	background-image: url(../images/nav/Red_hover.gif);
	color:#FFFFFF;
	border: solid 2px #b55152;
	background-position:center;
}

#nav a.students, #nav a.students:link, #nav a.students:visited {
	color: #52a2a5;
}

#nav a.students:hover, #nav a.students:active {
	background-image:url(../images/nav/LightGreen_hover.gif);
	color: #FFFFFF;
	border: solid 2px #52a2a5;
	background-position: center;
}

#nav a.community, #nav a.community:link, #nav a.community:visited {
	color: #ad65b5;
}

#nav a.community:hover, #nav a.community:active {
	background-image:url(../images/nav/Magenta_hover.gif);
	color:#FFFFFF;
	border: solid 2px #ad65b5;
	background-position:center;
}

#nav a.about, #nav a.about:link, #nav a.about:visited {
	color: #ce8239;
}

#nav a.about:hover, #nav a.about:active {
	background-image:url(../images/nav/Orange_hover.gif);
	color: #FFFFFF;
	background-position:center;
	border: solid 2px #ce8239;
}

#nav a.staff, #nav a.staff:link, #nav a.staff:visited {
	color: #7ba64a;
}

#nav a.staff:hover, #nav a.staff:active {
	background-image:url(../images/nav/Green_hover.gif);
	color: #FFFFFF;
	background-position:center;
	border: solid 2px #7ba64a;
}

#nav a.departments, #nav a.departments:link, #nav a.departments:visited {
	color: #b5518c;
}

#nav a.departments:hover, #nav a.departments:active {
	background-image:url(../images/nav/Purple_hover.gif);
	color: #FFFFFF;
	background-position: center;
	border: solid 2px #b5518c;
}
*/
#middle {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 5px;
}

#midLeftCol {
	width: 205px;
	float: left;
}

#midRightCol {
	width: 205px;
	float: right;
}

#midCenterCol {
	margin: 0 225px;
}

/*Column Header Titles */

.blueColTitle {
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #5a82bd;
	line-height: 20px;
}

.greenColTitle {
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #7ba64a;
	line-height: 20px;
}

.orangeColTitle {
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ce8239;
	line-height: 20px;
}

.magentaColTitle {
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ad65b5;
	line-height: 20px;
}

.redColTitle {
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #b55152;
	line-height: 0px;
}

.blackTitle {
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	line-height: 20px;
}

#linksBGrepeat {
	width: 205px;
	background-image:url(../images/sideNavBG.gif);
	background-repeat:repeat-y;
}

#linksBottomCorner {
	width: 205px;
	background-image:url(../images/sideNavBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#sideNav {
	width: 205px;
	background-image:url(../images/sideNavTop.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
}

/*
#sideNav a, #sideNav a:link, #sideNav a:visited {
	display:block;
	color:#000000;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 15px;
}

#sideNav a:hover, #sideNav a:active {
	background-image: url(../images/lightBlue_hover.gif);
	background-repeat:repeat-x;
	background-position:center;
}

#sideNav ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#sideNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
*/

#quickLinksContainer {
	width: 205px;
	margin-top: 15px;
}

#quickLinksBGrepeat {
	width: 205px;
	background-image:url(../images/quicklinksBG.gif);
	background-repeat:repeat-y;
}

#quickLinksBottomCorner {
	width: 205px;
	background-image:url(../images/quicklinksbottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#quickLinks {
	width: 205px;
	background-image:url(../images/quicklinkstop.gif);
	background-repeat:no-repeat;
	padding-top: 0px;
	padding-bottom: 10px;
}

#quickLinks p
{
	margin:0px;
	padding:0px;
}

#quickLinks ul li a, #quickLinkss ul li a:link, #quickLinks ul li a:visited {
	display:block;
	color:#000000;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 15px;
}

#quickLinks ul li a:hover, #quickLinks ul li a:active {
	background-image:url(../images/Nav/Green_hover.gif);
	background-repeat:repeat-x;
	background-position:center;
}

#quickLinks ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#quickLinks li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#Calendar {
	width: 205px;
	margin-top: 15px;
}

.clearfloat {
	clear:both;
}

.title {
	font-size: 30px;
	line-height: 35px;
	color: #ce8239;
}

#GreenBox {
	background-color: #488f92;
	background-image:url(../images/GreenBoxBG.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#GreenBoxTopLeftCorner {
	background-image:url(../images/GreenBoxTopLeft.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#GreenBoxTopRightCorner {
	background-image:url(../images/GreenBoxTopRight.gif);
	background-repeat:no-repeat;
	background-position: right top;
}

#GreenBoxBottomLeftCorner {
	background-image:url(../images/GreenBoxBottomLeft.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#GreenBoxBottomRightCorner {
	background-image:url(../images/GreenBoxBottomRight.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}

#GreenBoxContent {
	padding: 15px 20px !important;
	padding-top: 20px !important; /*--- To compensate for the extra spacing the last paragraph tag will display ---*/
	color:#000000 !important;
	font-size: 14px !important;
	line-height: 19px !important;
}

#GreenBoxContent p
{
	margin-top:0px;
}

#GreenBoxContent a, #GreenBoxContent a:link, #GreenBoxContent a:visited {
	color: #FFFFFF;
}

#GreenBoxContent a:hover, #GreenBoxContent a:active {
	text-decoration:underline;
}

.GreenBoxHorDiv {
	background-image:url(../images/GreenHorizontalDiv.gif); 
	background-repeat:repeat-x; 
	background-position:center;
}

.GreenBoxVerDiv {
	background-image:url(../images/GreenVerticalDiv.gif); 
	background-repeat:repeat-y; 
	background-position:center;
}

.GreenBoxCellPadding {
	padding: 0 10px;
}

#BlueBox {
	background-color: #ccdcf1;
	background-image:url(../images/BlueBoxBG.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#BlueBoxTopLeftCorner {
	background-image:url(../images/BlueBoxTopLeft.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#BlueBoxTopRightCorner {
	background-image:url(../images/BlueBoxTopRight.gif);
	background-repeat:no-repeat;
	background-position: right top;
}

#BlueBoxBottomLeftCorner {
	background-image:url(../images/BlueBoxBottomLeft.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#BlueBoxBottomRightCorner {
	background-image:url(../images/BlueBoxBottomRight.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}

#BlueBoxContent {
	padding: 15px 20px !important;
	padding-top: 20px !important; /*--- To compensate for the extra spacing the last paragraph tag will display ---*/
	color:#000000 !important;
	font-size: 14px !important;
	line-height: 19px !important;
	
}

#BlueBoxContent p
{
	margin-top:0px;
}

#BlueBoxContent a, #BlueBoxContent a:link, #BlueBoxContent a:visited {
	color: #FFFFFF;
}

#BlueBoxContent a:hover, #BlueBoxContent a:active {
	text-decoration:underline;
}

#OrangeBox {
	background-color: #ce8239;
	background-image:url(../images/OrangeBoxBG.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#OrangeBoxTopLeftCorner {
	background-image:url(../images/OrangeBoxTopLeft.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#OrangeBoxTopRightCorner {
	background-image:url(../images/OrangeBoxTopRight.gif);
	background-repeat:no-repeat;
	background-position: right top;
}

#OrangeBoxBottomLeftCorner {
	background-image:url(../images/OrangeBoxBottomLeft.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#OrangeBoxBottomRightCorner {
	background-image:url(../images/OrangeBoxBottomRight.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}

#OrangeBoxContent {
	padding: 15px 20px !important;
	padding-top: 20px !important; /*--- To compensate for the extra spacing the last paragraph tag will display ---*/
	color:#000000 !important;
	font-size: 14px !important;
	line-height: 19px !important;
}

#OrangeBoxContent p
{
	margin-top:0px;
}

#OrangeBoxContent a, #OrangeBoxContent a:link, #OrangeBoxContent a:visited {
	color: #FFFFFF;
}

#OrangeBoxContent a:hover, #OrangeBoxContent a:active {
	text-decoration:underline;
}

#RedBox {
	background-color: #b55152;
	background-image:url(../images/RedBoxBG.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#RedBoxTopLeftCorner {
	background-image:url(../images/RedBoxTopLeft.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#RedBoxTopRightCorner {
	background-image:url(../images/RedBoxTopRight.gif);
	background-repeat:no-repeat;
	background-position: right top;
}

#RedBoxBottomLeftCorner {
	background-image:url(../images/RedBoxBottomLeft.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#RedBoxBottomRightCorner {
	background-image:url(../images/RedBoxBottomRight.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}

#RedBoxContent {
	padding: 15px 20px !important;
	padding-top: 20px !important; /*--- To compensate for the extra spacing the last paragraph tag will display ---*/
	color:#000000 !important;
	font-size: 14px !important;
	line-height: 19px !important;
}

#RedBoxContent p 
{
	margin-top:0px;
}

#RedBoxContent a, #RedBoxContent a:link, #RedBoxContent a:visited {
	color: #FFFFFF;
}

#RedBoxContent a:hover, #RedBoxContent a:active {
	text-decoration:underline;
}

#quickSearch {
	width: 205px;
	margin-bottom: 20px;
}

#quickSearchBG {
	width: 205px;
	height: 44px;
	background-image:url(../images/searchBG.gif);
	background-repeat:no-repeat;
	position: relative;
}

.quickSearchTextInput {
	margin: 12px 0 0 15px;
	width: 137px;
	background-color: none;
	border: none;
	background:none;
}

#searchButton {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 6px;
	right: 7px;
}

:focus {
	outline: none;
}