body { background-color: #fff; color: #333; text-align:center;}

body, p, ol, ul, td {
  font-family: Georgia, verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
  background: #ffffff;
}
a img {
border: none;

}
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
/*
a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }*/

a.signup {color:}
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #dbe0f9;
  color: #c00;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
	#tabmenu {
		color: #000;
		border-bottom: 2px solid #6495ED;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		font-family: Georgia, "Trebuchet MS", Arial, sans-serif;
		font-size:   16px;
		text-align: left;
		/*text-indent: 100px;*/
		padding-left: 5px }
		
	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }
    #tabmenu span.inactive{
		color: white;
		background: #6495ED; 
		font: 1em Georgia, "Trebuchet MS", Arial, sans-serif;
		/*border: 2px solid white;*/
		padding: 2px 5px 0px 5px;
		margin-left: 2px;
		text-decoration: none;		
    }
    #tabmenu span.active {
		color: white;
		background: #87CEFA; 
		border-bottom: 3px solid #87CEFA;
		font: 1em Georgia, "Trebuchet MS", Arial, sans-serif;
		/*border: 2px solid white;*/
		padding: 2px 5px 0px 5px;
		margin-left: 2px;
		text-decoration: none;
    }
	#tabmenu a, a.active {
		color: white;
		background: #6495ED; 
		font: 1em Georgia, "Trebuchet MS", Arial, sans-serif;
		/*border: 2px solid white;*/
		padding: 2px 5px 0px 5px;
		margin-left: 2px;
		text-decoration: none; }

	#tabmenu a.active {
		background: #87CEFA;
		border-bottom: 3px solid #87CEFA; }
	#tabmenu a.inactive {
		background: #6495ED;
		/*border-bottom: 3px solid #87CEFA;*/ 
    	border-bottom: 3px solid #6495ED;
    	padding: 2px 5px 0px 5px;
    	margin: 0px;
    	}		

	#tabmenu a:hover {
		color: #fff;
		background: #87CEFA; }

	#tabmenu a:visited {
		color: white; }

	#tabmenu a.active:hover {
		background:  #87CEFA;
		color: #DEDECF; }
		
	#tabmenu a.inactive:hover {
		background: #87CEFA;
		color: #DEDECF; }		
		

	#content {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
		text-align: justify;
		/*background: #ABAD85;*/
		background: #FFFFF;
		padding: 20px;
		/*border: 2px solid black;*/
		border-top: none;
		z-index: 2;	}

	#content a {
		text-decoration: none;
		color: #blue; }

	#content a:hover { background: #898B5E; }
#Header {
	}

#Content {
	position:relative;
	/*margin:0px 210px 50px 10px;*/
	padding:10px;
	/*border:1px dashed #999;*/
	}

#ImageStrip {
	position:absolute;
	top:250px;
	right:20px;
	width:172px;
	padding:10px;
	background-color:#eee;
	border:1px dashed #999;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
#Right{
	position:absolute;
	top:150px;
	right:20px;
	width:172px;
	padding:5px;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
	
#ImageStrip2 {
	
	right:20px;
	width:172px;
	padding:5px;
	background-color:#eee;
	border:1px dashed #999;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}	
#QuoteBox{
	

	right:20px;
	width:172px;
	padding:10px;
	background-color:#eee;
	border:1px dashed #999;
	line-height:17px;
	font-family: "Lucinda Bright";
	font-size:   18px;	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}
/* Home styles */
div.titlebar {
top:1em;
line-height: 33px;
font-family: "Lucinda Bright";
font-size:   33px;
color: white;
}

div.titlebar2 {
position:absolute;
top:4em;
left:5em;
line-height: 24px;
font-family: "Lucinda Bright";
font-size:   24px;
color: purple;

}

div.titlebar3 {
position:absolute;
width:100%;

top:12em;
}

span.t3_link {
color:blue;
font-family: "Lucinda Bright", Times New Roman, serif;
font-size:   16px;
padding: 1px;
background-color:orange;
}

span.t3_link2 {
position:absolute;
color:blue;
left:10em;
font-family: "Lucinda Bright";
font-size:   18px;

}

