/*----------CSS FOR SEAGULL.ORG----------*/


/*-----ELEMENTS-----*/

body { background-color: #fff; margin-top: 0px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
div { color: #000; font-size: 12px; margin: 0; padding: 0; }
p { font-size: 12px; }
a { color: #000; font-size: 12px;}
th { color: #000; font-size: 12px; }
td { color: #000; font-size: 12px; }
ul { font-size: 12px; }
span { font-size: 12px; }
li.nb { list-style-type: none; }
.ctable tr td.f2{font-size: 12px; padding:2px}

/*-----SELECTORS-----*/
#container { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; width: 900px; border: solid 1px #000000; }
#address div { color: #000; font-size: 12px; }

/*-----CLASSES-----*/
.bodyHdr { color: #fff; font-size: 12px; font-weight: bold; }
.colHdr { color: #000000; font-size: 12px; font-weight: bold;}
.contentHdr { color: #000000; font-size: 12px; font-weight: bold; }	
.contentHdrBlue { color: #0053a0; font-size: 12px; font-weight: bold; }
.title_b { color: #0053a0; font-size: 16px; font-weight: bold; text-transform:uppercase }
.title_s { color: #000; font-size: 14px; font-weight: bold; text-transform:uppercase }
.title_si { color: #000; font-size: 14px; font-weight: bold; font-style:italic; text-transform:uppercase }
.alignTop { vertical-align: top; }
.tableAttributes { border-spacing: 0px; }

/*-----LEFT COLUMN-----*/
#leftColumn {background-color: #ffcc66; color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;}
#leftColumn p { font-size: 12px; }
.leftTopRow { position: absolute; }
.leftBtmRow { background-color: #ffcc66; padding: 110px 20px 25px 20px; width: 137px; }
.leftBtmRow ul { list-style-type: none; padding: 0px; margin: 0px; }
.leftBtmRow li { font-size: 12px; line-height: 20px }
.leftBtmRow li a { font-size: 12px; font-weight: bold; text-decoration: underline; }
.leftBtmRow2 { background-color: #ffcc66; padding: 3px 24px 25px 24px; width: 150px; }
.leftBtmRow2 ul { list-style-type: none; display: inline; }
.leftBtmRow2 li { font-size: 12px; line-height: 20px; }
.leftBtmRow2 li a { font-size: 12px; text-decoration: underline; }

/*-----RIGHT COLUMN-----*/
#rightColumn { width:193px; color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
#rightColumn p { font-size: 12px; }
#rightColumn div { font-size: 12px; }
.rightTopRow { width:193px; background-color: #ffcc66; padding: 5px 13px 25px 13px; width: 167px; }
.rightTopRow a { font-size: 12px; text-decoration: none; }
.rightTopRow a:hover { text-decoration: underline; }
.rightBtmRow { color: #000; font-size: 12px; max-width: 180px; overflow: hidden; }

.rightBtmRowContent {
	padding: 5px 13px 20px 13px;
	background-color: #fff;
}

.rightBtmRowContent p {
	color: #000;
	font-size: 12px;
}

.rightBtmRowContent div {
	color: #000;
	font-size: 12px;
}

/*-----CENTER COLUMN / MAIN CONTENT-----*/
#bodyContent {width: 530px; 
	color: #fff;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: #0053a0;
	width: 530px;
	overflow: hidden;
}

#bodyContent2 {
	color: #000;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: #fff;
	width: 636px;
	overflow: hidden;
	padding: 18px 35px;
}

#bodyContent2 ul li {
	color: #555;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-decoration:none;
	padding-bottom: 4px;
}

#bodyContent2 ul li a{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-decoration:underline;
}

#bodyContent2 ul li a:hover{
	color: #0053a0;
	font-size: 12px;	font-weight: bold;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-decoration:underline;
}

#bodyContent3 {
	color: #000;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: #fff;
	width: 700px;
	overflow: hidden;
	padding: 0;
}

.newsContent {
	padding: 15px 20px 25px 20px;
}

.newsContent p {
	color: #fff;
	font-size: 12px;
}

.newsContent div {
	color: #fff;
	font-size: 12px;
	background-color: #0053a0;
}

.newsContent a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.newsContent a:hover {
	text-decoration: underline;
}


/*-----HEADER-----*/

#header {
	position: relative;
	width: 900px;
	height: 157px;
	border-bottom: 5px solid #690;
}

.headerImg {
	position: absolute;
	z-index: 10;
}


/*-----IMAGE DISPLAY IN HEADER-----*/

#imageContainer {
	width: 1px;
	height: 161px;
	position: relative;
}	

#hdrImage01 {
	overflow: hidden;
	position: absolute;
	left: 129px;
	top: 65px;
	width: 172px;
	height: 94px;
	z-index: 0;
}

#hdrImage02 {
	overflow: hidden;
	position: absolute;
	left: 300px;
	top: 65px;
	width: 86px;
	height: 92px;
	z-index: 0;
}

#hdrImage03 {
	overflow: hidden;
	position: absolute;
	left: 386px;
	top: 65px;
	width: 86px;
	height: 92px;
	z-index: 0;
}

#hdrImage04 {
	overflow: hidden;
	position: absolute;
	left: 472px;
	top: 65px;
	width: 86px;
	height: 92px;
	z-index: 0;
}

#hdrImage05 {
	overflow: hidden;
	position: absolute;
	left: 558px;
	top: 65px;
	width: 86px;
	height: 92px;
	z-index: 0;
}

#hdrImage06 {
	overflow: hidden;
	position: absolute;
	left: 644px;
	top: 65px;
	width: 86px;
	height: 92px;
	z-index: 0;
}

#hdrImage07 {
	overflow: hidden;	
	position: absolute;
	left: 730px;
	top: 65px;
	width: 86px;
	height: 92px;
	z-index: 0;
}

#hdrImage08 {
	overflow: hidden;
	position: absolute;
	left: 815px;
	top: 65px;
	width: 85px;
	height: 92px;
	z-index: 0;
}


