/* -----------------------------------------
Author: Katelynn O'Brien
Last Modified: 11/12/07
-------------------------------------------- */

body
	{
		/* #D8D8BF : wheat
		FFFFF0 : ivory
		EEE8AA : palegoldenrod
		EAEAAE: medium goldenrod
		 */
	background-color:#D8D8BF;
	margin: 20px 0 0 20px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
	}
	
.title
	{
	font-size: 1.5em;
	font-weight: bold;
	}

.big_title
	{
	font-size: 1.9em;
	font-weight: bold;
	}

.big_subtitle
	{
	font-size: 1.3em;
	}

.subtitle
	{
	font-size: 1.1em;
	}

.subtitle_bold
	{
	font-size: 1.1em;
	font-weight: bold;
	}

.text
	{
	text-align: left;
	}

.form_title
	{
	font-size: 1.5em;
	font-weight: bold;
	}

.form_instructions
	{
	font-size: 1em;
	text-align: left;
	}

.element_title
	{
	font-size: .8em;
	}

.element_instructions
	{
	font-size: .8em;
	}

.space_around
	{
	/*line-height: 1.3em;*/
	padding: .4em 0 .4em 0;
	}
	
.form_cell
	{
		/* EEEEE0: putty
		FFFFF0: ivory
		FFFFE0: light yellow
		FAFAD2: light goldenrod
		FFF8DC : cornsilk
		F5F5DC : beige
		 */
	background-color: #EEEEE0;
	border-width: 1px;
	border-style: solid double;
	border-color: #000;
	}

.form_cell_padded
	{
		/* EEEEE0: putty
		FFFFF0: ivory
		FFFFE0: light yellow
		FAFAD2: light goldenrod
		FFF8DC : cornsilk
		F5F5DC : beige
		 */
	background-color: #EEEEE0;
	border-width: 1px;
	border-style: solid double;
	border-color: #000;
	padding: .9em .9em .9em .9em;
	}

.form_hilite
	{
	background-color: #FFFFF0;
	width: 400px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	padding: .9em .9em .9em .9em;
	}

.required_field
	{
	color: #FF0000;
	}

.small_text
	{
	font-size: .8em;
	text-align: left;
	}

.media_text
	{
	font-size: .9em;
	text-align: left;
	}

.smaller_text
	{
	font-size: .7em;
	/* color: #6D7B8D;*/
	}

.errors
	{
	color: #FF0000;
	text-align:left;
	background-color: #FFFFCC;
	width: 450px;
	padding: .9em .9em .9em .9em;
	}
	
.dev_notice
	{
	color: #FF0000;
	text-align:left;
	background-color: #FFFFCC;
	padding: .9em .9em .9em .9em;
	position:absolute;
	top:10;
	left:575;
	}

.errors_hidden
	{
	display: none;
	}



.indented 
	{
	padding: 3.5em 3.5em 3.5em 3.5em;
	text-align: left;
	}

.smallindent
	{
	padding: 0 0 0 1em;
	text-align: left;
	}

.indented1
	{
	padding: 0 0 0 2em;
	text-align: left;
	}

.indented2 
	{
	padding: 0 0 0 4em;
	text-align: left;
	}

.indented3 
	{
	padding: 0 0 0 6em;
	text-align: left;
	}

.map_border 
	{
	/* background-color: #EEEEE0; */
	background-color: #FFF;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #e71717;
	padding: .9em .9em .9em .9em;
	}

.map_controls 
	{
	/* background-color: #EEEEE0; */
	background-color: #FFF;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-top-color: #e71717;
	border-right-color: #e71717;
	border-bottom-color: #e71717;
	border-left-color: #e71717;
	padding: .2em .2em .2em .2em;
 	}

.map_zoombar 
	{
	/* background-color: #EEEEE0; */
	background-color: #FFF;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-top-color: #e71717;
	border-right-color: #e71717;
	border-bottom-color: #FFF;
	border-left-color: #e71717;
	padding: .2em .2em .2em .2em;
 	}

.mapcontrol_innertitle
	{
	background-color: #FFF;
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-top-color: #e71717;
	border-right-color: #e71717;
	border-bottom-color: #e71717;
	border-left-color: #e71717;
	padding: .2em .2em .2em .2em;
	}

.mapcontrol_choices
	{
	background-color: #FFF;
	font-size: .9em;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-top-color: #FFF;
	border-right-color: #e71717;
	border-bottom-color: #e71717;
	border-left-color: #e71717;
	padding: .5em .5em .5em .5em;
	}

.instruction_innertitle
	{
	background-color: #FFF;
	text-align: center;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-top-color: #e71717;
	border-right-color: #e71717;
	border-bottom-color: #e71717;
	border-left-color: #e71717;
	}

.instruction_choices
	{
	background-color: #FFF;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-top-color: #FFF;
	border-right-color: #e71717;
	border-bottom-color: #e71717;
	border-left-color: #e71717;
	}

.faded_text
	{
	color: #6D7B8D;
	font-style:italic; 
	}

