@charset "utf-8";
/* CSS Document for Garrision Afterschool Program*/

* { margin: 0; padding: 0;}

body {
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #153B62;
	text-align: center;
	margin: 0 auto;
}

#morebody { 
	padding: 25px;
	background-color: #F3E8DB; 
	font-size: 12px;
	line-height: 18px;
}

#moretablebody { 
	padding: 25px;
	background-color: #F3E8DB; 
	font-size: 12px;
}

#moretablebody td { border-bottom: 1px dashed #7A8C70 /*#C49A6C*/; }

a:link, a:visited { color: #153B62; }

a:hover, a:active { color: #C49A6C /*94311F*/; }

#wrapper {
	width: 800px; 
	margin: 0 auto; 
	padding: 0;
}

.homecolor, .homecolor a:link, .homecolor a:visited { color: #153B62;}
.aboutcolor, .aboutcolor a:link, .aboutcolor a:visited { color: #1B7F94;}
.admissioncolor, .admissioncolor a:link, .admissioncolor a:visited { color: #B32C55;}
.calendarcolor, .calendarcolor a:link, .calendarcolor a:visited { color: #94311F;}
.programcolor, .programcolor a:link, .programcolor a:visited { color: #7A8C70;}
.facultycolor, .facultycolor a:link, .facultycolor a:visited { color: #CB822A;}

.homecolor a:hover, .aboutcolor a:hover, .admissioncolor a:hover, .calendarcolor a:hover, .programcolor a:hover,  .facultycolor a:hover { color: #C49A6C; }

.contentinbox a:link, .contentinbox a:visited { color: #153B62;}
.contentinbox a:hover { color: #94311F;}

#borderline {
	clear: both;
	width: 100%;
	height: 30px;
	background: url(images/main-border-line.gif) no-repeat;}

p { 
	font-size: 12px;
	text-align: left;}

#calendar p {padding-left: 15px;}

#homecontent p { 
	font-size: 13px;
	padding: 19px 20px;
	margin-bottom: 5px;
	background-color: #F3E8DB;}


#homecontent {
	width: 320px;
	float: left;
	margin: 0 14px;
	font-weight: bold;
}

#programleft {
	width: 131px;
	padding: 0 20px;
	float: left;
	text-align: left;}

#programdaily {
	width: 375px;
	padding: 0 15px;
	float: left;
	text-align: left;
	background-color: #F3E8DB;}
	
#programcontent {
	width: 770px;
	float: left;
	text-align: left;
	margin-top: 15px;
	margin-left: 15px;}
	
#testimonialsleft {
	width: 175px;
	padding: 0 15px;
	float: left;
	text-align: left;}
	
#testimonialbox {
	width: 550px;
	padding: 0 15px;
	float: right;
	text-align: left;
	background-color: #F3E8BD;}
	
#tuition {
	width: 740px;
	clear: both;
	float: left;
	text-align: left;
	padding: 15px;
	margin-top: 15px;
	margin-left: 15px;
	background-color: #7A8C70;
	color: #FFF;}

.contentbox {
	float: left;
	background-color: #F3E8DB;}
	
.contentinbox {
	width: 90%;
	margin: 10px auto;
	font-size: 12px;
	text-align: left;}	

#faculty .contentbox {
	width: 370px;
	float: left;
	margin: 0 15px;
	background-color: #F3E8DB;}
	
#about .contentbox { 
	width: 325px;
	margin: 0 15px 0 5px;}

#about .contentinbox {
	width: 90%;
	margin: 10px auto;
	font-size: 12px;
	text-align: left;}
	
#admissions .contentbox { 
	width: 325px;
	margin: 0 30px;}	
		
#admissions .contentinbox {
	width: 85%;
	margin: 25px auto;
	font-size: 12px;
	text-align: left;}

.onlyp {padding: 15px 0;}
.firstp {padding-top: 15px;}
.regp {padding-bottom: 15px;}
.lastp {padding: 0;}
.secondline {padding-left: 80px;}

.firsttuitionp { 
	padding-top: 10px;
	padding-bottom: 10px; }
	
.tuitionp {
	padding-top: 5px;
	padding-bottom: 10px;}

.imageleft { float: left; padding: 0 20px;}		
.imageright { float: right;}

#about .imageleft { padding: 0 15px; 0 20px;}

h1, h2, h3 { 
	text-align: left;
	font-weight: bold;}
		
h1 {
	font-size: 16px;
	margin: 15px;
}

#home h1 {
	width: 96%;
	margin: 15px;}

h1 a:link, h1 a:visited {
	text-decoration: underline;
	color: #153B62;}

h1 a:hover, h1 a:active {
	text-decoration: underline;
	color: #CB822A;}
	
h1.aboutcolor a:link, h1.aboutcolor a:visited {
	text-decoration: underline;
	color: #1B7F94;;}

h1.aboutcolor a:hover, h1.aboutcolor a:active {
	text-decoration: underline;
	color: #CB822A;}

h2 {
	font-size: 16px;}
	
.small { font-size: 12px;}

h3 {
	width: 363px;
	margin: 7px 0;
	font-size: 12px;
	color:  #7A8C70;
	border-bottom: 1px dashed #7A8C70;}
	
#testimonials h3 {
	width: 500px;
	margin: 7px auto;
	font-size: 12px;
	text-align: right;
	color: #CB822A;
	border-bottom: 1px dashed #CB822A;}

#copyright {
	width: 100%;
	margin: 0;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	color: #153B62;
}

#copyright a:link, #copyright a:visited {
	text-decoration: none;
	color: #153B62;}

#copyright a:hover, #copyright a:active {
	text-decoration: underline;
	color: #153B62;}