/* CSS Document */

body {
  font:14px Tahoma, Arial, Helvetica, sans-serif;
  color:#000000;
  background:#fff url(/images/bg.gif) left top repeat-x;
  margin:0;
  padding:0;
}
body.in_session{
  background:#fff url(/images/bg.gif) left -300px repeat-x;
}

body.print{
	background:#fff;
}

#layout {
  width:1000px;
  text-align:justify;
  line-height:18px;
  margin:0 auto;
}

body.null #header {
  height:400px;
  background:url(/images/header.png) left top no-repeat;
}

body.in_session #header {
  height:110px;
  background:url(/images/header_alt.png) left top no-repeat;
}

#username_display{
  margin:-150px 30px 0 0;
  text-align:right;
  color:#000;
  font-weight:bold;
}
#username_display a{
  color:#888;
}
#notes_to_viewer{
  margin:10.5em 0 0 0;
  width:450px;
}
#notes_to_viewer p{
  padding:0;
  margin:0;
}
body.in_session #notes_to_viewer{
  position:absolute;
  top:-10000px;
  left:-10000px;
}
#topzone {
  height:100px;
  padding:35px 0 0 53px;
}

#content {
  width:1000px;
  background:url(/images/bodycontainer.gif) right top repeat-y;
  padding:0 0 0 0;
  margin:5px 0 0 0;
}

#content.non{
  background:none;
  width:995px;
  padding:5px 0 10px 0;
}

#content.non h2, #content.non h3, #content.non h4, #content.non h5, #content.non h6, #content.non p, #content.non div{
  margin-left:10px;
}
#content.non p, #content.non div{
  margin-right:10px;
}
#content.non table.non, table.non{
  width:100%;
  margin-right:0;
  margin-left:0;
}

#leftcontainer {
  width:533px;
  float:left;
  padding:50px 70px 0 60px;
}

#rightcontainer {
  width:337px;
  float:right;
  padding:0 0 0 0;
}

.welcomezone {
  padding:0 0 15px 0;
  border-bottom:1px solid #dadada;
}

.row1 {
  border-top:1px solid #dadada;
  padding:15px 0 0 0;
}

.row2 {
  border-bottom:1px solid #dadada;
  padding:30px 0 30px 0;
  margin:0 0 20px 0;
}

.row2left {
  width:180px;
  float:left;
}

.row2right {
  width:330px;
  float:right;
}

#memberzone {
  background:#dcdcdc url(/images/memberzonebg.gif) left top repeat-x;
  padding:50px 0 40px 23px
}

#loginzone {
  padding:0;
  margin:0;
}

.loginrow {
  width:285px;
  padding:0 0 5px 0;
}

.loginleft {
  float:left;
  width:76px;
  color:#6a6a6a;
  text-align:right;
  font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
}

.logincenter {
  float:left;
  width:125px;
  padding:0 0 0 9px;
}

.loginright {
  float:left;
  width:32px;
  padding:0 0 0 13px;
}

.inputbox {
  width:123px;
  border:1px solid #979797;
}

#servicezone {
  padding:35px 50px 30px 24px;
}

.readall {
  padding:26px 0 0 36px;
}

.signup {
  padding:15px 0 0 0;
  width:100px;
}

#footercontainer {
  background:url(/images/footer.gif) center top repeat-x;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

#footer {
  font:11px Tahoma, Arial, Helvetica, sans-serif;
  width:1000px;
  height:89px;
  background:url(/images/footer1.gif) right top no-repeat;
  padding:0 0 0 0;
  margin:0 auto;
}

#footerleft {
  float:left;
  color:#fff;
  font-weight:bold;
  padding:43px 0 0 60px;
}

#footercenter {
  float:left;
  padding:43px 0 0 30px;
}

#footerright {
  float:right;
  color:#fff;
  padding:30px 55px 0 0;
}

.clear {
  clear:both;
  margin:0;
  padding:0;
}

/*  Img Style Start Here  */

.welcomeimg {
  float:left;
  margin:0 30px 0 25px;
}

