/* CSS Document */


/* TEXT */

a {
	font-family:Tahoma, Arial, sans-serif;
	color:#006699;
}
	
a:link {
	text-decoration:none;
	color:#006699;
}

a:visited {
	text-decoration:none;
	color:#006699;
}
	
a:hover {
	text-decoration:none;
	color:#0099CC;
}
	
a:active {
	text-decoration:none;
	color:#006699;
}

a.hometext:link {
	color:#006699; 
	text-decoration:none; 
}

a.hometext:visited {
	color:#006699; 
	text-decoration:none; 
}

a.hometext:hover {
	color:#0099CC; 
	text-decoration:none; 
}

a.hometext:active {
	color:#006699; 
	text-decoration:none; 
}

a.bigtitletextwhite:link {
	color:#FFFFFF; 
	text-decoration:none; 
}

a.bigtitletextwhite:visited {
	color:#FFFFFF; 
	text-decoration:none; 
}

a.bigtitletextwhite:hover {
	color:#FFCC00; 
	text-decoration:none; 
}

a.bigtitletextwhite:active {
	color:#006699; 
	text-decoration:none; 
}

a.bigtitletextyellow:link {
	color:#FFCC00; 
	text-decoration:none; 
}

a.bigtitletextyellow:visited {
	color:#FFCC00; 
	text-decoration:none; 
}

a.bigtitletextyellow:hover {
	color:#9FC2E1; 
	text-decoration:none; 
}

a.bigtitletextyellow:active {
	color:#FFCC00; 
	text-decoration:none; 
}

h1 {
	font:Tahoma, Arial, sans-serif;
	color:#006699;
	font-weight:bold;
	font-size:16px;
}

h2 {
	font:Tahoma, Arial, sans-serif;
	color:#006699;
	font-weight:bold;
	font-size:16px;
}


.bigtitletext {
	font-family:Tahoma, Arial, sans-serif;
	font-size:16px;
	font-style:normal;
	color:#9FC2E1;
	font-weight:normal;
}

.bigtitletextwhite {
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#FFFFFF;
	font-weight:normal;
}

.bigtitletextblue {
	font-family:Tahoma, Arial, sans-serif;
	font-size:16px;
	font-style:normal;
	color:#006699;
	font-weight:normal;
}

.bigtitletextyellow {
	font-family:Tahoma, Arial, sans-serif;
	font-size:16px;
	font-style:normal;
	color:#FFCC00;
	font-weight:normal;
}

.initialtext {
	font-family:Tahoma, Arial, sans-serif;
	font-size:36px;
	font-style:normal;
	color:#FFFFFF;
	font-weight:normal;
}

.initialtext2 {
	font-family:Tahoma, Arial, sans-serif;
	font-size:28px;
	font-style:normal;
	color:#FFFFFF;
	font-weight:normal;
}

.giantletter {
	font-family:Tahoma, Arial, sans-serif;
	font-size:40px;
	font-style:normal;
	color:#FFFFFF;
	font-weight:normal;
}

.glossaryletter {
	font-family:Tahoma, Arial, sans-serif;
	font-size:40px;
	font-style:normal;
	color:#006699;
	font-weight:normal;
}

.storyletter {
	font-family:Tahoma, Arial, sans-serif;
	font-size:28px;
	font-style:normal;
	color:#006699;
	font-weight:normal;
}

.giantletter2 {
	font-family:Tahoma, Arial, sans-serif;
	font-size:32px;
	font-style:normal;
	color:#FFFFFF;
	font-weight:normal;
}

.smalltext {
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#003366;
}

.smalllinks {
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
}

.boxtitle {
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#000033;
}
.boxsmall {
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
	color:#000033;
	font-style:normal;
	font-weight:normal;
}
.darklink {
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	color:#000033;
}

.titletext {
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#FFFFFF;
	vertical-align:middle;
}

.letters {
	font-size:16px;
	font-style:italic;
	color:#006699;
}