span.t3_link3 {
position:absolute;
color:blue;
left:20em;
font-family: "Lucinda Bright";
font-size:   18px;

}


span.t3_link4 {
position:absolute;
color:blue;
left:30em;
font-family: "Lucinda Bright";
font-size:   18px;

}


span.t3_link5 {
position:absolute;
color:blue;
left:40em;
font-family: "Lucinda Bright";
font-size:   18px;

}


span.t3_link6 {
position:absolute;
color:blue;
left:52em;
font-family: "Lucinda Bright";
font-size:   18px;

}


p.child {
background-color: inherit;
width:inherit;
padding:inherit;
text-align:center;
font-size:inherit;
line-height:inherit;
}




span.white_text { 
color:white;
}
td.yellow_text{
color:yellow;
background:#6495ED;
}

p.yellow_text{
color:yellow;
background:#6495ED;
}

td.brown_text{
color:brown;
background:#FFEBCD;
align:left;
width:100;
}

/* milestones */
table.milestone{
border: 1px, solid;
cellspacing:0px;
cellpadding:4px;
}
td.header{
background-color:#6495ED; 
color:white;
font-family:Georgia;
font-size:12pt;
font-weight:bold;
}
tr.data{
background-color:#6495ED; 
font-family:Georgia;
font-size:12pt;
}
div.wrap_get_milestones {
top:1em;
left:1em;


}
d
span.orange {
position:relative;
color:white;
background:orange;
}

div.milestone_entry {
visibility: hidden;
display: none;
}

h3 {
font-family: "Lucinda Bright";
font-size:   33px;
color:6495ED;
}

/* journal */
p.journal {
font-family: "Georgia";
font-size: 12pt;
background: inherit;
}
span.journal {
font-family: "Georgia";
font-size: 10pt;
background: inherit;
}
div.quote {
font-family: "Georgia";
font-size: 12pt;
font-style:italic;
background: inherit;
}
p.quote-author {
font-family: "Georgia";
font-size: 12pt;
font-style:italic;
padding-left:20px;
background: inherit;
}
/*p.journal:first-letter {font-size: 125%;}*/
}
div.create_entry {
/*position:absolute;*/
top:6em;
border:1px solid #999;
padding:10px;
width:40%;
}

div.add_pic_to_chap {
/*position:absolute;*/
top:2em;
left:45%;
border:1px solid #999;
padding:10px;
}

div.selected_image {
/*position:absolute;*/

}

div.chapter_name {
position:relative;
/*border:1px solid #999;
padding-bottom:10px;
padding-left:5px;*/
}

div.chapter_name:first-letter{font-size: 200%;}
textarea.entry_area {
font-family: "Lucinda Bright";

}


/* quotes */
div.select_quote {
top:2em;
right:42%;
}

div.or_divider{
top:2em;
right:40%;

}

div.add_quote {
top:2em;
left:62%;
}

div.current_quote {
border:1px dashed #999;
border-color:blue;
padding:10px;

}

div.future_quote {
border:1px dashed #999;
border-color:#6495ED;
padding:10px;


}

/* gallery */
div.selected_picture {


}
div.picture_admin_section {

left:60%;
}
div.add_comments {

top:2em;
left:80%;
}

div.gallery_wrapper_wrapper{
}
div.gallery_wrapper{
overflow-x: auto;
overflow-y: hidden;
height:115px;
width:600px;
}
div.gallery_images {

overflow: scroll;
width: 600px;
height: 125px;
}


/* ORIGINAL
div.gallery_wrapper_wrapper{
top:41em;
width:90%;
}
div.gallery_wrapper{


overflow: scroll;
overflow-y: hidden;
height:115px;
}
div.gallery_images {

width: 8000px;
}
*/

div.left_arrow {

top:40em;

}

div.right_arrow {

}

div.comments {

top:34em;
left:60%;
}
#red_eye{

}

span.gallery_delete {

left:60%;
}
/* title! */
span.title {
font-family: "Lucinda Bright";
font-size:   33px;
color:6495ED;
}
/** from 37 signals **/
/** general **/



/* Outer bounding box for all pages */
#Frame {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:726px;
	text-align:left; }

