/*<agl.folder "Buttons">*/
	#search_button { color: #000; font-size: 10px; text-decoration: none; width: 123px; float: left; border-style: none }
	#search_button { margin-bottom: 17px }
/*</agl.folder>*/
/*<agl.folder "Color">*/
	.black /* This tag formats text to black */  { color: #000; font-family: Arial, sans-serif }
	.blacksmaller { color: #000; font-size: x-small; font-family: Arial, sans-serif; }
	.forest  /* Schema color */ { color: #053012; font-family: Arial, sans-serif; }
	.redblink { color: red; text-decoration: blink; }
	.white /* This tag formats text to white */  { color: #fff; font-family: Arial, sans-serif }
	.whitesmall { color: #fff; font-size: small; font-family: Arial, sans-serif; }
	.yellowblink { color: yellow; text-decoration: blink; }
/*</agl.folder>*/
/*<agl.folder "Content_Elements" "The design uses color, size and font weight to differentiate text usage.">*/
	img.picLeft
{ float:left; margin: 0 10px 10px 0; padding-right: 10px; }
	img.picRight { float: right; margin: 0 0 10px 10px; padding-left: 10px; }
	marquee.intro { color: #053112; font-size: 18pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-right: 0; margin-left: 0; padding-top: 6px; padding-bottom: 6px; }
	table.floatRight { right: 20px; float: right; margin-right: 20px; margin-left: 20px; }
	.font.tenpt  /* 10 point font modifier */ { font-size: 10pt; }
	.section_header { color: #bad986; font-size: 12px; font-weight: 800 }
	#branding /*  This tag adds space below the photograph and octopus that are the brand of the writer.  */  { height: 102px }
	#column_index { background-color: #588684; background-image: url(../images/frontspiece.jpg); width: 486px; }
	/*The naming convention for columns starts with "Column" so that the elements can be found quickly if the style sheet is arranged alphabetically. The same system applies to "copy_middle" and "copy_right."*/
	#column_left { background-color: #dbfcfc; width: 163px; height: 700px; }
	#column_main { background-color: #588684; width: 486px; }
	#column_middle { background-color: #588684; width: 326px }
	#column_right { background-color: #588684; width: 162px }
	#column_right_menu { background-color: #dbfcfc; width: 162px; }
	#copy_main { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-top: 12px; margin-left: 20px; }
	#copy_middle { color: #bad986; font-size: 11pt; font-family: Arial, sans-serif; font-weight: 400; margin-top: 12px; margin-left: 20px; width: 286px }
	#copy_right { color: #fff; font-size: 11px; font-family: Arial, sans-serif; font-weight: 400; margin-top: 12px; margin-left: 20px; width: 126px }
	#navigation_box { color: #fff; font-size: 12px; font-family: Arial, sans-serif; font-weight: 700; position: relative; top: 12px; left: 21px; width: 123px }
	#scribble { position: relative; top: 17px }
/*</agl.folder>*/
/*<agl.folder "Header_Elements">*/
	h1 { }
	h2 { font-size: 24pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 800; }
	h3 { font-size: 18pt; font-weight: 700; }
	h4 { }
	h5 { }
	h6 { }
/*</agl.folder>*/
/*<agl.folder "Navigation_Elements" "This folder contains menu tags.">*/
	a:link { color: #000; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }
	a:visited { color: #000; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }
	a:hover { color: #fff; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }
	a:active { color: #000; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; display: block }
	.menu_item { color: #000; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; position: relative }
	.rightside_link  /* Places links self-margining right aligned */ { color: #000; font-size: 12px; font-family: sans-serif; font-weight: 700; text-decoration: none; text-align: right; position: relative; margin-right: 12px; }
/*</agl.folder>*/
/*<agl.folder "Scrollers">*/
	#scrollerbox { width:100%; height:600px; padding: 5px; overflow: auto; }
	#scroller_middle { color: #bad986; font-family: Arial, sans-serif; font-weight: normal; width: auto; }
/*</agl.folder>*/
/*<agl.folder "Scrolling iFrame Pages">*/
	#abouts  /* Class for the argon's art PAGE */ { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #588684; text-align: left; width: 300pt; margin-left: 6pt; margin-right: 6pt; padding-right: 6pt; padding-left: 6pt; }
	#gallery { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #588684; text-align: center; margin-right: 6pt; margin-left: 6pt; padding-right: 6pt; padding-left: 6pt; width: 300pt; }
	#scheduled { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #588684; text-align: left; width: 300pt; margin-right: 2pt; margin-left: 2pt; }
	#profiles  /*  Class for the profiles PAGES  */ { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #588684; text-align: left; margin-right: 2pt; margin-left: 2pt; padding-right: 2pt; padding-left: 2pt; }
/*</agl.folder>*/

/*The site is built with tables. Styles are applied to table elements. Site compostion done by David Kenly, September 2006.*/

body    {
	background-color: #525d52;
	text-align: center;
	margin: 0;
	padding: 0;
	
}


.horizontal_spacer_3px  /* This tag works the same way as a spacer GIF in traditional HTML layouts. */ { background-color: #525d52; width: 3px }




#shuffle { top: 16px }

#shufflebase { bottom: 20px; }