@charset "utf-8";
/* CSS Document */

body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background-image: ;
	background-repeat: repeat-x;
	background-color: #006633;
	margin: 0px;
}

.datatable {
	border: 1px solid #d6dde6;
	border-collapse: collapse;
	width: 100%;
	background-color: #FFFFFF;
	}
	
.datatable td {
	border: 1px solid #d6dde6;
	padding: 0.3em;
}

.datatable th {
	border: 1px solid #828282;
	background-color: #1e4087;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
	color: #ffffff;
	}

.datatable tr.altrow {
	background-color: #dfe7f2;
	color: #000000;
	}
	
.datatable tr:hover {
	background-color: #ddf57b;
	color: #1e4087;
	}

#main {
	width: 500px;
	margin: 0px auto;
}
#container {
	width: 909px;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	width: 909px;
	background-image: url(images/header.jpg);
	height: 146px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#headercontent {
	float: right;
	margin-top: 40px;
	margin-right: 15px;
	height: 40px;
}
#headercontent h1 {
	margin: 0px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
#bannertop {
	width: 728px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	height: 125px;
	background-position: center top;
}

#repeathome {
	width: 909px;
	background-image: url(images/repeat.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	height: auto;
}
#repeat {
	width: 909px;
	background-image: url(images/repeat.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	height: auto;
}
#repeat2 {
	width: 909px;
	background-image: url(images/repeat.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	height: 1100px; 
}
#repeat3 {
	width: 909px;
	background-image: url(images/repeat.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	height: 1400px;
}
#repeat4 {
	width: 909px;
	background-image: url(images/repeat.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	height: 1400px; 
}
#repeat5 {
	width: 909px;
	background-image: url(images/repeat.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	height: 1840px; 
}
#repeat6 {
	width: 909px;
	background-image: url(images/repeat.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	height: 2010px; 
}
caption {
	font: 1.5em "Century Gothic", Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
}
 #sidebar1 {
	float: left;
	width: 180px;
	margin-left: 12px;
}

#middlecontent {
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#middlecontent2 {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#middlecontent h2 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #0066cc;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	
}
#middlecontent h4 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0066cc;
	font-weight: normal;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 0px;	
}  

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
}
#poll {
	width: 180px;
	margin-right: 16px;
}

#sidebar2 h2   {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0066cc;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
#sidebar2 h2 a {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #0066cc;
}
#sidebar2 h2 a:hover {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background-color: #ddf57b;
}
#sidebar2 h2 a:visited {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-decoration: none;
}
#sidebar2 h2 a:active {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-decoration: none;
}
#navigation {
	text-align: center;
	width: 170px;
	margin-right: 10px;
	margin-left: 2px;
}
#navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li{
	border-bottom: 1px solid #efefef;
}
#navigation li a:link, #navigation li a:visited {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	display:block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #DDF57B;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	background-image: url(images/buttonback.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navigation li a:hover {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	display:block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #DDF57B;
	color: #efefef;

}
#logo{
	float: left;
	background-image: url(images/logo2.png);
	background-repeat: repeat;
	height: 141px;
	width: 270px;
	margin-left: 14px;
}
#rheader{
	float: right;
	margin-right: 4px;
}
#rheader h1{
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 40px;
	padding-right: 20px;
	color: #FFFFFF;
}
#col2content{
	margin: 6px;
}
#nassaupic {
	background-image: url(images/roundedpic.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 183px;
	margin-bottom: 6px;
}
#nassaucontent {
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom: 14px;
	width: 183px;

}
#suffolkpic {
	background-image: url(images/roundedpic2.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 183px;
	margin-bottom: 6px;
}
#suffolkcontent {
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-bottom: 14px;
	width: 183px;
}
#lessonspic {
	background-image: url(images/roundedpic3.png);
	background-repeat: no-repeat;
	height: 117px;
	width: 183px;
	margin-bottom: 6px;
}
#lessonscontent {
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-bottom: 14px;
	width: 183px;
	background-color: #e9f9a9;
	border: 1px dotted #999999;
	padding: 2px;
	height: 190px;
	margin-right: 8px;
}
#footer {
	background-image: url(images/footer_11.jpg);
	background-repeat: no-repeat;
	width: 909px;
	height: 80px;
	text-align:center;
	margin: 0px auto;

}
#footercontent {
	margin-right: 0px auto;
	margin-bottom: 0px auto;
	text-align:center;

}
#footercontent a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#footercontent a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}
#footercontent a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#footercontent a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}
#copyright {
	margin-top: 4px;
	margin-right: 0px auto;
	margin-bottom: 0px auto;
	text-align:center;

}
#ads {
	margin-left: 4px;
	margin-top: 8px;
}
#chinapic {
	background-image: url(images/mission_03.gif);
	float: left;
	height: 152px;
	width: 263px;
	margin-right: 10px;
}
}
.submitbutton {
	margin-top: 4px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#trip {
	height: 230px;
	background-color: #E9F9A9;
	padding: 4px;
	border: 1px dotted #999999;
}
#topcourses li{
	margin: 8px;

}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #0066cc;
}
img {
border-style: none;
}
.enterhere {
	font-family: "century gothic", "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #333333;
}
.mainparagraph {
	line-height: 18px;
}
#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 300px;
	float: right;
	margin-top: 16px;
	text-align: right;
	margin-right: 20px;
}
#topnav a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.movie {
	margin: 4px;
	padding: 4px;
}
#video {
	width: 740px;
	margin: 0px auto;
}
#googleads {
	height: 90px;
	width: 700px;
	margin-top: -8px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}