#Framewide {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:870px;
	text-align:left; }
#HomeFramewide {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:840px;
	text-align:left; }	
/***************************************************
PRICE COMPARE CHART
***************************************************/

div.tableholder {
  margin: 15px 0;
  padding: 0px;
  border: 10px solid #ccc;
}

div.tableholder p {
  margin: 0 0 15px 0;
}

table.pricecompare {
  width: 100%;
  margin-bottom: 10px;
}

table.pricecompare th, table.pricecompare th.bc {
	font-size: 11px;
	font-weight: normal;
	padding: 3px 5px 3px 5px;
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid #999;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
}

table.pricecompare th.bc {
	font-size: 12px;
}

table.pricecompare th.details {
	font-size: 11px;
	color: #f00;
	text-align: right;
	padding-right: 3px;
	font-weight: normal;
	border-left: none;
}

table.pricecompare th.bc {
	font-size: 12px;
	font-weight: bold;
  background: #ffc;
}

table.pricecompare td.item {
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

table.pricecompare td.permonth {
  border-bottom: 1px solid #000;
  background-color: #f5f5f5;
  color: #999;
  font-size: 10px;
  padding: 2px;
}

table.pricecompare td {
	border-bottom: 1px solid #E3DFDF;
	padding: 3px;
	font-size: 12px;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	text-align: center;
}

table.pricecompare td.bc {
	border-bottom: 1px solid #E3DFDF;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffc;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	text-align: center;
}

table.pricecompare td.footer {
  border: none;
  text-align: right;
  font-size: 9px;
  color: #999;
}

/***************************************************
SIGNUP CHART
***************************************************/
table.signup th{
font-family: Georgia;
font-weight:normal;
text-align:left;
}
fieldset {
font-family: Georgia;

}
fieldset p{
font-family: Georgia;
font-weight:normal;

}


fieldset.wonderyears {
font-family: Georgia;

}
fieldset.wonderyears p{
font-family: Georgia;
font-weight:normal;

}

/***************************************************
2-COLUMN BOX
***************************************************/
img.floatRight { float: right;
margin: 4px; }
/* 2-Column box with gray sides and open top */
.TwoColBox {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	
	border-right: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc; */}
.TwoColBoxNoBorder {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	
	/*border-bottom: 1px solid #ccc; */}
/* 2-Column box with gray sides all around */
.TwoColClosedBox {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #ccc; }
	
/* Left Column for equal column layout style */
.TwoColHalfLeft {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 20px;
	text-align: center;
	width: 45%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 45%; }
	
html>body .TwoColHalfLeft { width:45%; }

/* Right Column for equal column layout style */
.TwoColHalfRight {
	float: right;
	margin: 20px 0px 20px 20px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	text-align: center;
	width: 45%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 45%; }

html>body .TwoColHalfRight { width:45%; }

/* Right Column for equal column layout style */
.OneCol {
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%; }

/* Left side text */
.TwoColClosedText {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 20px;
	width: 461px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 461px; }
	
html>body .TwoColClosedText { width:441px; }

/* Left side text */
.TwoColText {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 20px;
	width: 461px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 441px; }
	
html>body .TwoColText { width:441px; }

.TwoColText h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000; }
.EntryColumn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 290px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 290px; }
	
html>body .EntryColumn { width:290px; }
.EntryColumn h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000; }

.GalleryImageColumn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 400px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 400px; }
	
html>body .GalleryImageColumn { width:400px; }

.ProductImageColumn {
	float: right;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 320px; }

html>body .ProductImageColumn { width:320px; }
/* Right side text */
.TwoColClosedSidebar {
	float: right;
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	width: 240px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px; }

html>body .TwoColClosedSidebar { width:200px; }

/* Right side text */
.TwoColSidebar {
	float: right;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	width: 440px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 440px; }

html>body .TwoColSidebar { width:440px; }

/* Right side image column */
.ImageColumn {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	width: 350px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px; }

html>body .ImageColumn { width:360px; }

/* Right side image column */
.RightColumnNoBorder {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	width: 350px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px; }

html>body .RightColumnNoBorder { width:360px; }

