@charset "UTF-8";

/* Redefs */

.b { border: 1px solid red; }

body {
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	background:#CDC8BF;
	margin:0;
	padding:0;
	color:#746B55;
	background-image: url(/images/background-1.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

a {
	text-decoration: none;
	color: #0060AE;
}

a:visited {
	text-decoration: none;
	color: #0060AE;
}

a:hover {
	background-color: #CDC8BF;
	text-decoration:underline;
}

a:hover img {
	background-color: transparent;
	text-decoration: none;
}

em {
	font-weight: bold;
	font-style: normal;
}

b {
	color: #F47920;
	font-weight: normal;
}

select {
		font-size: 14px;
		padding: 4px;
		border:1px solid #ccc
	}
	

p {
	font-size: 12px;
	font-weight: normal;
	color: #746B55;
	line-height:1.4em;
}

h1 {
	font-size: 16px;
	text-align: center;
	color: #584f3a;
}

h2 {
	font-weight: bold;
	font-size: 13px;	
}
h3 {
	font-weight: bold;
	font-size: 15px;	
	
}
	

ul{ margin: 0; padding: 0; }
li {
	
	background: url("/images/bullet.gif") no-repeat 0 4px;
	padding: 5px 0 5px 27px; margin:0 0 5px 0;
	list-style: none; 
}


/*********************************/

.right{ float: right; }
.left{ float: left; }
.clear_floats{ clear: both; line-height: 1px; height: 1px; font-size: 1px; overflow: hidden; }

/* Layout elements (mostly divs) */

#inner {
	width: 981px;
	padding: 0px;
	margin-top: -13px;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	background-repeat: repeat-y;
	position: relative;
}

#envelope {
	background-image: url(/images/background-envelope.gif);
	background-repeat: no-repeat;	
	padding-left: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 210px;
}

#small_envelope {
	background-image: url(/images/background-envelope-small.gif);
	background-repeat: no-repeat;	
	padding-left: 80px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 100px;
}


.left_col {	
	width: 400px;
}

.right_col {
	width: 400px;
	float: right;
	
}

.right_picture {
	width: 200px;
	float: right;
	text-align: right;
	margin-right: 50px;
}

.button_box {
	text-align: center;
}

.button_in_box {
	display: block;
	margin-left; 100px;
}

.text_box {
	border: thin solid #F47920;
	padding: 10px;
	width: 200px;
	text-align: left;
	margin-left: 90px;
	margin-top: 20px;
}

.text_box300 {
	border: thin solid #F47920;
	padding-left: 10px;
	padding-right: 10px;
	width: 300px;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;	
}

*html .right_text{ margin-right: 50px; }


#menu {
	margin-left: 90px;
	padding-top: 0px;
	height: 95px;
	z-index: 2;
}

#menu table {
	text-align: center;
	font-size: 10px;

}

#menu .current_menu {
	color: #F47920;
	font-size: 9px;
	font-style: bold;
}


#existing_user {
	font-size: 12px;
}

#left_buttons {
	position: absolute;
	left: 30px;
	top: 180px;
	z-index: 2;
}

#wrap_around_left_buttons {
	margin-left: 150px;
}

#right_buttons {
	position: absolute;
	left: 770px;
	top: 180px;
	z-index: 2;
}


#under_menu {
	position: absolute;
	top: 90px;
	left: 400px;
	height: 100px;
	width: 510px;
	z-index: 2;
}


#main_page {
	position: absolute;
	top: 180px;
	left: 80px;
	padding-top: 6px;
	margin-top: 13px;
	background-repeat: no-repeat;	
	padding-left: 0px;
	width: 820px;
	text-align: left;
}

#flash {
	text-align: right;
	color: black;
	font-weight: bold;
	border: thin solid #746B55 ;
	padding: 5px;
	width: 290px;
	margin-left: 210px;
	background-color: #FFFACD;
}

#body_message {
	color: red;
	border: thin solid #746B55 ;
	padding: 5px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #FFFACD;	
}

#error_flash {
	text-align: right;
	color: red;
	font-weight: bold;
	border: thin solid #746B55 ;
	padding: 5px;
	width: 290px;
	margin-left: 210px;
	background-color: #FFFACD;
}