.toptext {
	font-size:12px;
	font-weight:bold;
	color:#006699;
}

.blocktext {
	font:Tahoma, Arial, sans-serif;
	font-size:13px;
	color:#006699;
}

.blocktext2 {
	font:Tahoma, Arial, sans-serif;
	font-size:13px;
	color:#00CCFF;
}

.linktext {
	font:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.hometext {
	font:Tahoma, Arial, sans-serif;
	font-size:14px;
	color:#006699;
	font-weight:bold;
}

.pagetitle {
	font-family: "Century Gothic", Arial, sans-serif; 
	color: #839FB9; 
	font-size: 50px;
}

.pagetitlesmall {
	font-family: "Century Gothic", Arial, sans-serif; 
	color: #839FB9; 
	font-size:35px;
}

.newstext {
	font-family:"Times New Roman", Times, serif; 
	color: #000000; 
	font-size:12px;
}
/* HOMEPAGE/MAIN LAYOUT */

#container {
	margin:auto;
	height:600px;
	width:800px;
}

#homemain {
	height:750px;
	width:840px;
	margin:10px auto 0;
	border: 2px solid #006699;
	position:relative;
	z-index:7;
	font-family:Tahoma, Arial, sans-serif;
}

#homemainlong {
	height:750px;
	width:840px;
	margin:10px auto 0;
	border: 2px solid #006699;
	position:relative;
	z-index:7;
	font-family:Tahoma, Arial, sans-serif;
	background-color: #FFFFFF;
}

#squishlong {
	font-family:Tahoma, Arial, sans-serif;
	min-height:13px;
	min-width:89px;
	position:absolute;
	left:1px;
	top:752px;
}

#westsuffolklong {
	font-family:Tahoma, Arial, sans-serif;
	height:15px;
	width:691px;
	position:absolute;
	left:154px;
	top:754px;
}

#plainmain {
	height:554px;
	width:801px;
	margin:10px auto 0;
	border-top-width:thin;
	border-bottom-width:thin;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color:#006699;
	border-bottom-color:#006699;
	position:relative;
	z-index:3;
	font-family:Tahoma, Arial, sans-serif;
	border-right-width:thin;
	border-left-width:thin;
	border-right-style:solid;
	border-left-style:solid;
	border-right-color:#006699;
	border-left-color:#006699;
	background-color: #E7F0F9;
}

#glossarymain {
	height:554px;
	width:801px;
	margin:10px auto 0;
	border: thin solid #006699;
	position:relative;
	z-index:7;
	font-family:Tahoma, Arial, sans-serif;
	background-image:url(../Images/glossarybackground.jpg);
	background-position: right bottom;
}

#square {
	height:88px;
	width:506px;
	position:absolute;
	float:left;
	top:381px;
	z-index:8;
	left:309px;
	border: 2px solid #FFCC00;
	background-color: #E8EFF9;
}

#square1 {
	height:47px;
	width:699px;
	position:absolute;
	float:left;
	top:685px;
	z-index:8;
	left:133px;
	border: 2px solid #006699;
	background-color: #FFCC00;
}

#square2 {
	height:88px;
	width:506px;
	position:absolute;
	float:left;
	top:484px;
	z-index:8;
	left:309px;
	border: 2px solid #006699;
	background-color: #FFCC00;
}

#square3 {
	height:88px;
	width:506px;
	position:absolute;
	float:left;
	top:586px;
	z-index:8;
	left:309px;
	border: 2px solid #9FC2E1;
	background-color: #006699;
}

#squarepic {
	height:90px;
	width:89px;
	position:absolute;
	float:left;
	top:0px;
	z-index:8;
	left:-96px;
}

#squarepic1 {
	height:90px;
	width:90px;
	position:absolute;
	float:left;
	top:-2px;
	z-index:8;
	left:-97px;
}

#squarepic2 {
	height:90px;
	width:90px;
	position:absolute;
	float:left;
	top:0px;
	z-index:8;
	left:-97px;
}