.JournalImageColumn {
	float: right;
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	width: 400px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 400px; }

html>body .JournalImageColumn { width:400px; }
/*
fieldset {
	padding: 12px;
	margin-bottom: 25px;
	border: 1px solid #dcdcdc;
	border-top: 1px solid blue;
}

fieldset.final {
	padding: 10px;
	margin-bottom: 0px;
	background-color: #caebfc;
	border: 5px solid blue;
}

fieldset p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #333;
}

fieldset.final p {
	color: #000;
}

fieldset legend {
	font-size: 12px;
	font-weight: bold;
	color: blue;
	padding: 0 5px;
}

fieldset legend span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
}

fieldset p {
	font-size: 12px;
	line-height: 15px;
	color: #222;
	margin: 0 0 10px 0;
	padding: 0;
}

fieldset input {
	padding: 3px;
	margin-bottom: 4px;
}

fieldset input.big {
	font-size: 16px;
	font-weight: bold;
}

fieldset small {
	font-size: 10px;
	line-height: 13px;
	color: #999;
}

fieldset hr {
	margin: 20px 0;
}

fieldset h3 {
	font-size: 12px;
	margin-bottom: 1px;
}

fieldset table th {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
}

fieldset table td {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}*/


/**** FROM CLAUDIA *****/
/* 2-Column box with gray sides and open top */
.TwoColHomeBox {
	margin: 3px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	/*border-bottom: 1px solid #ccc; */}
.left_column {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 290px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 290px; }
html>body .left_column { width:420px; }	
.right_column {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	width: 380px;
	voice-family: "\"}\"";
	voice-family: inherit;
	}

