/* Rockport Website */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

td {
	text-align:center;
}

hr {
 display:none;
}

/*Here are the text styles*/

.body_text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	line-height: 10pt;
}

.sitemap_text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	line-height: 9pt;
}


.green_text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #006633;
	font-weight: normal;
	text-align: left;
}


.breadcrumb_text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left; 
	padding-left: 2.3em;
}

.title_text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-left: 0.0em;
	padding-right: 0.0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
}


.bullet {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin-left: -4px;
	line-height: 10pt;
}


/*Here are the top elements*/

#rockport_logo    { position: absolute; top: 42px;  left: 100px; width: 130px; height: 115px; z-index: 1;}
#breadcrumb_strip { position: absolute; top: 165px; left: 240px; width: 635px; height: 16px;  background-color: #999999; z-index: 2; text-align:left; padding-top: 2px;}
#new_indexheader {  position: absolute; top: 180px;  left: 340px; width: 540px; height: 60px; z-index: 2; text-align:centre; padding-top:10px;}
.new_indexheader { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	font-weight: bold;
	text-align:center;
	padding-top:0;
	margin-top:0px;}

.new_indexheader a:link, a:visited, a:active{
	color:#006633;
	text-decoration:none;

}

.new_indexheader a:hover{
	color:#000000;
	text-decoration:none;

}

/*Here are the top 4 buttons*/

#picture1         { position: absolute; top: 42px;  left: 241px; width: 144px; height: 110px; z-index: 1;}
#picture2         { position: absolute; top: 42px;  left: 392px; width: 144px; height: 110px; z-index: 1;}
#picture3         { position: absolute; top: 42px;  left: 543px; width: 144px; height: 110px; z-index: 1;}
#picture4         { position: absolute; top: 42px;  left: 693px; width: 144px; height: 110px; z-index: 1;}


/*Here are the top green buttons*/

#top_nav1         { position: absolute; top: 144px; left: 240px; width: 144px; height: 16px; z-index: 1;}
#top_nav2         { position: absolute; top: 144px; left: 392px; width: 144px; height: 16px; z-index: 1;}
#top_nav3         { position: absolute; top: 144px; left: 543px; width: 144px; height: 16px; z-index: 1;}
#top_nav4         { position: absolute; top: 144px; left: 693px; width: 144px; height: 16px; z-index: 1;}


/*General content area layout*/

#homepage_picture { position: absolute; top: 230px;  left: 340px; width: 540px; height: 301px; z-index: 1;}

#main_nav         { position: absolute; top: 186px;  left: 97px; width: 138px; height: 320px; z-index: 1; padding-top: 0px; padding-left: 0px;}
#main_text_area   { position: absolute; top: 187px;  left: 345px; width: 265px; height: 324px; z-index: 3; text-align: left;}
#main_picture     { position: absolute; top: 181px;  left: 615px; width: 260px; height: 302px; z-index: 1;}

#side_pic        { position: absolute; top: 187px;  left: 240px; width: 93px; height: 315px; z-index: 1; }
#sub_nav         { position: absolute; top: 186px;  left: 240px; width: 96px; height: 354px; background-color: #FFCC66; z-index: 1; text-align:left; padding-top: 0.2em; padding-left: 0.2em;}

#bottom_grey_nav  { position: absolute; top: 526px; left: 345px; width: 370px; height: 10px;  z-index: 2; text-align:left;}


/*Pop-up window layout*/

#popup_title {
background-color:#006600;
padding:4px;
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 11pt;
font-weight:bold;
margin-bottom:6px;
	

}

#popup_text_area  { 
border-left:1px solid #006600; 
border-top:1px solid #006600; 
border-right:1px solid #006600; 
border-bottom:8px solid #006600; 
margin-top:10px; 
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
background-color:#D3F2D3; 
width: auto; 
min-height: 324px; 
text-align: left; 
background-image:url(../popups/popup_bk.png); 
background-repeat:no-repeat; 
background-position:top right;}

#popup_text_content{
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
padding:4px;
}

#popup_text_content img{
border:1px solid #000000;
margin:4px 0px 4px 4px;
}


/*Sitemap layout*/

#sitemap_title    { position: absolute; top: 187px;  left: 265px; width: 134px; height: 15px; z-index: 3; text-align: left;}
#sitemap_list1    { position: absolute; top: 202px;  left: 265px; width: 161px; height: 318px; z-index: 3; text-align: left;}
#sitemap_list2    { position: absolute; top: 202px;  left: 425px; width: 164px; height: 320px; z-index: 3; text-align: left;}
#sitemap_list3    { position: absolute; top: 202px;  left: 588px; width: 155px; height: 317px; z-index: 3; text-align: left;}
#sitemap_list4    { position: absolute; top: 202px;  left: 746px; width: 147px; height: 301px; z-index: 3; text-align: left;}

#sitemap_grey_line { position: absolute; top: 513px; left: 244px; width: 600px; height: 1px;  z-index: 2; }

/*News layout*/

#news_thumbnail1   { position: absolute; top: 188px;  left: 621px; width: 130px; height: 170px; z-index: 2;}

.teacher_header { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: underline;  }


/*Here are the link styles*/

a.link 		         { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none;  }
a.link:visited       { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
a.link:hover         { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: underline; }

a.green_link 		       { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006633; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none;  }
a.green_link:visited       { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006633; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
a.green_link:hover         { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }

a.black_link 		       { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none;  }
a.black_link:visited       { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
a.black_link:hover         { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: underline; }
            
a.grey_link 		      { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none; background-color: transparent;}
a.grey_link:visited       { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none; background-color: transparent;}
a.grey_link:hover         { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: underline; background-color: transparent;}
        
a.breadcrumb_link 		  { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }
a.breadcrumb_link:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }
a.breadcrumb_link:hover   { FONT-WEIGHT: bold;   FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }

a.more_link 		       { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #006633; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none; }
a.more_link:visited       { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #006633; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none;}
a.more_link:hover         { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #006633; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: underline;}

/*Gallery styles*/

#popup_title_admin {
background-color:#006600;
padding:4px;
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 11pt;
font-weight:bold;
margin-bottom:6px;
	

}

#popup_text_area_admin  { 
border-left:1px solid #006600; 
border-top:1px solid #006600; 
border-right:1px solid #006600; 
border-bottom:8px solid #006600; 
margin-top:10px; 
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
background-color:#D3F2D3; 
min-width: 480px; 
min-height: 324px; 
text-align: left; 
background-image:url(../popups/popup_bk.png); 
background-repeat:no-repeat; 
background-position:top right;
float:left;}

#popup_text_content_admin{
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
padding:4px;
}

#popup_text_content_admin img{
margin:4px 0px 4px 4px;
}

#gallery_container {
	width:560px;
	height:auto;
	float:left;
}


.image_gallery_admin{ margin-bottom:4px; padding-bottom:4px;  }

#thumbnail_admin{ width:125px; height:auto; text-align:center; float:left; }


#admin_content_admin { width:auto; height:auto; margin:2px; float:left; padding:6px;}

#admin_sections {width:778px; height:auto; margin:2px; float:left; padding:4px; border:1px solid #75A683; }