﻿/* --- LAYOUT --- */
html, body
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	/*background-color: #000;*/
	background-color: #F8FBFF;
	text-align: center;
	min-width: 983px;
	height: 100%;
	min-height: 100%;
 } 
	
.clearer { clear: both; }
	
.clearer0 {  line-height: 0px; clear: both; margin : 0px; padding: 0px; border: 0px; }
.clearer_3 {  line-height: 0; clear: both; margin : 0 0 3px 0; padding: 0; border: 0; }
.clearer_5 {  line-height: 0; clear: both; margin : 0 0 5px 0; padding: 0; border: 0; }
.clearer_6 {  line-height: 0; clear: both; margin : 0 0 6px 0; padding: 0; border: 0; }
.clearer_8 {  line-height: 0; clear: both; margin : 0 0 8px 0; padding: 0; border: 0; }
.clearer_9 {  line-height: 0; clear: both; margin : 0 0 9px 0; padding: 0; border: 0; }
.clearer_10 {  line-height: 0; clear: both; margin : 0 0 10px 0; padding: 0; border: 0; }
.clearer_15 {  line-height: 0; clear: both; margin : 0 0 15px 0; padding: 0; border: 0; }
.clearer_20 {  line-height: 0; clear: both; margin : 0 0 20px 0; padding: 0; border: 0; }
.clearer_30 {  line-height: 0; clear: both; margin : 0 0 30px 0; padding: 0; border: 0; }
.clearer_40 {  line-height: 0; clear: both; margin : 0 0 40px 0; padding: 0; border: 0; }

.clearer_100 {  line-height: 0; clear: both; margin : 0 0 100px 0; padding: 0; border: 0; }

.top_2 { margin-top: 2px!important;}
.top_3 { margin-top: 3px!important;}
.top_4 { margin-top: 4px!important;}
.top_5 { margin-top: 5px!important;}
.top_6 { margin-top: 6px!important;}
.top_7 { margin-top: 7px!important;}
.top_8 { margin-top: 8px!important;}
.top_10 { margin-top: 10px!important;}
.top_11 { margin-top: 11px!important;}
.top_12 { margin-top: 12px!important;}
.top_14 { margin-top: 14px!important;}
.top_15 { margin-top: 15px!important;}
.top_18 { margin-top: 18px!important;}
.top_20 { margin-top: 20px!important;}	

.bottom_20 { margin-bottom: 20px!important;}	

.left_2 { margin-left: 2px!important;}
.left_3 { margin-left: 3px!important;}
.left_4 { margin-left: 4px!important;}
.left_5 { margin-left: 5px!important;}
.left_6 { margin-left: 6px!important;}
.left_9 { margin-left: 9px!important;}
.left_10 { margin-left: 10px!important;}
.left_20 { margin-left: 20px!important;}
.left_23 { margin-left: 23px!important;}
.left_50 { margin-left: 50px!important;}

.right_10 { margin-right: 10px!important;}
.right_11 { margin-right: 11px!important;}
.right_12 { margin-right: 12px!important;}
.right_14 { margin-right: 14px!important;}
.right_15 { margin-right: 15px!important;}
.right_16 { margin-right: 16px!important;}
.right_17 { margin-right: 17px!important;}
.right_18 { margin-right: 18px!important;}
.right_20 { margin-right: 20px!important;}

.right_50 { margin-right: 50px!important;}

.siz_11 { font-size: 11px;}
.bold { font-weight: bold;}
 
.pointer { cursor: pointer;}
	