#creditcard_errors {
	background-color: #FFFFFF;
	width: 500;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: red;
}

#footer {
	position: relative;
	line-height: 2.5em;
	font-size: 10px;
}

#message_table {

}

.message_row {
		border: solid thin #CCC;
}

.small-icon {
	vertical-align: middle;
	padding-right: 10px;
}

.back_to_questions {
	text-align: right;
	
}

#children {
        font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
        font-size: 25px;
}

#children input {
        font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
        font-size: 25px;

}


/*********************************/


/* Home Page */

#home_bigtext {
   margin-left: 560px;
	font-size: 22px;
	width: 270px;
   height:240px;
	text-align: right;
	color: #746B55;
	position:relative; top: -65px;
	margin-bottom: 210px;
}


#home2_underbigtext {
	font-size: 16px;
	width: 500px;
	text-align: center;
	color: #746B55;
	position:relative; left: 375px; top: -200px;
	margin-bottom: 210px;
	padding: 6px;
	border: thin solid #F47920;		
}

#home2_rightbox {
	position: absolute;
	left: 670px;
	top: 50px;
	width: 140px;
	padding: 10px;	
}

#home2_bigtext {
		font-size: 16px;
		width: 400px;
		text-align: left;
		color: #746B55;
		position:relative; left: 375px;
		margin-bottom: 210px;
}

#home2_bigtext h1 {
		font-size: 16px;
		width: 400px;
		text-align: left;
		color: #746B55;
}

#parents_web_watch {
	width: 400px;
	position: relative;
	left: 420px;
	top: 30px;
	
}
	


#homeimage {
	position: absolute;
	z-index: 0;	
	width: 856px;
	height: 569px;
	top: 80px;
	left: 63px;
}

#home_boxes {
	
}

.home_box {
	float: left;
	background-image: url(/images/home-box.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 159px;
	padding: 5px;
}

.home_box_button {
	margin-top: 5px;
	margin-left: 5px;
	display: block;
}

.home_box_text {
	margin-left: 50px;
	width: 185px;
	height: 120px;
	margin-top: 2px;
	font-size: 10px;
	color: #352D1E;
}

#explain_form { 
	margin-top: 30px;
}

#flash_tutorial {
	margin-left: 30px;
	width: 750px; 
	border: thin solid #F47920;

}


/*********************************/

/* Forms */

.form_1 {
	background-color: #e8e5e0;
	border: thin solid #746B55;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}

.field_explanation {
	font-size: 10px;
	width: 250px;
	text-align: left;
	margin-top: 5px;
}

.field_explanation_wide {
	font-size: 10px;
	width: 400px;
	text-align: left;
	margin-top: 5px;
	
}

.form_1 td {
	vertical-align: top;
}

.form_1 label {
	font-size: 14px;
	color: #F47920;
	font-weight: normal;
	margin-left: 10px;
	padding-right: 20px;
}

.form_1 input {
	font-size: 14px;
	padding: 4px;
	text-align: left;
}

#form_errors {
	background-color: #FFFFFF;
	width: 600;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.errorExplanation {
	font-size: 10px;
	color: red;
}

.field_label {
	text-align: right;
	margin-top: 10px;
}

.field_label_left {
	text-align: left;
	margin-top: 10px;
}

.sub_label {
	text-align: right;
	margin-top: 10px;
	margin-right: 20px;
	font-style: italic;
}

.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #ffdfdf;
}

.validation-error {
	font-size: 12px;
	color: red;
	font-style: normal;
	margin-left: 20;
	margin-top: -20px;
}


.cc_type_label {
	float: left;
	color: #746B55;
	padding: 3px;
	
}



/*********************************/


.pop {
	position: relative; 
	background-color: #FFF; 
	border: solid thin #000; 
	margin: 0px;
	padding: 10px;
	margin-top: 10px;
}

#footer ul {
	float:left;
	margin-left: 0;
	margin-right:-50px;
	padding-left: 70px;
}

#footer li{ float: left; padding: 0 0 0 15px; margin: 0; background: url("/images/bullet-tiny.gif") no-repeat left; width: 180px; }


