html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

html,
body { height: 100%; }

body
{
	/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #fff;
	min-width: 990px;
	/* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-size: 13px;
	font-family: Helvetica, Arial, San-Serif;
	color: #333;
}

/* for bottom-footer method*/
#container
{
	min-height: 100%;
	position: relative;
}

#body
{
	padding: 0 0 120px 0;
	/* Height of the footer */
}
/*
REMOVED IN FAVOR OF JLA STYLE
a { color: #369; }

a:hover
{
	color: #fff;
	background: #369;
	text-decoration: none;
}

p
{
	margin: .4em 0 .8em 0;
	padding: 0;
}

img { margin: 0; }

*/

/* Added by JLA */

a { color: #369; }

a:hover
{
	color: #5F2669;
	background: none;
	text-decoration: underline;
}

p
{
	margin: .4em 0 .8em 0;
	padding: 0;
}

img { margin: 0; }


/* Header styles */
#header
{
	width: 100%;
	min-width: 990px;
	margin: 0 auto 20px auto;
	padding: 0;
	background-color: #e4eced;
}

#header h1
{
	width: 990px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header h1 a
{
	/* background: url('/uploads/images/clarke-schools-logo.png') no-repeat left center; */
	padding-top: 10px;
	display: block;
	width: 700px;
	height: 90px;
	/* this hides the text */
	/* text-indent: -999em; */
	/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
}


#header #logo
{
	width: 990px;
	height: 90px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header #logo a.logo
{
	background: url('https://www.clarkeschools.org/uploads/images/clarke-schools-logo.png') no-repeat left center;
	display: block;
	width: 600px;
	height: 80px;
	/* this hides the text */
	text-indent: -999em;
	/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
	float: left;
}

#header #logo #teaser { display: block; float: right; width: 350px; height: 80px; margin: 10px 15px 0px 0px; text-align: right; }




#content p
{
	margin: 0.5em 0 0.5em 0;
	line-height: 1.3em;
}

#content p.top { text-align: right; }
#content h2 { font-size: 20px; }
#content h3 { font-size: 18px; }
#content h4, .col1 h4 { font-size: 16px; }
#content h5 { font-size: 14px; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, .col1 h4
{
	font-family: Arial, Trebuchet, San-Serif;
	margin: 0.8em 0 .2em 0;
	padding: 0;
	color: #5f2669;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
}

#content h1
{
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

.page-88 h1 { display: none; }

#content .right
{
	float: right;
	margin: 0 0 10px 10px;
}

#content .left
{
	float: left;
	margin: 0 10px 10px 0;
}

#content img.right, #content img.left { border: 1px #000 solid; }

#content ul, #content ol
{
	line-height: 1.3em;
	margin: 0 0 0 2em;
}

#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }
#content li { margin: 0 0 0.5em 0; }






/* 'widths' sub menu */
#layoutdims
{
	clear: both;
	margin: 0;
	padding: 3px 0px 0px 0px !important;
	text-align: right;
	height: 22px;
	background-color: #88C367;
}

#layoutdims a:hover { background-color: transparent; }

#layoutdims div.container
{
	width: 990px;
	margin: 0 auto 0 auto;
}


#layoutdims #search
{
	/* enough width for the search input box */
	width: 140px;
	height: 17px;
	text-align: right;
	padding: 0;
	margin: 0 0 0 15px;
	float: right;
	background-image: url('https://www.clarkeschools.org/uploads/images/topbar-search.png');
	background-repeat: no-repeat;
	overflow: hidden;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#layoutdims #search:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#layoutdims #search label { display: none; }

#layoutdims #search input
{
	width: 130px;
	height: 17px;
	color: #88C367;
	padding: 0px 5px;
	border: 0 none;
	background-color: transparent;
	float: left;
	font-family: Verdana, Helvetica, Arial, San-Serif;
	font-size: 11px;
	line-height: 1.3em;
}

/* a class for Submit button for the search input box */
#layoutdims #search input.submit
{
	padding: 0px;
	cursor: pointer;
	background-color: transparent;
	font-family: Arial, Trebuchet, San-Serif;
	font-size: 15px;
	float: left;
	display: block;
	height: 20px;
	width: 25px;
	margin: 0;
	display: none;
}

#layoutdims .listen-container { width: 58px; float: right; }

#layoutdims .glossary { width: 53px; float: right; margin-left: 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#layoutdims .glossary:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Font-Sizer Specific Styling */

#fontsizer { width: 70px; float: right; }
.fsizer { float: right; }

/* Container element */
.fsizer a
{
	display: block;
	float: left;
	width: auto;
	margin-left: 10px;
	text-align: center;
	border: 0 none;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 0;
	line-height: 100%;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.fsizer a:hover
{
	text-decoration: underline;
	background: none;
}

/* Three 'A' links used to control size */
.fsizer a#fs_sml
{
	font-size: 9px;
	height: 15px;
	padding-top: 5px;
}

.fsizer a#fs_med
{
	font-size: 13px;
	height: 17px;
	padding-top: 3px;
}

.fsizer a#fs_lrg
{
	font-size: 16px;
	height: 18px;
	padding-top: 2px;
}

.fsizer a.fsactive
{
	color: #fff;
	cursor: default;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#layoutdims .tooltip { width: 19px; height: 24px; margin-left: 10px; float: right; }

#layoutdims .tooltip a:hover { background-color: transparent; }

#layoutdims .tooltip a img
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#layoutdims .tooltip a:hover img
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}




/* When mode is active */
/* column container */
.colmask
{
	position: relative;
	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	width: 990px;
	/* width of whole page */
	overflow: hidden;
	/* This chops off any overhanging divs */
	margin: 0 auto 0 auto;
}

/* common column settings */
.colleft,
.colmid,
.colright
{
	float: left;
	width: 100%;
	position: relative;
}

.col1,
.col2,
.col3
{
	float: left;
	position: relative;
	padding: 0;
	overflow: hidden;
}

/* 3 Column settings */
.threecol
{
	width: 960px;
	background-color: #fff;
	/* right column background colour */
}

.threecol .colmid
{
	right: 200px;
	/* width of the right column */
	background-color: #fff;
	/* center column background colour */
}

.threecol .colleft
{
	right: 545px;
	/* width of the middle column */
	background-color: #e4eced;
	/* left column background colour */
}

.threecol .col1
{
	width: 515px;
	/* width of center column content (column width minus padding on either side) */
	left: 975px;
	/* 100% plus left padding of center column */
}

.threecol .col2
{
	width: 215px;
	/* Width of left column content (column width minus padding on either side) */
	left: 230px;
	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3
{
	width: 200px;
	/* Width of right column content (column width minus padding on either side) */
	left: 775px;
	/* Please make note of the brackets here:
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings */
.clarkestyle
{
	background-color: transparent;
	/* right column background colour */
}

.clarkestyle .colmid
{
	right: 265px;
	/* width of the right column */
	background-color: transparent;
	/* center column background colour */
}

.clarkestyle .colleft
{
	right: 265px;
	/* width of the middle column */
	background-color: transparent;
	/* left column background colour */
}

.clarkestyle .col1
{
	width: 235px;
	/* width of center column content (column width minus padding on either side) */
	left: 1005px;
	/* 100% plus left padding of center column */
}

.clarkestyle .col2
{
	width: 430px;
	/* Width of left column content (column width minus padding on either side) */
	left: 310px;
	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.clarkestyle .col3
{
	width: 235px;
	/* Width of right column content (column width minus padding on either side) */
	left: 605px;
	/* Please make note of the brackets here:
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (left menu) settings */
.leftmenu
{
	background-color: transparent;
	/* right column background colour */
}

.leftmenu .colleft
{
	right: 670px;
	/* right column width */
	background-color: transparent;
	/* left column background colour */
}

.leftmenu .col1
{
	width: 640px;
	/* right column content width */
	left: 1005px;
	/* 100% plus left column left padding */
}

.leftmenu .col2
{
	width: 290px;
	/* left column content width (column width minus left and right padding) */
	left: 45px;
	/* (right column left and right padding) plus (left column left padding) */
}

/* 2 Column (left menu) settings */
.clarkenews
{
	background-color: transparent;
	/* right column background colour */
}

.clarkenews .colleft
{
	right: 560px;
	/* right column width */
	background-color: transparent;
	/* left column background colour */
}

.clarkenews .col1
{
	width: 530px;
	/* right column content width */
	left: 1005px;
	/* 100% plus left column left padding */
}

.clarkenews .col2
{
	width: 400px;
	/* left column content width (column width minus left and right padding) */
	left: 45px;
	/* (right column left and right padding) plus (left column left padding) */
}

/* 2 Column (right menu) settings */
.rightmenu
{
	background-color: transparent;
	/* right column background colour */
}

.rightmenu .colleft
{
	right: 290px;
	/* right column width */
	background-color: transparent;
	/* left column background colour */
}

.rightmenu .col1
{
	width: 290px;
	/* right column content width */
	left: 975px;
	/* 100% plus left column left padding */
}

.rightmenu .col2
{
	width: 640px;
	/* left column content width (column width minus left and right padding) */
	left: 15px;
	/* (right column left and right padding) plus (left column left padding) */
}

/* 2 Column (double page) settings */
.doublepage
{
	background: #eee;
	/* right column background colour */
}

.doublepage .colleft
{
	right: 50%;
	/* right column width */
	background: #fff;
	/* left column background colour */
}

.doublepage .col1
{
	width: 46%;
	/* left column content width (column width minus left and right padding) */
	left: 52%;
	/* right column width plus left column left padding */
}

.doublepage .col2
{
	width: 46%;
	/* right column content width (column width minus left and right padding) */
	left: 56%;
	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Full page settings */
.fullpage
{
	background: #fff;
	/* page background colour */
}

.fullpage .col1
{
	width: 960px;
	/* page width minus left and right padding */
	left: 15px;
	/* page left padding */
}

/* Footer styles */
#footer
{
	position: absolute;
	bottom: 0;
	height: 120px;
	/* Height of the footer */
	width: 100%;
	background-color: #E4ECED;
	font-size: 10pt;
	line-height: 1.3em;
}

#footer p
{
	padding: 10px;
	margin: 0 auto 0 auto;
	width: 960px;
	text-align: center;
	color: #5f2669;
}

#footer a.sitecredit
{
	color: #5F2669;
	font-family: Verdana, Tahoma, Arial, San-Serif;
	text-decoration: none;
	font-size: 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#footer a.sitecredit:hover
{
	background-color: transparent;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.breadcrumbs { background-color: #FFF; }

div.breadcrumbs p
{
	/* CSS short hand rule first value is top then right, bottom and left */
	padding: 5px 8px;
	/* its good to set font sizes to be relative, this way viewer can change his/her font size */
	font-size: 80%;
	/* css shorthand rule will be opened to be "0px 0px 0px 0px" */
	margin: 0px auto 0px auto;
	background-color: #CCC;
	width: 944px;
}

div.breadcrumbs p span.lastitem { font-weight: bold; }
div.breadcrumbs a { color: #5f2669; }

div.breadcrumbs a:hover
{
	color: #CCC;
	background-color: #5f2669;
}

.item p.header { margin-bottom: 10px; }

.item p.header a, .NewsSummaryLink a
{
	color: #5F2669;
	text-decoration: none;
	font-family: Arial, Trebuchet, San-Serif;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: bold;
}

.item p.header a:hover, .NewsSummaryLink a:hover { background-color: transparent; text-decoration: underline; }

.item .resources
{
	padding: 0;
	text-align: center;
	background-color: #000;
	background-image: url('https://www.clarkeschools.org/uploads/images/home/resources-for-parents-back.jpg');
}

.NewsSummary { margin-bottom: 1em; }

.item p.text, .item p.text a
{
	color: #000000;
	line-height: 1.3em;
	text-decoration: none;
	font-size: 12px;
}

.item a:hover { background-color: transparent; }
.item li a:hover { text-decoration: underline; }

.item.profiles
{
	background-color: #e4eced;
	height: 200px;
	margin-top: 0;
}

.item.profiles img
{
	float: left;
	margin-right: 20px;
}

.item.profiles p.text { margin-right: 20px; }

/* END News Ticker */
a.item2
{
	width: 235;
	height: 203;
	display: inline-block;
	text-decoration: none;
}

a.item2 img { z-index: -1; }

a.item2 span
{
	z-index: 1;
	color: #FFF;
	background-image: url('https://www.clarkeschools.org/uploads/images/back-black-50.png');
	background-repeat: repeat;
	height: 40px;
	width: 215px;
	display: block;
	bottom: 0;
	position: absolute;
	padding: 10px;
}

.fullpage a.item2 span { display: none; }
.item { margin-bottom: 20px; }

.item h3
{
	color: #fff;
	font-family: Trebuchet MS, Trebuchet, San-Serif;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 10px;
	background-color: #5f2669;
	text-transform: uppercase;
	margin: 0;
}

.item h3 a, .item h3 a:hover
{
	color: #fff;
	text-decoration: none;
}

.video-player #right_column_links, .galleries #right_column_links { display: none; }

.item .quote
{
	text-align: left;
	font-family: Trebuchet MS, Trebuchet, San-Serif;
	font-size: 16px;
	color: #5F2669;
	line-height: 1.2em;
}

.item .quote .indent
{
	background-image: url('https://www.clarkeschools.org/uploads/images/campuses/quote.png');
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 1.4em;
	text-indent: 2.9em;
}
.item .quote .name { font-size: 12px; font-family: Arial, Tahoma, Verdana, San-Serif; text-align: right; }

.bottombar { background: #6db44b; padding: 8px; margin: 20px 0 0 0; }
.home .bottombar { background: #6db44b; padding: 8px; margin: 0 0 20px 0; }
.bottombar img { float: right; margin: 1px 5px 0 0; }

#signup
{
	background-image: url('https://www.clarkeschools.org/uploads/images/global/signup-back.png');
	background-repeat: no-repeat;
	width: 458px;
	height: 17px;
	display: block;
}

#signup * { border: 0 none; }

#signup input.email
{
	background-image: url('https://www.clarkeschools.org/uploads/images/global/signup-50.png');
	background-repeat: no-repeat;
	width: 204px;
	height: 17px;
	margin-left: 218px;
	padding: 0px 5px;
	background-color: transparent;
	font-family: Verdana, Helvetica, Arial, San-Serif;
	font-size: 11px;
	line-height: 1.3em;
	color: #6db44b;
}

#signup input.submit { width: 20px; height: 17px; background-color: transparent; }

#signup:hover input.email, #signup input.email:focus { background-image: url('https://www.clarkeschools.org/uploads/images/global/signup-100.png'); }