/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background:#393939 url(images/body-tail.jpg) left top repeat-x;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; line-height:1.333em; color:#484848;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#007B94;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {background:url(images/link-marker.gif) left 7px no-repeat; padding:0 0 10px 16px; line-height:1em;}
ol {margin-left: 20px; padding-left: 20px;}
ol li {padding:0 0 10px 16px; line-height:1em;}
ol2 {margin-left: 30px; padding-left: 30px;}
ol2 li {padding:0 0 10px 16px; line-height:1em;}

li a {color:#2B2F2F; font-weight:bold;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

#content .col-1,
#content .col-2,
#content .col-3 {float:left;}

.iframe5 {width:"480px"; height:"390px";}

/***************header***************/
#header {padding:33px 0 0;}

.headerimage {color:#00FF00;}
.menu {float:left; width:750px;}
.menu li {background:url(images/m-border.gif) right top no-repeat; padding:0; float:left;}
.menu .extra {background:none;}
.menu a {display:block; color:#FFFFFF; text-decoration:none; font-size:1.083em; line-height:1em; font-weight:bold; float:left;}
.menu a span {display:block;}
.menu a span span {display:block; padding:7px 21px 11px;}
.menu a:hover, .menu .act a  {background:#242323;}
.menu a:hover span, .menu .act a span {background:url(images/m-left.gif) left top no-repeat;}
.menu a:hover span span, .menu .act a span span {background:url(images/m-right.gif) right top no-repeat;}

.rss {float:right; padding:31px 29px 0 0;}

.logo {background:#F7F5EC url(images/header-tail.jpg) left top repeat-x;}
.logo .float-l {background:url(images/header-left.jpg) left top no-repeat; padding:22px 0 22px 23px;}
.logo .float-r {background:url(images/header-right.jpg) right top no-repeat; width:99px; padding:54px 39px 0 0;}

.nav {background:url(images/nav-tail.jpg) left top repeat-x; display:block; float:right;}
.nav div {background:url(images/nav-left.jpg) left top no-repeat;}
.nav div div {background:url(images/nav-right.jpg) right top no-repeat; padding:10px 21px 10px 9px;}
.nav li {float:left; background:none; padding:0 0 0 12px;}

.slogan {background:url(images/slogan-bg_newer.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}
.slogan_schoollaw {background:url(images/slogan-bg_schoollaw.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}
.slogan_teacher {background:url(images/slogan-bg_teacher.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}
.slogan_dcfs {background:url(images/slogan-bg_dcfs.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}
.slogan_juvenile {background:url(images/slogan-bg_juvenile.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}
.slogan_criminal {background:url(images/slogan-bg_criminal.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}
.slogan_about {background:url(images/slogan-bg_about.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}
.slogan_contact {background:url(images/slogan-bg_contact.jpg) left top no-repeat; text-align:right; padding:75px 45px 226px 0;}


/***************content***************/
.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; margin:2px 20px 0 0;}
.phone {float:right; margin-right:27px;}
cite {font-style:normal;}

#content {background:#EFEAD7 url(images/content-tail.jpg) left top repeat-x;}
.cont-left {background:url(images/cont-left.gif) left bottom no-repeat; width:100%;}
.cont-right {background:url(images/cont-right.gif) right bottom no-repeat; padding:25px 20px 55px 21px;}

.row-1 {color:#2B2F2F;}
.row-2 {padding:38px 10px 0 9px;}
.row-25 {padding:38px 10px 0 9px;}


.box1 {background:#D2CEC0 url(images/box1-bot.gif) left bottom repeat-x;}
.box1 .box-left {background:url(images/box1-left.gif) left top repeat-y;}
.box1 .box-top {background:url(images/box1-top.gif) left top repeat-x;}
.box1 .box-right {background:url(images/box1-right.gif) right top repeat-y;}
.box1 .box-top-left {background:url(images/box1-top-left.jpg) left top no-repeat;}
.box1 .box-top-right {background:url(images/box1-top-right.jpg) right top no-repeat;}
.box1 .box-bot-left {background:url(images/box1-bot-left.jpg) left bottom no-repeat;}
.box1 .box-bot-right {background:url(images/box1-bot-right.jpg) right bottom no-repeat; padding:24px 1px 10px 1px; min-height:176px; height:auto !important; height:176px;}

.box2 {background:#CEC9BA url(images/box2-bot.gif) left bottom repeat-x;}
.box2 .box-left {background:url(images/box2-left.gif) left top repeat-y;}
.box2 .box-top {background:url(images/box2-top.gif) left top repeat-x;}
.box2 .box-right {background:url(images/box2-right.gif) right top repeat-y;}
.box2 .box-top-left {background:url(images/box2-top-left.jpg) left top no-repeat;}
.box2 .box-top-right {background:url(images/box2-top-right.jpg) right top no-repeat;}
.box2 .box-bot-left {background:url(images/box2-bot-left.jpg) left bottom no-repeat;}
.box2 .box-bot-right {background:url(images/box2-bot-right.jpg) right bottom no-repeat; padding:7px 1px 0 1px; min-height:202px; height:auto !important; height:202px;}

.box3 {background:#CEC9BA url(images/box3-bot.gif) left bottom repeat-x;}
.box3 .box-left {background:url(images/box3-left.gif) left top repeat-y;}
.box3 .box-top {background:url(images/box3-top.gif) left top repeat-x;}
.box3 .box-right {background:url(images/box3-right.gif) right top repeat-y;}
.box3 .box-top-left {background:url(images/box3-top-left.jpg) left top no-repeat;}
.box3 .box-top-right {background:url(images/box3-top-right.jpg) right top no-repeat;}
.box3 .box-bot-left {background:url(images/box3-bot-left.jpg) left bottom no-repeat;}
.box3 .box-bot-right {background:url(images/box3-bot-right.jpg) right bottom no-repeat; padding:22px 34px 0 29px; min-height:278px; height:auto !important; height:278px;}

.box1 .title {background:#E0DBCB; padding:18px 0 10px 23px; margin-bottom:14px;}
.box2 .title {padding:30px 0 26px 29px;}
.box-bg {background:url(images/box-bg_template2.jpg) 14px top no-repeat; padding-bottom:33px;}
.box3 .title {margin-bottom:20px;}

.row-2 .col-2 {background:url(images/border-tail1.gif) left top repeat-y; padding-left:28px;}

.link {background:url(images/link-marker.gif) right 6px no-repeat; font-weight:bold; text-decoration:underline; color:#2B2F2F; padding-right:16px;}
.link:hover {text-decoration:none;}

.button1, .button2 {background:url(images/button-tail.gif) left top repeat-x; display:block; color:#FFFFFF; font-size:0.917em; line-height:1em; font-weight:bold;
 text-transform:uppercase; text-decoration:none; float:left;}
.button1:hover, .button2:hover {text-decoration:underline;}
.button1 span, .button2 span {display:block;}
.button1 span span, .button2 span span {display:block; padding:5px 18px 6px 16px;}

.button1 span {background:url(images/button1-left.gif) left top no-repeat;}
.button1 span span {background:url(images/button1-right.gif) right top no-repeat;}

.button2 span {background:url(images/button2-left.gif) left top no-repeat;}
.button2 span span {background:url(images/button2-right.gif) right top no-repeat;}

.border {background:url(images/border-tail2.gif) left bottom repeat-x; padding-top:13px; margin-bottom:17px;}
.image {margin-top:2px;}

.row-2 .title {margin-bottom:20px;}
h1 {font-size:1.90em; color:#007B94; text-transform:uppercase; font-weight:bold;}
h2 {color:#007B94; text-transform:uppercase; font-weight:normal;}
h3 {color:#4F5A5B; line-height:1.667em;}
h3 a {color:#A34C00; text-decoration:underline; font-weight:normal;}
h3 a:hover {text-decoration:none;}
h4 {color:#000101;}
h5 {font-size:1.20em; color:#996600; font-weight:bold;}

.center {text-align:center;}

.margin1 {margin-left:17px;}
.margin2 {margin-right:21px;}
.margin3 {margin-bottom:16px;}

.padding1 {padding-left:28px; padding-right:43px;}
.padding2 {padding-bottom:9px;}
.padding3 {padding-bottom:14px;}
.padding4 {padding-bottom:18px;}
.padding5 {padding-bottom:11px;}
.padding6 {padding-bottom:5px;}
.padding7 {padding-bottom:23px;}
.padding8 {padding-top:3px;}

/***************page-2***************/
#page-2 .row-1 .box1 ul {padding-bottom:20px;}
/***************page-4***************/
#page-4 .row-1 .box3 ul {padding:13px 3px 0 0}
/***************page-5***************/
#page-5 .row-1 .box3 .float-r {padding-right:5px;}
/***************page-7***************/
#page-7 .row-2 .col-1 a {color:#2B2F2F;}
/***************page-8***************/
#page-8 .row-2 {padding-top:22px;}
#page-8 .row-2 a {color:#2B2F2F;}

/***************form***************/
#contactForm {padding:2px 0 0 0;}
#contactForm p {width:178px; padding:0; margin:0; color:#373732; font-size:0.917em; line-height:1em; font-weight:bold;}
#contactForm .float-l {width:178px; padding:0; margin:0;}
#contactForm .float-l div {height:38px; width:178px;}
#contactForm input, #contactForm textarea {font-size:1em; line-height:1em; color:#2B2F2F; border:1px solid #A09B96; padding:2px 0 0 3px;}
#contactForm input {height:17px; width:175px;}
#contactForm textarea {overflow:hidden; width:184px; height:164px; margin-right:3px;}
.buttons {padding:4px 3px 0 0;}
.buttons .button1 {float:right; margin-left:17px;}

/***************footer***************/
#footer {font-size:0.917em; padding:25px 0 28px 29px;}
#footer ul {padding-bottom:2px;}
#footer li {background:none; padding:0; float:left; border-left:1px solid #B6B1A1; padding:0 11px 0 10px;}
#footer .extra {border:none; padding:0 11px 0 0;}
#footer li a {color:#B6B1A1; text-decoration:none; text-transform:uppercase; font-weight:normal; margin:0;}
#footer li a:hover {color:#FFFFFF;}
#footer p {font-size:0.909em; color:#F8F5EC; text-transform:uppercase;}
#footer a {text-transform:none; color:#F8F5EC; margin-left:12px; }

/***************sidenav***************/

#schoollawnav {font-size:0.917em; padding:25px 0 28px 29px;}
#schoollawnav ul {padding-bottom:2px;}
#schoollawnav li {background:none; padding:0; float:left; }
#schoollawnav .extra {border:none; padding:0 11px 0 0;}
#schoollawnav li a {color:#000000; text-decoration:none; text-transform:uppercase; font-weight:normal; margin:0;}
#schoollawnav li a:hover {color:#ffffff;}
#schoollawnav p {font-size:0.909em; color:#F8F5EC; text-transform:uppercase;}
#schoollawnav a {text-transform:none; color:#F8F5EC; margin-left:12px; }

/***************menu***************/


.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none;}
.qmmc li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%;}

#qm0	
	{	
		width:900px;
		background-color:transparent;
	}



	#qm0 a	
	{	
		padding:6px 30px 6px 7.5px;
		margin:0px -1px 0px 0px;
		background-color:#393930;
		color:#FFFFFF;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		text-align:left;
		border-width:1px;
		border-style:solid;
		border-color:#007b94;
	}



	#qm0 a:hover	
	{	
		text-decoration:underline;
	}



	#qm0 li:hover>a	
	{	
		text-decoration:underline;
	}



	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#007b94;
		color:#ffffff;
		text-decoration:underline;
	}




	#qm0 div, #qm0 ul	
	{	
		padding:2px;
		margin:-1px 0px 0px 0px;
		background-color:#016579;
		border-width:1px;
		border-style:solid;
		border-color:#007b94;
	}




	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:#007b94;
		color:#FFFFFF;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}




	#qm0 div a:hover	
	{	
		color:#F3FA3A;
		text-decoration:underline;
	}




	#qm0 ul li:hover>a	
	{	
		color:#F3FA3A;
		text-decoration:underline;
	}




	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#007b94;
		color:#2D4C2F;
	}




	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#DD3300;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}




	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#040404;
	}



	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#040404;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-image:url(cssalt1_arrow_right_hover.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
		background-image:url(cssalt1_arrow_right.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(cssalt1_arrow_down_hover.gif);
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(cssalt1_arrow_down.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}

.qmfv{visibility:visible !important;}
.qmfh{visibility:hidden !important;}