/* Default Font */

* {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: inherit;
}

/* Default Link Style */
a,
a:link,
a:visited {
	font-size: 1em;
	font-family: arial, sans-serif;
	color: inherit;
	text-decoration: none;
	color: #7bb626;	
}

body {
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 	
	background-image: url('/sites/all/themes/basic/images/background.jpg');
}

tbody {
    border-top: 0px solid #CCC;
}

#content-area {
	line-height: 1.40em;
}

#main-content-area {
	color: #538075;
}

/* Responsive Image Sizing */
img {
	max-width:100%;
	height:auto;
}	

#page {
	width: 100%;
	max-width: 100%;
}

/* Begin Sticky Footer */

html,
body {
	height: 100%;
}

#page {
   min-height:100%;
   position:relative;
}

#content-area {

	padding-bottom: 8em; /* Height of the footer */
}

#footer {
	position:absolute;
	left: 0;
	bottom:0;
	height:8em;   /* Height of the footer */
	color: #fff;
}

/* End Sticky Footer */

#content-area {
	padding-top: 0.5em;
	padding-bottom: 9em;
}

/* Section Width Settings */
#header,
#navigation,
#banner,
#content-area,
#footer,
#page-bottom {
	width: 100%;
	margin: 0 auto;
}

.page-width {
	width: 960px;
	margin: 0 auto;
}

/* Section Background Settings */
#header {

}

#navigation {
	background: #7cbeb3;
}

#banner {

}

#content-area {

}

#footer {
	background: #7cbeb3;
}

#page-bottom {
	background: #fff;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}


h1.title {
	color: #7bb626;
	margin-top: 0;
	margin-bottom: 0.25em;
	padding-top: 0;
	padding-bottom: 0.25em;
}

#banner,
#banner h1.title {
	color: #fff;
}

#footer-top,
#footer-top a {
	font-size: 0.9em;
	color: #b8f5eb;
}


/*  Column Widths Backgrounds Begin */
/* --------------------------------------------- */

#content-top .c1-3,
#content-top .c2-3,
#content-top .c3-3,
#content-middle .c1-3,
#content-middle .c3-3,
#content-bottom .c1-3,
#content-bottom .c2-3,
#content-bottom .c3-3 {
	width: 32.3%;
	background: transparent;
	border-radius: 1em;
}

/* --------------------------------------------- */
/*  Column Widths Backgrounds End */


/* --------------------------------------------- */
/* Responsive Content Begin */

/* use border-box box-sizing */
div#responsive-container,
#responsive-container div {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/* column container */
#responsive-container {
	margin:0 -0.5% 0em -0.5%;
	position:relative;
	height: auto;
}

/* column layout */
.column {
	position: relative;
	float: left;
	width: auto;
	margin: 0 0.75%;
	padding: 1em;
	color: #000;
	border: 0px dashed red;
}

/* background container */
.backgrounds {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* background columns */
.backgrounds .column {
	height: 100%;
	border-radius: 1em;
}

.c1-1 {
	float: none;
	min-width: 99%;
	width: auto;
}

.c1-2 {
	float: none;
	min-width: 49%;
	width: auto;
	overflow: hidden;
}

.c2-2 {
	float: right;
	min-width: 32.3%;
}

.c1-3 {
	float: left;
	min-width: 32.3%;
}
.c2-3 {
	float: none;
	min-width: 32.3%;
	width: auto;
	overflow: hidden;
}
.c3-3 {
	float: right;
	min-width: 32.3%;
}

.desktop {
	display: block;
}
.mobile {
	display: none;
}

/* responsive */

@media only screen and (min-width:768px) {

	form#webform-client-form-204 div.form-item {
		display: inline;
	}

	form#webform-client-form-204 div.form-field {
		float: left;
		width: 45%;
		padding-bottom: 0.5em;
	}

	form#webform-client-form-204 h2 {
		margin-bottom: 0.25em;
	}

	input.employment-form {
		width: 60%;
		display: inline;
	}

}

@media only screen and (max-width:768px) {
	input.employment-form {
		width: 95%;
	}

	body {
		background: #fff;
	}

	#header,
	#navigation,
	#banner,
	#content-area,
	#footer,
	#page-bottom {
		width: 100%;
		margin: 0;
	}
	.page-width {
		width: 100%;
		margin: 0 auto;
	}	

	#banner-left {
		display: none;
	}

	#responsive-container { margin: 0; }
	.column {
		float: none;
		width: 100%;
		margin: 0 0 1em 0;
		border-radius: 0em;
	}
	.backgrounds { display: none; }
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}

	#content-top .c1-3,
	#content-top .c2-3,
	#content-top .c3-3,
	#content-middle .c1-3,
	#content-middle .c3-3,
	#content-bottom .c1-3,
	#content-bottom .c2-3,
	#content-bottom .c3-3 {
		width: 100%;
		background: #F9FFBF;
		border-radius: 1em;
	}
	
	#header-right-side {
		text-align: center;
	}
	
	#content-area {

		padding-bottom: 13em; /* Height of the footer */
	}

	#footer {
		position:absolute;
		left: 0;
		bottom:0;
		height:14em;   /* Height of the footer */
		color: #fff;
	}	
	
/*  Column Widths Backgrounds Begin */
/* --------------------------------------------- */

#content-left,
#content-right {
	width: 100%;
	background: #F9FFBF;
	border-radius: 1em;
}

