/* Little Island Project CSS */

HTML>BODY, BODY {
	margin: 5px;
	background-color: white;
	font-family: arial,sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: black;
	/*background-image: url(../images/LittleIslandBG.jpg);*/
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	}

/* HEADER */
#head, #content, #foot {
	width: 700px;
	margin: auto;
	}
#lilogo {
	display: block;
	margin: auto;
	width: 700px;
	height: 112px;
	}
#navbar {
	margin-top: 4px;
	padding: 2px 0px;
	text-align: center;
	border-bottom: solid 2px #77a;
	border-left: none;
	border-right: none;
	}
#navbar A, #foot A {
	position: relative;
	padding: 2px 5px;
	padding-bottom: 3px;
	font-size: 110%;
	text-decoration: none;
	color: #e87405;
	}
#navbar A {
	font-weight: bold;
	letter-spacing: 2px;
	}
#foot, #foot A {
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 1px;
	}
#navbar A:hover, #foot A:hover {
	background: #e87405;
	color: white;
	}

/* CONTENT */

H1,H2,H3,H4 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #e87405;
}

#content H1, #formbox H1, #content H1 SPAN.subhead {
	margin-top: 2px;
	text-align: center;
	font-size: 165%;
	color: #e87405;
	}
#content H1 {
	margin-top: 0px;
	padding-bottom: 1px;
	background-color: #ddf;
	color: black;
	letter-spacing: 2px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	}
#content H1 SPAN.subhead {
	display: block;
	font-size: 60%;
	}
#content H2 {
	margin-top: 20px;
	padding-bottom: 1px;
	text-align: left;
	font-size: 135%;
	border-bottom: solid 2px #e87405;
	border-bottom: solid 2px #ccf;
	}
	
#content P {
	margin: 10px 0px;
	font-family: alrial,sans-serif;
	font-size: 100%;
	text-align: justify;
	}
#content P.captionunder {
	margin: 10px 20px;
	margin-top: 2px;
	text-align: center;
	font-size: 80%;
	color: #e87405;
	}
#content A[href] {
	text-decoration: none;
	color: #e87405;
	}
#content  A[href]:hover {
	text-decoration: none;
	color: #ffcc22;
	}

OL LI, UL LI {margin-bottom: 10px;}
OL LI A {
	font-family: verdana,sans-serif;
	font-size: 120%;
	}
	
DL, UL	{margin-left: 40px;}
DL DT {
	color: #e87405;
	font-size: 110%;
	font-weight: bold;
	}
DL DD	{margin-bottom: 20px;}
DL DT	{font-size: 120%;}
UL		{padding-left: 10px;}
UL STRONG {
	color: #e87405;
	font-size: 100%;
	font-weight: bold;
	}
UL.linklist {
	list-style-type: none;
	list-style-position: inside;
	padding: 10px 20px;
	margin-left: 60px;
	margin-right: 60px;
	background-color: #ddf;
	-moz-border-radius: 10px;
	}
UL.linklist LI 					{margin: 1px 0px;}
UL.linklist LI.subsection		{margin-left: 20px;}
#content UL.linklist LI A 		{color: black;}
#content UL.linklist LI A:hover 	{color: #e87405;}
UL.linklist LI A:before {
	content: "\25BA";
	padding-right: 10px;
	}
UL.linklist LI A:hover:before 	{color: white;}
	
SPAN.note {
	font-size: 80%;
	color: #777;
	}
PRE {
	margin-left: 20px;
	padding: 10px;
	border: solid 1px #999;
	background-color: white;
	}
	
PRE {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	}
	
#content IMG {display: block; position: relative; margin: 10px; margin-bottom: 0px;}
#content IMG.center {
	margin: auto;
	margin-top: 5px;
	padding: 3px;
	border: solid 1px black;
	}
#content IMG.floatright {
	float: right;
	}

#pageindex {
	width: 150px;
	float: right;
	padding: 5px;
	padding-right: 0px;
	border: solid white 10px;
	border-right: none;
	background-color: white;
}
#pinner {
	border: solid #ddf 10px;
	background-color: #ddf;
	-moz-border-radius: 10px;
}
#pageindex A[href] {
	display: block;
	font-weight: bold;
	padding: 1px;
	color: black;
	}
#pageindex A[href]:hover {
	color: #e87405;
	}
#pageindex A.subsection {
	padding-left: 10px;
	font-weight: normal;
	}
	
/* FOOTER */
#foot {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: solid 2px #e87405;
	border-top: solid 2px #77a;
	}


/* FORM ELEMENTS */
#formbox {position: relative; width: 550px; margin: auto; padding: 10px 0px;}

#formbox SPAN {
	display: block; width: 100%; margin: 2px 4px; text-align: left; padding-top: 2px; color: #55d; 
	font-size: 100%; font-weight: bold;
	}

#formbox INPUT[type="text"],
#formbox INPUT[type="password"],
#formbox INPUT[type="button"],
#formbox INPUT[type="submit"],
#formbox INPUT[type="radio"] {
	display: block; margin: 1px 0px; width: 542px; background-color: #ccf; border: solid 2px #99f;
	}
	
#formbox INPUT:focus {
	background-color: white;
	}
	
#formbox INPUT[type="hidden"], 
#formbox SCRIPT {
	display: none;
	}
	
#formbox INPUT[type="button"],
#formbox INPUT[type="submit"] {
	margin: auto; border: none; padding: 2px; background-color: #99f; color: white;
	}
	
#formbox INPUT[type="button"]:hover,
#formbox INPUT[type="submit"]:hover {background-color: #eef; color: #e87405;}

#formbox P.instruction {clear: both; font-size: 100%; color: #700; margin-top: 2px;}
#content P.error {text-align: center; font-weight: bold; color: red;}
#recaptcha, #recaptcha_image {display: block; margin: auto;}
#recaptcha A {text-decoration: none; color: #55d;}
#recaptcha A.recaptool {float: left; clear: none; width: 30%; padding-bottom: 1px; padding-left: 4px; font-size: 100%; color: #55d;}
#recaptcha A:hover {color: #e87405; cursor: pointer;}

#recaptcha_image {position: relative; width: 300px; height: 57px; float: left; clear: right; margin-left: 50px; margin-bottom: 2px; border: solid 2px #99f;}
#recaptcha_image IMG {margin: 0px;}
#recaptcha_widget, #recaptcha_challenge_field_holder {display: none;}