.educationimg {
  float:right;
  margin:0 0 0 20px;
}

/*  Img Style End Here  */

/*  Text Style Start Here  */

h1 {
  color:#000;
  background:url(/images/bullet.gif) no-repeat 0 1px;
  margin:0;
  padding:0 0 15px 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: normal;
}

h2 {
  color:#000;
  background:url(/images/bullet.gif) no-repeat 0 -1px;
  margin:0;
  padding:0 0 15px 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: normal;
}

h3 {
  color:#000;
  margin:0.5em 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
}

h4 {
  color:#000;
  margin:0.5em 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
h5{
  font:15px Myriad Pro, Arial, Helvetica, sans-serif;
  color:#000;
  font-weight:bold;
  padding:0 0 5px 0;
  border-bottom:1px dotted #b54c00;
  margin:0 0 10px 0;
  text-align:left;
}
h6{
  font:13px Myriad Pro, Arial, Helvetica, sans-serif;
  color:#000;
  font-weight:bold;
  padding:0 0 5px 0;
  margin:0 0 10px 0;
  text-align:left;
}

abbr{
cursor:help;
}

.bannertxtblock {
  color:#fff;
  padding:16px 0 0 53px;
}

.bannertxtblock h2 {
  font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
  color:#fff;
  padding:0;
  margin:0;
  background:none;
}

.bannertxtblock h1 {
  font:bold 30px Myriad Pro, Arial, Helvetica, sans-serif;
  color:#fff;
  background:none;
  padding:0 0 5px 0;
  margin:0;
}

/*  Text Style End Here  */

/*  Menu Style Start Here  */

a {
  color:#a20000;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

#topmenu {
  height:64px;
  background:url(/images/topmenubg.gif) left top repeat-x;
}

#topmenu ul {
  margin:0 10px 0 0;
  padding:0 0 0 15px;
  background:url(/images/menudevider.gif) right top no-repeat;
  float:left;
}

#topmenu ul li {
  display:block;
  float:left;
  background:url(/images/menudevider.gif) left top no-repeat;
  list-style:none;
  text-align:left;
}

#topmenu li a {
  font:15px Myriad Pro, Arial, Helvetica, sans-serif;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  float:left;
  padding:30px 16px 20px 11px;
}

#topmenu li a span {
  background:url(/images/topdisc.gif) 0 2px no-repeat;
  padding:0 0 0 20px;
}
#topmenu li a.current{background:url(/images/menubghover.jpg) left top repeat-x;}
#topmenu li a:hover {
  color:#e1e1e1;
  background:url(/images/menubghover.jpg) left top repeat-x;
}

.servlcelink {
  padding:0 0 0 0;
  margin:0 0 0 0;
}

.servicelink ul {
  margin:0;
  padding:0 50px 0 20px;
}

.servicelink ul li {
  display:block;
  list-style:none;
  background:url(/images/servicedisc.gif) 0 6px no-repeat;
  border-bottom:1px dotted #9f9f9f;
  padding:0 0 7px 8px;
  margin:0 0 7px 0;
  text-align:left;
}

.servicelink li a {
  color:#474747;
  text-decoration:none;
}

.servicelink li a:hover {
  color:#000;
}

.listlink {
}

.listlink ul {
  margin:0;
  padding:0;
}

.listlink ul li {
  display:block;
  list-style:none;
  background:url(/images/listdisc.gif) 0 6px no-repeat;
  padding:0 0 5px 8px;
  text-align:left;
}

.listlink li a {
  color:#a20000;
  text-decoration:underline;
}

.listlink li a:hover {
  text-decoration:none;
}

#footer ul {
  margin:0;
  padding:0;
}

#footer ul li {
  display:inline;
  padding:0 9px 0 9px;
  border-right:1px solid #d07575;
}

#footer li a {
  font:bold 12px Myriad pro, Arial, Helvetica, sans-serif;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
}

#footer li a:hover {
  color:#e1e1e1;
}

#footer a {
  color:#fff;
  text-decoration:underline;
}