#squarepic3 {
	height:90px;
	width:90px;
	position:absolute;
	float:left;
	top:-1px;
	z-index:8;
	left:-97px;
}


#titlebanner {
	height:60px;
	width:702px;
	position:absolute;
	left:-2px;
	top:-3px;
	z-index:6;
	text-align:left;
	background-repeat:no-repeat;
	background-image:url(../Images/lazyeye%20banner.jpg);
}

#introtext {
	font-family:Tahoma, Arial, sans-serif;
	width:591px;
	position:absolute;
	left:212px;
	top:137px;
	border:2px solid #284A6D;
	z-index:7;
	padding:5px;
	background-color:#FFFFFF;
}

#sponsors {
	font-family:Tahoma, Arial, sans-serif;
	width:591px;
	position:absolute;
	left:212px;
	top:301px;

	border:4px solid #;
	z-index:7;
	padding:5px;
	background-color:#7698BE;
	height:54px;
	border: 2px solid #9FC2E1;
}


#squish {
	font-family:Tahoma, Arial, sans-serif;
	min-height:13px;
	min-width:89px;
	position:absolute;
	left:2px;
	top:752px;
}

#westsuffolk {
	font-family:Tahoma, Arial, sans-serif;
	height:15px;
	width:691px;
	position:absolute;
	left:154px;
	top:752px;
}

#links {
	position:absolute;
	left:-1px;
	top:114px;
	width:120px;
	height:632px;
	z-index:5;
	background-color:#7698BE;
	border:2px solid #006699;
}


/* LINKS */

#photo {
	min-height:40px;
	min-width:60px;
	position:absolute;
	z-index:3;
	left:8px;
	top:305px;
	border:2px groove #00CCFF;
	height: 54px;
	width: 63px;
}

#photo1 {
	position:absolute;
	z-index:3;
	border:2px groove #00CCFF;
	left:8px;
	top:89px;
	min-width:60px;
	min-height:40px;
	height: 54px;
	width: 63px;
}

#photo2 {
	min-height:40px;
	min-width:60px;
	position:absolute;
	z-index:3;
	left:8px;
	top:233px;
	border:2px groove #00CCFF;
	height: 54px;
	width: 63px;
}

#photo3 {
	min-height:40px;
	min-width:60px;
	position:absolute;
	z-index:3;
	left:8px;
	top:161px;
	border:2px groove #00CCFF;
	height: 54px;
	width: 63px;
}

#photo4 {
	min-height:40px;
	min-width:60px;
	position:absolute;
	z-index:3;
	left:8px;
	top:450px;
	border:2px groove #00CCFF;
	height:54px;
	width: 63px;
}

#photo5 {
	min-height:40px;
	min-width:60px;
	position:absolute;
	z-index:3;
	left:8px;
	top:377px;
	border:2px groove #00CCFF;
	height:54px;
	width: 63px;
}

#words {
	position:absolute;
	z-index:3;
	left:72px;
	top:89px;
	width:73px;
	border-top:thin groove #00CCFF;
	border-right:thin groove #00CCFF;
	border-bottom:thin groove #00CCFF;
	border-left:thin none #00CCFF;
	padding-left:5px;
	background-color:#FFFFFF;
	height: 63px;
}