html>body .right_column { width:300px; }
borderline { font-size:6px;background-color: #CCCCCC;  font-weight: bold; color:#CCCCCC; font-family: garamond, times, serif}
.snag {  font-size 50px; font-weight: bold; /*color: #FF9900;*/ font-family: garamond, times, serif; float: right;}
.try4free { font-size:22px; weight:bold; color:#6495ED; line-height:1.05; font-family: "Georgia",serif;margin-top:10px;margin-bottom:10px;}

.site { background-color: #fffff; font-size: 32px; font-weight: bold; color:#3366CC; font-family: "Georgia" times, serif; margin-top: 0px; margin-bottom:0px;line-height:1.05;}
.onesite { background-color: #fffff; font-size: 28px; color: #6495ED; font-weight: bold;font-family: "Georgia", times, serif; margin-bottom:10px;}
.text { background-color: #fffff; font-size: 14px;  font-family: "Georgia", times, serif;}
.onebook { background-color: #fffff; font-size: 28px; color: #6495ED; font-weight: bold; font-family: "Georgia", times, serif; margin-bottom:5px;margin-top:10px;}
.book  { font-size: 52px; font-weight: bold; color:"black"; font-family: "Georgia", times, serif; background-color: #fffff;}
.content {font-size: 10px; font-weight: bold; color: "black"; font-family: "Georgia", times, serif;}
.story { font-size: 52px; font-weight: bold;background-color: #fffff;  color: "black"; font-family: "georgia", times, serif; background-color: #fffff; }
.moretext { background-color: #fffff; font-size: 14px; font-family: "Georgia" Aria, Verdana, Sans-serif;margin-top:10px;}
.flashtext { background-color: #fffff; font-size: 14px; font-family: "Georgia" Aria, Verdana, Sans-serif;margin-top:10px;color:#6495ED;}
.flash_error_text { background-color: #fffff; font-size: 14px; font-family: "Georgia" Aria, Verdana, Sans-serif;margin-bottom:1px;margin-top:1px;color:RED;line-height: 14px;}
.yourstory {background-color: #fffff; font-size: 28px; font-weight: bold;color: #6495ED; font-family: "Georgia", times, serif;margin-bottom:10px;margin-top:10px;}
.evenmoretext { background-color: #fffff; font-size: 14px; font-family: "Georgia" Aria, Verdana, Sans-serif;}
.homeheader { background-color: #fffff; font-size: 20px; color: #6495ED;font-weight: bold; font-family: "georgia", times, serif;margin-bottom:10px;}
.homeheader_large { background-color: #fffff; font-size: 32px; font-weight: bold;color:#6495ED; font-family: "Georgia",times, serif;margin-bottom:10px;margin-top:30px;}
.lainey {  background-color:#87CEFA; height:335px}
.company { background color:white;font-size:14px; font-weight: bold; color:#87CEFA; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif}
.home { color: grey; font-family:Georgia;font-size:11pt;}
.home:link { color: #999999;/*grey*/ }
.home:visited { color: #999999;/*grey*/ }
.home:hover { color: #6495ED;}

.small_home { color: grey; font-family:Georgia;font-size:8pt;}
.home:link { color: #999999;/*grey*/ }
.home:visited { color: #999999;/*grey*/ }
.home:hover { color: #6495ED;}

.text_header{ color: black; font-family:Georgia;font-size:18pt;}
.text_med_header{ color: black; font-family:Georgia;font-size:16pt;}
.text_med_header_pink{ color: #FF66FF; font-family:Georgia;font-size:16pt;}
.text_med_header_blue{ color: #6495ED; font-family:Georgia;font-size:16pt;}
.sub_text_header{ color: #6495ED; font-family:Georgia;font-size:12pt;}
.sub_text_header_black{ color: black; font-family:Georgia;font-size:12pt;}
.small_text_black{ color: black; font-family:Georgia;font-size:10pt;}
.small_text { color: black; font-family:Georgia;font-size:10pt;}
.center_text_header{ color: black; font-family:Georgia;font-size:24pt;text-align:center}
.huge_text_header{ color: black; font-family:Georgia;font-size:40pt;}
.text_button { color: blue; font-family:Georgia;font-size:17pt;}
.text_button:link { color: blue; }
.text_button:visited { color: blue; }
.text_button:hover { color: grey; }

.large_text_button_fut { color: blue; font-family:Futura Lt BT, sans-serif;font-size:16pt;}
.large_text_button_fut:link { color: blue; text-decoration:underline;}
.large_text_button_fut:visited { color: blue; text-decoration:underline; }
.large_text_button_fut:hover { color: grey; }

.text_button_fut { color: blue; font-family:Futura Lt BT, sans-serif;font-size:12pt;}
.text_button_fut:link { color: blue; text-decoration:underline;}
.text_button_fut:visited { color: blue; text-decoration:underline; }
.text_button_fut:hover { color: grey; }

.sub_text_button_fut { color: blue; font-family:Futura Lt BT, sans-serif;font-size:11pt;}
.sub_text_button_fut:link { color: blue; text-decoration:underline;}
.sub_text_button_fut:visited { color: blue; text-decoration:underline; }
.sub_text_button_fut:hover { color: grey; }

.sub_text_button { color: blue; font-family:Georgia;font-size:12pt;}
.sub_text_button:link { color: blue; }
.sub_text_button:visited { color: blue; }
.sub_text_button:hover { color: grey; }


.sub_sub_text_button { color: blue; font-family:Georgia;font-size:10pt;}
.sub_sub_text_button:link { color: blue; }
.sub_sub_text_button:visited { color: blue; }
.sub_sub_text_button:hover { color: grey; }

.yellow_text_button { color: yellow; font-family:Georgia;font-size:12pt;}
.yellow_text_button:link { color: yellow; }
.yellow_text_button:visited { color: yellow; }
.yellow_text_button:hover { color: grey; }

.green_text_button { color: green; font-family:Georgia;font-size:12pt;}
.green_text_button:link { color: green; }
.green_text_button:visited { color: green; }
.green_text_button:hover { color: grey; }


.red_text_button { color: red; font-family:Georgia;font-size:12pt;}
.red_text_button:link { color: red; }
.red_text_button:visited { color: red; }
.red_text_button:hover { color: grey; }

.home_header_pink {color: #FF66FF; font-family:Georgia;font-size:13pt; text-align:center; font-weight:bold;}
.home_header_blue {color: #6495ED; font-family:Georgia;font-size:13pt; text-align:center; font-weight:bold;}
p.home_text {color: black; font-family:Georgia;font-size:10pt; text-align:center; line-height:1.05; margin-top:0.2; margin-bottom:0; }
p.home_text2 {color: black; font-family:Georgia;font-size:12pt; text-align:center; line-height:1.05; margin-top:0.2; margin-bottom:0; }
p.home_text3 {color: black; font-family:Georgia;font-size:16pt; text-align:center; line-height:1.05; margin-top:0.2; margin-bottom:0; }
.home_text_large {color: pink; font-family:Georgia;font-size:13pt;}
.large_text {color: black; font-family:Georgia;font-size:18pt;}
.large_text_school_home {color: black; font-family:Georgia;font-size:18pt;line-height:1.05;}
.medium_text {color: black; font-family:Georgia;font-size:14pt;}
.small_text {color: black; font-family:Georgia;font-size:10pt;} 
.large_text_fut {color: black; font-family:Futura Lt BT, sans-serif; font-size:12pt;}
.medium_text_fut {color: black; font-family:Futura Lt BT, sans-serif; font-size:10pt;}
.small_text_fut {color: black; font-family:Futura Lt BT, sans-serif; font-size:8pt;}
.current_wizard_step {color:blue;}
.home_large_blue_text {color:#0858f8; font-size:14pt;font-family: Times}
.home_large_black_text {font-size:14pt;font-family: Times}
.align_left {text-align:left;}
p.orders { background-color: #fffff; font-size: 14px; font-family: "Georgia" Aria, Verdana, Sans-serif;line-height:.5;}

.TwoColHeaderBox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	/*border-bottom: 1px solid #ccc; */}
.header_right {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 350px;
	/*border: 1px dotted #ccc;*/
	text-align: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px; }

html>body .header_right { width:350px; }	
.header_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 420px;
	/*border: 1px dotted #ccc;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 420px; }
	
html>body .header_left { width:420px; }	
/* Right side image column */
.ImageUpload {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	width: 350px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 350px; }

html>body .ImageUpload { width:360px; }
/*** FAMILY TREE ***/
.mothers_side {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 20px;
	width: 360px;
	font-family:Georgia;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 360px; }
	
html>body .left_column { width:360px; }	
.fathers_side {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	border-left: 1px dotted #ccc;
	font-family:Georgia;
	width: 360px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 360px; }

html>body .right_column { width:360px; }
/*** INTRO DUCTION ***/
.TwoColSimpleBox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width:760px;
	}
.left_plain {
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Georgia;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 340px; }
	
html>body .left_plain { width:340px; }	
.right_plain {
	float: right;	
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-family:Georgia;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 380px; }

html>body .right_plain { width:380px; }

/********
Table of Contents 
********/
.standard {color: black; font-family:Futura Lt BT, sans-serif; font-size:18pt;}
.criterium {color: black; font-family:Futura Lt BT, sans-serif; font-size:18pt;}
.sub_criterion {color: black; font-family:Futura Lt BT, sans-serif; font-size:16pt;}
.evidence{ margin-left:1.5em; padding-left: .25em; background-color: 6495ED; color:white;}
/****PAGINATION****/

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

span.e_m{
	padding-right:6px;
	padding-left:6px;	
}


table.perf
{
    border-color: #600;
    border-width: 1 1 1px 1px;
    border-style: solid;
    border-collapse: collapse;
}

td.perf
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
}

td.perf_head
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
    text-align:center;
    font-weight: bold; 
}

td.perf_im
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    background-color: #FFC;
    text-align:center;
}

td.perf_stnd
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #ababe7;
}

td.perf_count
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    font-size: 18;
    background-color: #FFC;
    text-align:center; 
}

p.pricing { background-color: #fffff; font-size: 16px; color: #ffcc33;font-weight: bold;}
a.signup {font-size: 16px; color: #ffcc33;font-weight: bold;}
td.signup {   font-family:Futura Lt BT, sans-serif; margin: 4px; padding: 8px;}
p.warning {background-color: #ffcc33;}

table.sub_table
{ width: 580px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }

th.sub_table
{ background-color: #dbe0f9;
border: 1px #dbe0f9 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }

td.sub_table
{ border-bottom: 1px #6699CC dotted;
text-align: left;
border: 1px #dbe0f9 solid;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 2px; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}