#content-bottom-left,
#content-bottom-middle,
#content-bottom-right {
	width: 100%;
	background: #F9FFBF;
	border-radius: 1em;
}

/* --------------------------------------------- */
/*  Column Widths Backgrounds End */	
	
}

/* Responsive Content End */


/*  Nonresponsive Column Overrides Begin */
/* --------------------------------------------- */


#content-middle .column.c3-3.cb9-2 {
	border: 1px solid #C12D0E;
	background: #fff;
}

#content-middle .column.c3-3.cw9-2 {
	background: #fff;
	border: 1px solid #C12D0E;
	border-bottom-width: 0px;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em; ;
}


#banner-right.column.c3-3.cw3-19.desktop {
	min-width: 31.6%;
	max-width: 31.6%;
}


.backgrounds .column.c3-3.cb3-19.desktop {
	border-radius: 0em;
	background: #f9ffbf;
	width: 32.6%;
}

.column.c3-3.cw3-19.desktop {
	margin: 0;
	color: #5b9788;
}

#banner-right h2.block-title {
	color: #7fbe18;
}

#content-bottom-left h2.block-title,
#content-bottom-middle h2.block-title,
#content-bottom-right h2.block-title {
	color: #5aaca6;
}

#content-bottom .backgrounds .column.c1-3.cb10-19 {
	background: #f1fe73;
}

#content-bottom .backgrounds .column.c2-3.cb11-19 {
	background: #dff07f;
}

#content-bottom .backgrounds .column.c3-3.cb12-19 {
	background: #c3de88;
}


/* --------------------------------------------- */
/*  Nonresponsive Column Overrides End */	


/*  Responsive Column Overrides Begin */
/* --------------------------------------------- */

@media only screen and (max-width:768px) {

	#content-middle .column.c3-3.cb9-2,
	#content-middle .column.c3-3.cw9-2 {
		width: 100%;
		background: #f9f9f9;
		border: 0px;
	}

}
/* --------------------------------------------- */
/*  Responsive Column Overrides End */	


.column.c1-3.cw1-19 {
	padding: 0;
}	


/* --------------------------------------------- */

/*  Superfish Begin */
.sf-menu,
.sf-menu * {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sf-menu {
  line-height: 1.0;
  z-index: 497;
}
.sf-menu ul {
  left: 0;
  position: absolute;
  top: -99999em;
  width: 12em;
}
.sf-menu ul li {
  width: 100%;
  margin: 0;
}
.sf-menu li {
  float: left;
  position: relative;
  z-index: 498;
}
.sf-menu a {
  font-size: 1.2em;
  display: block;
  position: relative;
  padding-right: 5em;
  text-decoration: none;
  color: #fff;
}

.sf-menu li a.active {
	color: #dcfd01;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  z-index: 499;
  color: #f6c724;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  left: -1em;
  top: 2em;
}
.sf-menu li li:hover > ul,
.sf-menu li li.sfHover > ul {
  left: 0em;
  top: 0em;
}

.sf-menu li ul li {
	background: #7cbeb3;
}

.sf-menu li ul li a {
	padding: 1em;
}

.sf-menu ul li a:hover {
	color: #fff;
	background: #7ebe11;
}

.sf-sub-indicator {
	background: none;
}

/*  Superfish End */

#content-area ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0.5em 2em;
}

#block-block-5 {
	text-align: right;
	padding-top: 0.25em;
}

h3.teachername {
	margin: 1em 0 0.5em 0;
	font-weight: normal;
	position: relative;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	background: #7ebe11;
	background: rgba(126,190,17, 0.8);
	border: 1px solid #fff;
	padding: 5px 15px;
	color: white;
	border-radius: 0 10px 0 10px;
	box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
	width: 100%;
}

h3.studentname {
	margin: 1em 0 0.5em 0;
	font-weight: normal;
	position: relative;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	background: #7ebe11;
	background: rgba(126,190,17, 0.8);
	border: 1px solid #fff;
	padding: 5px 15px;
	color: white;
	border-radius: 0 10px 0 10px;
	box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
	width: 90%;
}

.view.view-classes td {
	vertical-align: top;
}

#content-main #content-header {
	padding: 0em;
}

#block-views-annoucements-block td.views-field.views-field-field-date {
	white-space: nowrap;
}

#block-views-annoucements-block tr.even,
#block-views-annoucements-block tr.odd {
	background-color: transparent;
}

#block-views-annoucements-block span,
#block-views-annoucements-block td.views-field.views-field-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#block-block-2 a,
#block-block-3 a,
#block-block-7 a {
	color: #5AACA6;
}

#block-block-2 ul,
#block-block-3 ul,
#block-block-7 ul {
	line-height: 1.5em;
}

#block-block-2 li,
#block-block-3 li,
#block-block-7 li {
	color: #5AACA6;
}

#block-views-front_picture-block_1 img {
	min-width: 648px;
	min-height: 365px;
}

#announcement-date {
	width: 25%;
	float: left;
	font-size: 1.2em;
}

#announcement-title {
	width: 75%;
	float: right;
	font-size: 1.2em;	
}

#main-content-area .subheading {
    margin: 1em 0px 0.5em;
    font-weight: 600;
    position: relative;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #7BB626;
    border-bottom: 1px solid rgba(53, 86, 129, 0.3);
}