.loc_type_text
	{
	color: #6D7B8D;
	font-size: .9em;
	}

.map_cell_70
	{
	width: 77%;
	}

.map_cell_all
	{
	width: 100%;
	}

.main_table
	{
	width: 98%;
	}

.menubar
	{
	background-color: #D8D8BF;
	/* background-color: #e2971a; */
	font-size: 1.2em;
	text-align: center;
	color: #000;
	margin-top: 2px;
	margin-bottom: 2px;
	/*border-width: 1px;
	border-style: solid;
	border-color: #000000;*/
	}

.nobr 
	{
	white-space: nowrap
	}


.scroll_box
	{
	margin-left: 10px;
	height: 500px;
	overflow:scroll;
	}

table 
	{
	font-size: 100%;
	}

table.welcome 
	{
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	}

.black_line
	{
	display: block; 
	height: 1px; 
	background-color:#000;
	}

#cropped_image
	{
	float: left;
	clear: left;
	width: 73.5%;
	margin: 0;
	padding: 2em 0 25px 25.5%;
	font-size: .75em;
	color: #999;
	}

#footer
	{
	float: left;
	clear: left;
	width: 73.5%;
	margin: 0;
	padding: 2em 0 25px 25.5%;
	font-size: .75em;
	color: #999;
	}
	
.showSwitch 
	{
	  display: block;
	}

.hideSwitch 
	{
	  display: none;
	}
	
.hiddenFrame	
	{
  	display: none;
	}

.previewFrame
	{
	  position:absolute;
	  left:0;
      top:0;
      width:1200px;
      height:900px;
	}

html>body .previewFrame
	{
	  position:absolute;
	  left:0;
      top:0;
      width:95%;
      height:95%;
	}

.favesClass
	{
	text-align:right;
	margin-left:40px;
	}

html>body .favesClass
	{
	  position:absolute;
      top:-5;
      right:15;
	}


/* HEADINGS
-------------------------------------------- */

body#l2 h1
	{
	margin: 1.3em 0 1em 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.6em;
	}
	
body#home #right h2
	{
	margin: 2.5em 0 1em 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	}
	
body#l2 #right h2
	{
	margin: 5em 0 1em 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	}
	
#right h3
	{
	margin: 0;
	padding: 0;
	font-size: 1em;
	}
	
body#home #right h3
	{
	color: #ff7f00;
	}
	
body.organize #right h3
	{
	color: #49772e;
	}
	
body.present #right h3
	{
	color: #9c822e;
	}
	
body.find #right h3
	{
	color: #e2971a;
	}


/* IMAGES
-------------------------------------------- */

img
	{
	border: 0;
	}
	
#header img
	{
	display: block;
	}
	
img.icon
	{
	float: left;
	margin-top: 3px;
	}


/* SPECIAL FORMATTING
-------------------------------------------- */

p
	{
	margin: 1em 0;
	padding: 0;
	}
	

p.space_below
	{
	margin: 0;
	padding: 0 0 .2em 0;
	}

input.checkbox 
	{
		/*
	width : 1.1em ;
	height : 1.1em ;
		*/
	line-height: 1em;
	}

/* LISTS
-------------------------------------------- */
	
ul
	{
	margin-bottom: 4em;
	}
	
ul li
	{
	margin-bottom: 1px;
	}
	
li#organize
	{
		border-width: 1px;
		border-style: solid;
	border-top-color: #a6bc98;
	border-right-color: #335520;
	border-bottom-color: #2c471c;
	border-left-color: #759861;
	}
	
ol li
	{
	padding: 0 0 .5em 0;
	line-height: 1.3em;
	}
	


/* LINKS
-------------------------------------------- */

a
	{
	/* cc0000 */
	/* brick red: 740a0c */
	/* yellowish: e2971a*/
	/* brighter yellow: f3b44a */
	/* bright red e71717 */
	color: #e71717;
	/*color: #ff7f00;*/
	text-decoration: none;
	}
	
a:focus, a:hover
	{
	/* brick red: 740a0c */
	/* color: #6666 */
	color: #e71717;
	text-decoration: underline;
	}
	
a:active
	{
	/* brighter red cc0000 */
	/* brick red: 740a0c */
	/* color: #6666 */
	color: #740a0c;
	/* color: #f3b44a; */
	}


#error_href a
	{
	/* cc0000 */
	/* brick red: 740a0c */
	/* yellowish: e2971a*/
	/* brighter yellow: f3b44a */
	/* bright red e71717 */
	color: #000;
	/*color: #ff7f00;*/
	text-decoration: underline;
	}

#error_href a:focus, #error_href a.error_href:hover
	{
	/* brick red: 740a0c */
	/* color: #6666 */
	color: #000;
	text-decoration: underline;
	}



/*
a:visited
	{
	color: #e2971a;
	}
*/
#footer a, #footer a:visited
	{
	color: #999;
	}
	
#footer a:focus, #footer a:hover, #footer a:active
	{
	color: #666;
	}