#words1 {
	background-position:left center;
	min-height:63;
	width:73px;
	position:absolute;
	z-index:3;
	left:72px;
	top:161px;
	border-top:thin groove #0099FF;
	border-right:thin groove #0099FF;
	border-bottom:thin groove #0099FF;
	border-left:thin none #0099FF;
	padding-left:5px;
	background-color:#FFFFFF;
	height: 63px;
}
#words2 {
	background-position:left center;
	width:73px;
	position:absolute;
	z-index:3;
	left:72px;
	top:233px;
	border-top:thin groove #0099FF;
	border-right:thin groove #0099FF;
	border-bottom:thin groove #0099FF;
	border-left:thin none #0099FF;
	padding-left:5px;
	background-color:#FFFFFF;
	height: 63px;
}
#words3 {
	background-position:left center;
	height:63px;
	width:73px;
	position:absolute;
	z-index:3;
	left:72px;
	top:305px;
	border-top:thin groove #0099FF;
	border-right:thin groove #0099FF;
	border-bottom:thin groove #0099FF;
	border-left:thin none #0099FF;
	padding-left:5px;
	background-color:#FFFFFF;
}
#words4 {
	background-position:left center;
	height:63px;
	width:73px;
	position:absolute;
	z-index:3;
	left:72px;
	top:450px;
	border-top:thin groove #0099FF;
	border-right:thin groove #0099FF;
	border-bottom:thin groove #0099FF;
	border-left:thin none #0099FF;
	padding-left:5px;
	background-color:#FFFFFF;
}

#words5 {
	background-position:left center;
	height:63px;
	width:73px;
	position:absolute;
	z-index:3;
	left:72px;
	top:377px;
	border-top:thin groove #0099FF;
	border-right:thin groove #0099FF;
	border-bottom:thin groove #0099FF;
	border-left:thin none #0099FF;
	padding-left:5px;
	background-color:#FFFFFF;
}

/* SQUINT INFORMATION PAGE */

#squintbox {
	min-height:71px;
	min-width:160px;
	max-width:161px;
	width:160px;
	position:absolute;
	float:left;
	top:290px;
	z-index:8;
	left: 359px;
	border-bottom:1px solid #9FC2E1;
	border-left:1px solid #9FC2E1;
	border-right:1px solid #9FC2E1;
	border-top:1px solid #9FC2E1;
	background-color:#E5EEF7;
}

#squintbox2 {
	position:absolute;
	left:548px;
	top:313px;
	min-width:160px;
	min-height:37px;
	z-index:6;
	background-color:#D8E6F3;
	border-top:1px solid #9FC2E1;
	border-right:1px solid #9FC2E1;
	border-bottom:1px solid #9FC2E1;
	border-left:1px solid #9FC2E1;
	width: 162px;
}

#squintbox3 {
	position:absolute;
	left:179px;
	top:270px;
	width:158px;
	min-width:158px;
	max-width:159px;
	min-height:85px;
	z-index:6;
	background-color:#C2D9ED;
	border-top:1px solid #9FC2E1;
	border-right:1px solid #9FC2E1;
	border-bottom:1px solid #9FC2E1;
	border-left:1px solid #9FC2E1;
}

#squintbox4 {
	position:absolute;
	left:106px;
	top:195px;
	width:251px;
	min-height:42px;
	z-index:6;
	background-color:#C2D9ED;
	border-top:1px solid #9FC2E1;
	border-right:1px solid #9FC2E1;
	border-bottom:1px solid #9FC2E1;
	border-left:1px solid #9FC2E1;
}

#squintbox5 {
	position:absolute;
	left:264px;
	top:182px;
	width:267px;
	height:42px;
	z-index:6;
	background-color:#C2D9ED;
	border-top:1px solid #9FC2E1;
	border-right:1px solid #9FC2E1;
	border-bottom:1px solid #9FC2E1;
	border-left:1px solid #9FC2E1;
}


/* ADDITIONAL PAGES */


#maintext {
	height:236px;
	width:441px;
	position:absolute;
	z-index:9;
	left:220px;
	top:163px;
	text-align:center;
	overflow:scroll;
	overflow-x:hidden;
	border:2px solid #284A6D;
	padding:10px;
	list-style-type:disc;
}

#aboutmain {
	height:599px;
	width:633px;
	position:absolute;
	z-index:3;
	left:176px;
	top:138px;
	text-align:center;
	overflow:scroll;
	overflow-x:hidden;
	list-style-type:disc;
	padding-left: 5px;
	padding-right: 25px;
}

