#row1, #row2, #row3 {
	position: relative;
	width: 748px;
}
#row1 {
	height: auto;
}
#header{
	background-image: url(../images/menu_sf.jpg);
	background-repeat: no-repeat;
	width: 764px;
	height: 200px;
}
.galImage {
	background-image: url(../images/sfnd.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 120px;
	background-position: left top;
	padding-top: 4px;
	padding-left: 6px;
	padding-bottom: 10px;
	padding-right: 0px;
	border: 0px;
	float: left;
	left: 6px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
	
}
.galImage img {
	border: 2px solid #FFFFFF;
	margin-right: 4px;
	height: 69px;
	width: 120px;
	margin-left: 6px;
}
#project{
	width: 515px;
	left: 0px;
	top: 0px;
	position: relative;
	height: 100%;
	padding-bottom: 12px;
	float: left;
}
.galImage .floater {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	position: relative;
	top: -20px;
	text-align: right;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-right: 4px;
	background-color: #FFFFFF;
}
#row3 #events .text {
	
	margin-left: 9px;
	position: relative;
}

.bigImage {
	background-image: url(../images/big_sfnd.gif);
	background-repeat: no-repeat;
	height: 194px;
	width: 394px;
	text-align: right;
	margin-top: 0px;
	top: 8px;
	position: relative;
	padding-left: 0px;
	margin-left: 108px;
}
.bigImage img {
	border: 3px solid #FFFFFF;
	margin-top: 2px;
	margin-right: 2px;
	height: 180px;
	width: 380px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
a:link {
	color: #006699;
}
a:visited {
	color: #006699;
}
a:hover {
	text-decoration: none;
	color: #0099CC;
}
a:active {
	color: #FF9900;
}
#row3 #events ul {
	display: list-item;
}
#row3 #events ul {
	margin: 0px;
	padding: 0px;
}

#project .title {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.bigImage .floater {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	position: relative;
	top: -20px;
	text-align: right;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-right: 4px;
	background-color: #FFFFFF;
}
body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	position: relative;
}
#row1 #project h3 {
	background-image: url(../images/projects.gif);
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 100px;
	background-color: #13A0D0;
	background-repeat: no-repeat;
	top: 0px;
	float: left;
	position: relative;
}
#row2 {
	height: auto;
}
#row3 #events h3 {
	background-image: url(../images/events.gif);
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 100px;
	left: 0px;
	position: absolute;
	top: 0px;
	background-color: #13A0D0;
	background-repeat: no-repeat;
	float: left;
}
#row3 #events #ev2 {
	width: 215px;
	top: 0px;
	position: absolute;
	left: 190px;
}
#holder {
	background-image: url(../images/pageSFND.jpg);
	background-repeat: repeat-y;
	height: 100%;
	font-size: 12px;
}
#gallery, #donations {
	width: 515px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	padding-bottom: 8px;
}
#gallery span {
	display: none;
}
#gallery ul {
	position: relative;
	top: 8px;
	margin: 0px;
	width: 410px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
	left: 2px;
}
#gallery li {
	width: 125px;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 6px;
	margin: 0px;
	height: 70px;
	background-image: none;
}
#gallery h3 {
	background-image: url(../images/GALLERY.gif);
	height: 100px;
	width: 100px;
	background-color: #13A0D0;
	background-repeat: no-repeat;
	margin: 0;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}
#row3 #events {
	position: absolute;
	height: 328px;
	width: 200px;
	top: 0px;
	float: left;
	padding-left: 100px;
}
#ev3 li {
	list-style-type: none;
	height: 30px;
	background-image: url(../images/lineH.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#ev3 ul li span {

	padding-left: 16px;
	
	padding-top: 5px;
}
#ev3 ul {

	
	margin: 0px;
	padding: 0px;
}
#row3 #ev2 {
	position: absolute;
	left: 315px;
	top: 0px;
	width: 196px;
	height: auto;
}
.hr-bg {
	width: 748px;
	clear: both;
	background-image: url(../images/rowLine.gif);
	background-repeat: no-repeat;
	height: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: bottom;
}
.data {
	color: #999999;
}
.headLine {
	font-weight: bold;
	color: #000000;
	width: 95%;
}
.dotline {
	background-image: url(../images/lineH.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 4px;
	display: block;
	margin-bottom: 4px;
	clear: both;
}
#row2 #downloads {
	width: 231px;
	top: 0px;
	height: auto;
	float: left;
	position: relative;
	padding-bottom: 8px;
}
#row2 #downloads h3 {
	background-image: url(../images/downloads.gif);
	height: 50px;
	width: 231px;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	margin: 0px;
}
#row3 {
	height: 360px;
}
#row3 #weather {
	position: absolute;
	margin-left: 0px;
	width: 231px;
	top: 0px;
	text-align: center;
	left: 515px;
}
#row3 #ev2 ul {
	margin: 0px;
	padding: 0px;
}
#row3 #weather h3 {
	background-image: url(../images/weather.gif);
	height: 50px;
	width: 231px;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
}
#validate {
	padding-left: 521px;
}
#holder #row3 #weather #weatherFR {
	position: relative;
	left: 4px;
}
#downloads ul {

	
	margin: 0px;
	padding: 0px;
}
.sponsor {
	margin-left: 14px;
}
#downloads li .headLine {
	margin-top: 3px;
	height: 16px;
	list-style-position: inside;
	padding-top: 4px;
	margin-left: 4px;
}
.oside {
	margin-left: 12px;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 4px;
	display: block;
}
#downloads .twelve {
	margin-left: 14px;
	margin-top: 0px;
}
#holder #row3 #events #calFrame {
	position: relative;
	left: 7px;
}
#events #calendar h3 {
	background-image: url(../images/calendar.gif);
	height: 40px;
	left: 0px;
	background-color: #FFFFFF;
	position: relative;
	width: 200px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#holder .separator {
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
#row1 #more {
	position: relative;
	width: 231px;
	float: left;
	padding-bottom: 8px;
}
#downloads .downlist {
	margin-top: 0px;
	padding-top: 3px;
}