#footer table {
	width: 100%;
	text-align: left;
}

/**** forums *****/

table.wide {	width:100%; }

#forums table tr th
{
	background:#333;
	color:white;
	padding:3px 10px;
	border:1px solid #222;
}
#forums table tr td
{
	padding:7px;
	border:1px solid #ddd;
}

/* topics */

#forum_description,
#topic_body
{
  width:99%;
}

/* specific table styles */

table.forums,
table.topics
 {  }
table.forums tr th {  }
table.forums tr td .title {
	}

table.forums tr td .desc {
margin:0.5em 0;	
}
table.forums tr td
{
	padding:4px 15px;
}


table.forums .posts
{
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	color:#666;

}

table tr th.la { 	text-align:left; }
table tr td.ca { 	text-align:center; }
table tr td.inv { background:#eee; }
table tr td.vat { vertical-align:top; }

table tr td.narrow { padding:2px 5px;}

/* users */

a.admin
{
}

/* last post */
table tr td.lp {

	color:#333; }
table tr td.lp span { color:#666; }
table tr td.lp span a { color:#369; }

table.topics tr td.c1
 {	border-right:0; padding-right:2px; }
 table.topics tr td.c2
  {	border-left:0; padding-left:2px; }


table.topics tr td.c3 { border-left:0; }

table.forums tr td.c1 {	border-right:0; padding-right:5px; padding-top:7px; }
table.forums tr td.c2 {	border-width:1px 0; padding-left:5px; }
table.forums tr td.c3 {	border-left:0; padding-left:5px; }


table.topics tr td.c2 small a,
table.topics tr td.stat {  }

table.topics tr td .flag {
  background:#333;
  color:white;
  padding:1px 5px;
  margin-right:0.5em; }

/* misc */

.button_or
{
  color:#666;
  padding-left:0.5em;
}


form.dialog
{
	margin-top:3em;
	background:#eee;
	width:300px;
	padding:15px;
}

form .entryhelp
{
  font-size:0.7em;
}

form .help
{
	font-size:0.8em;
}

span.arrow
{
	font-weight:normal;
	font-size:0.9em;
	color:#999;
}

div.stats
{
	margin-top:2em;
	background:#ded;
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding:15px 15px;
	border:2px solid #393;
	border-width:1px 0;
}
div.stats .posts { float:right; text-align:right; }

/* breadcrumbs */

.crumbs
{
	font-weight: bold;
}

/* posts */

table.posts
{
	border-bottom:2px solid #eee;
}

table.posts tr td
{
	border:0;
}
table.posts tr.spacer td
{
	font-size:1px;
}



.post .author img {
	float:left; 
	margin-right:0.5em;
	}
.post .author
{
	border-top:2px solid #eee;
	padding:5px 10px;
	background:#eee;
	font-weight:bold;
	color:#333;

	min-height:32px;
	width:10em;
	min-width:8em;
	vertical-align:top;
}

.post .author .posts,
.post .author .admin
{
	display:block;

	color:black;
	color:#666;
}


.post .date
{
	color:#666;
	font-weight:normal;
	margin-bottom:0.5em;
}

.posts .post .body
{
	border-top:2px solid #eee;

	padding:10px 20px;
}

.posts .post .body blockquote
{
	border:1px solid #cda;
	border-left:3px solid #9a7;
	border-right:0;
	background:#efc;
	padding:1px 10px;
	margin-left:0;
}

.posts .post .body pre
{
	background:#eee;
	padding:5px 10px;
	border:1px solid #ccc;
	border-left:3px solid #ddd;
	border-right:0;
	overflow:auto;
	font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif;
}

.posts .post .body blockquote p
{
	margin:0.5em 0;	
}

.post .body p.topic
{
 
  font-weight:bold;
  background:#eee;
  padding:2px 10px;
}


/**************/

/* Children */

#children {
	font-family: "Comic Sans MS", "Sans Serif";
	font-size: 20px;
}

#children h1 {
	font-size: 24px;
}

#children input {
	font-family: "Comic Sans MS", "Sans Serif";
	font-size: 20px;
}