#footer a:hover {
  text-decoration:none;
}

/*  Menu Style End Here  */
/* inner pages css start */
/*
table{
  width: 100%;
}
*/
h1.inner{font:33px Myriad Pro, Arial; color:#000000; font-weight:100; margin:0; padding:25px 0 10px 0; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;  margin:0 0 10px 20px;}
.aboutcolumnzone{padding:20px 0 16px 0;}
.aboutcolumn1{width:48%; float:left; margin:0 0 10px 0;}
.aboutcolumn2{width:48%; float:right; margin:0 0 10px 0;}
.abouticon{float:left; margin:0 20px 0 0;}
.insidereadmore{padding:10px 0 10px 0;}
input.button{color:#ffffff;  background:#414141;  font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0 5px 5px 0;  border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
input.numeral{text-align:right;}
.project-img{float:right; margin-left:20px;  border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;  padding:0; margin:25px 0 20px 0;}
.ourprojectrow{margin-bottom:20px;  border-bottom:1px dotted #b54c00; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0 16px 0;}
.servicecolumn1{width:48%; float:left; margin:0 0 10px 0;}
.servicecolumn2{width:48%; float:right;  margin:0 0 10px 0;}
.blog-posted-row{padding:3px;}
.style2 {font-size: 11px;}
.style3 {color: #000000;}

table.sub_mid_wrapper{
  border:none;
  width:990px;
  padding:5px;
  margin-top:20px;
  border-spacing:0;
}
table.sub_mid_wrapper tr td.full_width_content{
  vertical-align:top;
  padding:0 1px;
  margin-left:10px;
}
table.sub_mid_wrapper tr td.content{
  width:538px;
  vertical-align:top;
  padding:0 0 0 10px !important;
}
table.sub_mid_wrapper tr td.full_width_content table, table.sub_mid_wrapper tr td.content table{
  width:528px; /* old width */
  width:800px;
  border:none;
  margin:0 auto;
  padding:0;
  border-spacing:0;
}
table.sub_mid_wrapper tr td.full_width_content table td, table.sub_mid_wrapper tr td.content table td{
  vertical-align:top;
}
form.login{
  margin-top:20px;
  margin-right:auto;
  margin-bottom:20px;
  margin-left:auto;
}
form.login table{
  width:70%;
  margin-left:auto;
  margin-right:auto;
}
form.login table td.label{
  text-align:right;
  width:30%;
}
form.login table td.input{
  text-align:left;
  width:70%;
}
table.admin_main_display{
  width:100% !important;
}
table.admin_main_display td.crud_appointments{
  width:600px;
}
div.administration_table_view_width_type1{ width:595px;}
div.administration_table_view_width_type2{ width:300px;}
div.administration_table_view_width_type_half{ width:450px !important;}
div.administration_table_view_split{ float:left;}
div.administration_table_view_height_type1{ height:200px;}
div.administration_table_view_height_type2{ height:100px;}
div.administration_table_view{
  overflow:auto;
  font-size:0.75em;
}
div.administration_table_view div.administration_table_view{
  font-size:1em;
}
div.administration_table_view table{
  width:100% !important;
  margin:0 auto;
  padding:0 !important;
}
div.administration_table_view table th{
  font-weight:normal;
  color:#fff;
  background-color:#898989;
  border:1px solid #fff;
}
div.administration_table_view table td{
  color:#000;
  background-color:#eee;
  text-align:center;
  border:1px solid #fff;
}
div.administration_table_view table td.label{
  text-align:right;
}
div.administration_table_view table td.name{
  font-weight:bold;
}
table.classroom_schedule{
	width:100%;
	border-style:outset;
	border-width:1px;
	font-family:Verdana;
	font-size:9.5px !important;
}

table.classroom_schedule tr td, table.classroom_schedule tr td.h{
	width:102px !important;
}
table.classroom_schedule td{
	border:1px solid #555 !important;
	height:50px;
}

table.classroom_schedule td.h{
	color:#F0EFF5;
	background-color:#666666;
	padding:2px 10px;
	height:20px;
}
table.sub_classroom_schedule{
	background-color:#ffffc0;
/*
	width:100%;
*/
}
table.is_current_day{
	background-color:#FFFF42;
}
table.sub_classroom_schedule th{
	font-size:14px !important;
	text-align:left;
}
table.sub_classroom_schedule td{
	font-size:9px !important;
	height:70px;
	background-color:#fff;
	text-align:left;
}
table.sub_classroom_schedule td input{
	font-size:8px;
}
.classroom_schedule_actions{
	font-size:2em;
}
#main_name{
  position:absolute;
  top:-10000px;
  left:-10000px;
}
.warning, .notice, .required{
  font-weight:bold;
  color:#ff0000 !important;
  background-color:transparent;
}

hr {
  border:none;
  background:none;
  line-height:0;
  border-bottom:1px solid #dadada;
}
img{
  border:none;
}
span.animal_rescue_notice{
  color:#AC79D9;
}
.float_right{
  float:right;
}
span.float_right:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
div.right, .right{
  text-align:right !important;
  margin-right:0;
}
div.left, .left{
  text-align:left !important;
  margin-left:0;
}
.center{
  margin:0 auto;
  text-align:center;
}
li.phone    { list-style-image: url(/images/phone.png); }
li.schedule { list-style-image: url(/images/schedule.png); }
li.map      { list-style-image: url(/images/map.png); }

form fieldset{
  border:1px solid #ccc;
}
form fieldset input[type="text"], form fieldset input[type="password"], form fieldset textarea{
  border:1px solid #979797;
  padding:0.3em 0.5em;
}
form fieldset input[readonly="readonly"]{
  background-color:#ccc;
}
form fieldset div{
  margin:0.5em 0;
}
form fieldset div label{
  width:25%;
  float:left;
  text-align:right;
  font-weight:bold;
  margin-right:0.2em;
}
form fieldset div textarea{
  width:95%;
}
form fieldset div:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
dl,dt,dd{
	margin:0;
	padding:0;
}
dl{
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}
dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
dt{
	font-weight:bold;
}
dd{
	margin-left:5px;
	margin-left:0;
}

div.print{
width:100%;
background-color:#fff;
}
table.print{
	width:100%;
	font-size:6.5pt;
}
table.print th{
	color:#fff;
	background-color:#999;
}
table.print td{
	color:#000;
	background-color:#fff;
}

.special{
  color:#090;
}
/* inner pages css ends */

body.null #special_display{
  margin-top:0;
  margin-right:20px;
  margin-left:0;
  width:500px;
  height:220px;
  float:right;
  background-image:url(/images/opacity_50.png);
  background-repeat:repeat;
  padding:5px;
}
body.null #special_display div p{
  font-size:0.8em;
}
body.null #special_display h3, body.null #special_display h5{
  color:#f00;
  text-align:center;
  border-bottom:1px dashed #fff;
}
body.null #special_display h5, body.null #special_display h5 a{
  color:#f00;
  border:none;
}
body.in_session #special_display{
  position:absolute;
  top:-10000px;
  left:-10000px;
}
td.note{
  padding:1em;
}
#hidden_items, #ratpack{
  position:absolute;
  top:-10000px;
  left:-10000px;
}
#bug_report_layer{
  color:#000;
  position:fixed;
  top:10px;
  right:10px;
  z-index:200;
}
#bug_report_form{
  display:none;
}
img.bug_report{
  cursor:pointer;
}
.hide{
  display:none !important;
}
.show{
  display:block !important;
  position:fixed;
  top:1%;
  right:1%;
  bottom:1%;
  left:1%;
  width:98%;
  height:98%;
  color:#fff;
  background-color:#252525;
  z-index:300;
}
.show form fieldset{
  border:none;
  margin:3em;
}
.show form fieldset legend{
  font-size:2em;
}
.show a.close_bug_report{
  float:right;
  margin:1em 1.5em;
  color:#fff;
}
.show h3, .show p, .show a{
  color:#fff;
}
.show h3, .show p{
  margin:3em;
}