/* reset common styles */
h1,h2,h3,h4,p, form { margin: 0; padding: 0; }
h3 { font-size: 14px; font-weight: 900; }
p { font-size: 12px; }
a { text-decoration: none; }
hr { background: #666; color: #666; height: 1px; width: 517px; margin-left: 15px; }
textarea { font-family: Arial; font-size: 12px; }
	
img { border: 0;}

.fl { float: left; display: inline;}
.fr { float: right; display: inline;}

.center { text-align: center;}

#outer_wrapper
{ 

	width: 983px;
	margin: auto;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #EDECF2;
	border-right: 1px solid #EDECF2;
	min-height: 100%;

}

#top
{ 
	position: relative;
	width: 983px;
	height: 168px;
	text-align: center;

}

#top #navigation
{ 
	position: absolute;
	left: 655px;
	top: 104px;
	width: 298px;
	height: 58px;
}

#top #navigation img
{ 
	float: left;
	display: inline;
}

#main_flash
{ 
	position: relative;
	width: 983px;	
}

#main
{ 
	position: relative;
	width: 983px;
	
}

#main .text_zone
{ 
	position: relative;
	float: left;
	display: inline;
	width: 888px;	
	background-color: #F0F0F0;
	margin-left: 20px;
	padding: 0 20px 20px 20px;	
}

#main .text_zone p
{ 	
	padding: 20px 0px 0px 0px;
	color: #76769C;
	font-size: 16px;
	font-weight: bold;
	float: left;
	display: inline;
}

#main .text_zone a, #main .text_zone a:visited, #main .text_zone a:hover
{ 	
	color: #76769C;
	text-decoration: none;
	cursor:pointer;
}


.width_570
{
		width: 570px;
	}

#main .text_zone p.small
{ 	

	color: #76769C;
	font-size: 14px;

}

p.terms
{ 	
	padding: 20px 34px 20px 0px;
	color: #76769C;
	font-size: 10px;
	font-weight: bold;
	float: right;
	display: inline;
}

p.terms a, p.terms a:visited, p.terms a:hover
{ 	
	color: #76769C;
	text-decoration: none;
	cursor:pointer;
}

#main .text_zone #your_story_form
{ 	
	width: 864px;
	height: 745px;
	border: 1px solid #76759D;
	background-color: #DEDCF1;
	padding: 10px;
}

#main .text_zone #your_story_form label
{ 	
	width: 182px;
	height: 26px;
	float: left;
	display: inline;
	text-align: right;
	color: #7875A0;
	font-weight: bold;
	font-size: 14px;
	margin-right: 4px;
}

#main .text_zone #your_story_form input.textbox1
{ 	
	width: 309px;
	height: 26px;
	border: 1px solid #76759D;
	float: left;
	display: inline;
	margin-bottom: 10px;
}

#main .text_zone #your_story_form .textarea_container
{ 	
	width: 668px;
	height: auto;
	border: 0px solid red;
	float: left;
	display: inline;
}

#main .text_zone #your_story_form .textarea1
{ 	
	width: 666px;
	height: 541px;
	border: 1px solid #76759D;
	float: left;
	display: inline;
}

#main .text_zone #your_story_form .check_box
{ 	
	
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
}


#main .text_zone #your_story_form .check_box input.checkbox1,
#main .text_zone #your_story_form .check_box input
{ 	
	width: 16px;
	height: 16px;
	float: left;
	display: inline;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}

#main .text_zone #your_story_form .check_box p.check
{ 	
	float: left;
	display: inline;
	margin: -3px 0px 0px 0px;
	padding: 0px;
	color: #76759D;
}

#main .text_zone #your_story_form .check_box p.check a
{
	color: #76759D;
	text-decoration: underline;
}

/* colours */

.pink { color: #FC4DC2; }
.pink_bg { background-color: #FC4DC2; }

/*button*/
.btn1 { cursor: pointer; border: 0px; width: 219px; height: 26px; background: url(../images/image_16.gif) no-repeat top left;  }
.btn1:hover { background: url(../images/homeclose5_16.gif) no-repeat top left;  }

.btn2 { cursor: pointer; border: 0px; width: 81px; height: 26px; background: url(../images/tellus_18.gif) no-repeat top left;  }
.btn2:hover { background: url(../images/tellusdown_18.gif) no-repeat top left;  }

.contact_text { font-weight:bold; }
.contact_text .unemph { font-weight: normal;}