/*-----MAIN NAVIGATION-----*/

#indexNavigation {
	color: #fff;
	font-size: 12px;
	background-color: #0053a0;
	text-align: center;
	top: 133px;
	left: 0px;
	position: absolute;
	width: 130px;
	height: 21px;
	padding-top: 5px;
	padding-bottom: 0px;
	z-index: 2;
	margin-bottom: 0;
}

#indexNavigation a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 1px;
	height: 20px;
}

#indexNavigation a:hover {
	text-decoration: underline;
}

.navPadding {
	padding-top: 5px;
} 

#mainNavigation {
	color: #fff;
	font-size: 12px;
	background-color: #0053a0;
	text-align: center;
	top: 133px;
	left: 300px;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 0px;
	width: 600px;
	height: 21px;
	z-index: 2;
	margin-bottom: 0;
}

#mainNavigation ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
 }

 #mainNavigation ul li {
	display: inline;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 12px;
 }

#mainNavigation a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
}

#mainNavigation a:hover {
	text-decoration: underline;
}

#subNavigation {
	width: 1px;
	height: 1px;
	z-index: 10;
	position: relative;
}

#subNavigation a {
	color: #0053a0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#subNavigation a:hover {
	text-decoration: underline;
}

#subNavWho {
	padding: 6px; 
	background-color: #fff;
	border: 1px #690 solid;
	width: 140px;
	position: absolute;
	z-index: 100;
	left: 308px; 
	top: 156px;
	display: inherit;
	margin: 0;
}

 #subNavWho ul {
	padding: 0; 
	margin: 0;
 }

 #subNavWho ul li {
	text-align: left;
	display: block;
	padding: 2px 8px 2px 8px; 
	margin: 0;
	list-style-position: outside;
 }
 
 #subNavWhat {
	padding: 6px; 
	background-color: #fff;
	border: 1px #690 solid;
	width: 140px;
	position: absolute;
	z-index: 100;
	left: 395px; 
	top: 156px;
	display: inherit;
}

 #subNavWhat ul {
	padding: 0; 
	margin: 0;
 }


 #subNavWhat ul li {
	text-align: left;
	display: block;
	padding: 2px 8px 2px 8px;
	list-style-position: outside;
 }
 
 #subNavWays {
	padding: 6px; 
	background-color: #fff;
	border: 1px #690 solid;
	width: 140px;
	position: absolute;
	z-index: 100;
	left: 585px; 
	top: 156px;
	display: inherit;
}

 #subNavWays ul {
	padding: 0; 
	margin: 0;
 }

 #subNavWays ul li {
	text-align: left;
	display: block;
	padding: 2px 8px 2px 8px;
	list-style-position: outside;
 }
 
 .faqtable {margin: 0; padding: 0; border: 0}
 .q1 {font-weight: bold; margin: 0; padding-right: 4px;}
 .a1 {font-weight: bold; margin: 0; padding-right: 4px;}
 .q2 {margin: 0; padding-right: 4px;}
 .q2 p {margin: 0; padding-right: 4px;}
 .a2 {font-style: italic; margin: 0; padding-right: 4px;}
 .a2 p {font-style: italic; margin: 0; padding-right: 4px;}
 
table.history {color: #000; font-size: 12px; margin-left: 14px}
table.history tr {vertical-align: top;}
table.history td {padding: 2px 8px}

#subnavpage {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffcc66;
	text-align: center;
	top: 0px;
	left: 0px;
	position: relative;
	padding-top: 8px;
	padding-bottom: 3px;
	width: 710px;
	height: 18px;
	margin: 0;
}

#subnavpage ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
 }

 #subnavpage ul li {
	display: inline;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 12px;
 }

 #subnavpage a { color: #000; font-weight: bold; text-decoration: none }
 #subnavpage a:hover { color: #fff; text-decoration: underline }
 
 
#caltable { border: 2px solid #0053a0; border-collapse: collapse; border-spacing: 2px; }
.bhd { font-size: 12px; font-weight: bold; color: white; background-color: #0053a0 }
.bsth { font-size: 11px; font-weight: bold; color: black; background-color: #ffcc66; border: 2px groove #d1d1d1 }
.bst { font-size: 11px; background-color: #ffffff; border: 2px groove #d1d1d1; padding: 2px }
.bste { font-size: 11px; background-color: #dfdfdf; }

#bodyContent2 ul.jb{
	color: #000;
	font-size: 12px;
	font-weight: 100;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	padding-left: 8px;
	margin-left: 8px; 
}

#bodyContent2 ul.jb li{
	color: #000;
	font-size: 12px;
	font-weight: 100;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}
#bodyContent2 .ctable tr td{font-size: 12px; padding:2px}


#philosophy{width: 298px; height: 102px; background: url(../images/seagull_slogan1.png);}
#philosophy div{font-size: 14px; font-weight: bold; font-style: italic; font-family: "Times New Roman", Times, Georgia; color: white; padding: 22px 32px}
#philosophyint{width: 191px; height: 102px; background-color: #669900;}
#philosophyint div{font-size: 14px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, Georgia; color: white; padding: 10px 8px}
table#locations { border: 0px; width: 450px }
table#locations tr { vertical-align: top;}
table#locations td { padding: 4px 8px 18px 8px; }
table#cf { border: 1px solid #ffcc66; width: 450px }
table#cf td.label { width: 140px ; background-color: #ffcc66; text-align: right }
table#cf td { padding: 4px 8px 4px 8px; }
table#cf input,textarea { background-color: #dfdfdf }