#eventList {
	width: 204px;
	top: 0px;
	position: absolute;
	height: 100%;
	left: 307px;
}
#eventList h3 {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: auto;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../images/eventList.gif);
}
#eventList #legenda {
	margin-top: 25px;
	font-size: 10px;
}
#news {
	width: 231px;
	top: 0px;
	position: relative;
	height: 100%;
	left: 0px;
	float: left;
	padding-bottom: 8px;
}
#news h3 {
	background-image: url(../images/NEWS.gif);
	height: 50px;
	width: auto;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
}
#news ul, #moreNews ul, #eventList ul, #moreevents ul{
	margin: 0px;
	padding: 0px;
}
#news li, #moreNews li, #eventList li, #moreevents li, #downloads li{
	clear: both;
	list-style-type: none;
	background-image: url(../images/lineH.gif);
	background-repeat: repeat-x;
	padding-top: 3px;
	display: list-item;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 3px;
	background-position: top;
}
#news .news, #moreNews .news, #eventList .news, #moreevents .news{
	height: 30px;
	width: 36px;
	padding-right: 2px;
	padding-left: 0px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	padding-top: 3px;
	display: block;
	margin-left: 8px;
}
#news h3 span, #moreNews h3 span, #eventList h3 span, #moreProj  h3 span, #contacts h3 span {
	display: none;
	margin: 0px;
	padding: 0px;
}
#project #contentProj {
	position: relative;
	width: 400px;
	left: 8px;
	float: left;
}
#project #contentProj p {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contentProj strong {
	color: #003366;
}
.imgLeft {
	margin-right: 8px;
}
.imgRight {
	margin-left: 8px;
}
.tenPad {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	clear: both;
	height: 70px;
	background-image: url(../images/bg_page.gif);
	color: #006699;
}
#journal, #aboutUs, #contacts, #events {
	width: 515px;
	position: relative;
	float: left;
	height: auto;
}
#journal h3 {
	height: 40px;
	width: 100px;
	background-image: url(../images/JOURNAL.gif);
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#holder #row1 #events h3 {
	height: 40px;
	width: 100px;
	background-image: url(../images/eventsp.gif);
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#downloads span, #projects span, #project span, #events span, #weather span, #journal span, #reLink span, #aboutUs span, #staff span, #donations span, #contacts span {
	display: none;
	margin: 0px;
	padding: 0px;
}
#moreevents span {
	display: none;
	margin: 0px;
	padding: 0px;
}
.pageContent {
	float: left;
	position: relative;
	left: 10px;
	width: 398px;
	top: 0px;
	padding-bottom: 20px;
}
.pageContent b {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.PageTitle {
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 20px;
}
#leftCol {
	width: 231px;
	position: relative;
	float: left;
	margin-bottom: 8px;
}
#reLink h3 {
	background-image: url(../images/RELINK.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

.thumbsGal {
	color: #666666;
	float: left;
	height: 90px;
	width: 120px;
	position: relative;
	margin-right: 3px;
	margin-left: 3px;
	border: 2px;
}
.img_off {
	border: solid 2px #0099CC;
}
.img_on  {
	border: solid 2px #99CCFF;
}
#galleryHold {
	width: 415px;
	position: relative;
	float: left;
	top: 8px;
}
#leftCol img {
	margin-bottom: 4px;
}
.twelve {
	margin-left: 16px;
}
#moreNews h3 {
	background-image: url(../images/morenews.gif);
	background-repeat: no-repeat;
	height: 54px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#moreevents h3 {
	background-image: url(../images/moreevents.gif);
	background-repeat: no-repeat;
	height: 54px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#reLink{
	height: 100px;
	position: relative;
}
#moreProj h3 {
	background-image: url(../images/moreprojects.gif);
	background-repeat: no-repeat;
	height: 54px;
	margin: 0px;
	padding: 0px;
}
#aboutUs h3 {
	background-image: url(../images/aboutus.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 100px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#staff h3 {
	background-image: url(../images/ourstaff.gif);
	background-repeat: no-repeat;
	height: 54px;
	margin: 0px;
	padding: 0px;
}
#staff #staffid{
	background-image: url(../images/bg_page.gif);
	padding: 3px;
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#donations h3 {
	background-image: url(../images/donations.gif);
	height: 100px;
	width: 100px;
	background-color: #13A0D0;
	background-repeat: no-repeat;
	margin: 0;
	position: relative;
	float: left;
}
#contacts h3 {
	background-image: url(../images/contacts.gif);
	height: 100px;
	width: 100px;
	background-color: #13A0D0;
	background-repeat: no-repeat;
	margin: 0;
	position: relative;
	float: left;
}
#staff .eightH {
	height: 8px;
	width: 100%;
}
#holder #row1 #contacts table td {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
#holder #header ul {
	display: block;
	width: 96px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	position: relative;
	top: 46px;
}
#holder #header li {
	list-style-type: none;
	line-height: 18px;
}
#holder #header li a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006699;
	text-decoration: none;
}
#holder #header a:hover {
	color: #FFFFFF;
}
#holder #header #Lang {
	display: block;
	position: absolute;
	width: 112px;
	left: 595px;
	top: 7px;
	height: 23px;
}
#holder #header #Lang img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-left: 10px;
}