#noscrollmain {
	height:599px;
	width:633px;
	position:absolute;
	z-index:3;
	left:176px;
	top:138px;
	text-align:center;
	list-style-type:disc;
	padding-left: 5px;
	padding-right: 25px;
}

#search {
	height:11px;
	width:138px;
	position:absolute;
	z-index:9;
	left:496px;
	top:466px;
	text-align:center;
	border:thin ridge #E5EEF7;
	padding:2px;
}

#experiences {
	height:89px;
	width:441px;
	position:absolute;
	z-index:9;
	left:218px;
	top:163px;
	text-align:center;
	border:thin ridge #E5EEF7;
	padding:10px;
	list-style-type:disc;
	background-color:#E5EEF7;
}

#backtopage {
	font-family:Tahoma, Arial, sans-serif;
	font-size:80%;
	font-style:normal;
	color:#006699;
	height:14px;
	width:169px;
	left:678px;
	top:473px;
	position:absolute;
}

#morestories {
	position:absolute;
	left:603px;
	top:92px;
	width:107px;
	height:22px;
	z-index:3;
}

#home {
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	height:14px;
	width:37px;
	position:absolute;
	left:661px;
	top:499px;
	z-index:7;
	background-color:#9FC2E1;
	border:1px solid #006699;
	padding:3px;
}

#plane {
	height:47px;
	width:94px;
	position:absolute;
	float:left;
	top:100px;
	z-index:8;
	left:380px;
}

#bear {
	height:80px;
	width:64px;
	position:absolute;
	float:left;
	top:422px;
	z-index:8;
	left:170px;
}

#windflower {
	height:80px;
	width:67px;
	position:absolute;
	float:left;
	top:428px;
	z-index:5;
	left:634px;
}

#eyes {
	height:47px;
	width:94px;
	position:absolute;
	float:left;
	top:93px;
	z-index:8;
	left:510px;
}

#eye2 {
	height:69px;
	width:64px;
	position:absolute;
	float:left;
	top:441px;
	z-index:8;
	left:192px;
}

#stories {
	min-height:148px;
	width:238px;
	position:absolute;
	float:left;
	top:305px;
	z-index:8;
	left:319px;
	border:thin dotted #006699;
	padding:5px;
	overflow: scroll;
	overflow-x:hidden;
	height: 155px;
}

#pagetitle {
	position:absolute;
	left:0px;
	top:12px;
	min-width:200px;
	max-width:200px;
	width:623px;
	height:55px;
	z-index:6;
	line-height: 60px;
}

#sponsortext {
	height:236px;
	width:441px;
	position:absolute;
	z-index:9;
	left:220px;
	top:163px;
	text-align:center;
	border:thin ridge #E5EEF7;
	padding:10px;
	background-color:#E5EEF7;
}

#caitlinimage {
	position:absolute;
	left:231px;
	top:333px;
	width:97px;
	height:127px;
	z-index:8;
	border: 1px solid #006699;
}

/* TEAM NEWS */

#teamtext {
	min-height:94px;
	min-width:470px;
	max-width:520px;
	width:484px;
	position:absolute;
	left:66px;
	top:135px;
	z-index:7;
	height: 3082px;
}

#bangla1 {
	height:142px;
	width:444px;
	position:absolute;
	left: 105px;
	top: 622px;
}

#bangla2 {
	height:236px;
	width:441px;
	position:absolute;
}


/* MENU */

body { font: normal 62.5% verdana; }

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 120px; /* Width of Menu Items */
	border-bottom: 1px solid #284A6D;
	background: #7698BE; /* IE6 Bug */
	font-size: 100%;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
	border: 1px solid #284A6D;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 119px; /* Set 1px less than menu width */
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul, 
ul#primary-nav li li:hover ul, 
ul#primary-nav li li li:hover ul, 
ul#primary-nav li.over ul, 
ul#primary-nav li li.over ul, 
ul#primary-nav li li li.over ul { display: block; background-color: #7698BE; } /* The magic */

ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color:#FFCC00; }

ul#primary-nav li a:hover { color:#000000; }