/* ---------------------------------------------------
THIS IS THE CSS STYLESHEET FOR STORYTELLINGONLINE.COM
------------------------------------------------------ */


/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	margin:0px; 
	padding:30px;
	background: #FFFEEC url(bg_top2.jpg) top center no-repeat;}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}

H1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-weight: bold;
	color: #800000;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	text-transform: uppercase;
}

H2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	font-weight: bold;
	color: #336699;
	text-transform: uppercase;
}

H3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}




a:link, a:visited{color:#800000;}
a:hover{text-decoration:none;}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */


#container {
	width:905px; 
	margin:0 auto;
	text-align: left;
	background: #EEFAFA;
	padding-bottom: 20px;
	border: 1px solid #E3E3E3;
}


/* ------------------------------
TOP PHOTOBAR STYLES
------------------------------ */

#topphotobar {
	background: #FFFFFF url(topbanner.jpg) no-repeat;
	background-color: transparent;
	height: 201px;
	padding-bottom: 5px;
}


/* ------------------------------
MAIN CONTENT AREA STYLES
------------------------------ */


#main {
	border: 5px solid #FFFFFF;
}


/* ------------------------------
LEFT COLUMN STYLES
------------------------------ */

#column_left {
	width:210px; 
}



/* ------------------------------
MIDDLE COLUMN AND TEMPLATE PAGE STYLES
------------------------------ */

#column_middle {	
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 
	width:88%; 
	padding: 20px;
	margin-left: 10px;
	font-size: 15px;
	line-height: 22px;
	text-align: justify;
	background:#FFFFFF;
	border: 1px solid #E3E3E3;
}

#column_middle_tmp {	
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 
	width:91%; 
	padding: 20px;
	margin-left: 10px;
	font-size: 15px;
	line-height: 22px;
	text-align: justify;
	background:#FFFFFF;
	border: 1px solid #E3E3E3;
}


#tableright {	
	float: right;
	position: relative;
}

#tablerightcell1 {	
	width:10%; 
}

#tablerightcell2 {		
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 
	width:200px; 
	padding: 10px;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	background:#EEFAFA;
	border: 1px solid #E3E3E3;
}

/* ------------------------------
RIGHT COLUMN STYLES
------------------------------ */


#column_right {
	background:#FFFFFF;
	border: 1px solid #E3E3E3;
	width:140px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	line-height: 15px;
	margin-right: 5px;
}

#latestnews {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 17px; 
	font-weight: bold;
	color: #800000;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	padding-top: 8px;
	text-transform: uppercase;
}



/* ------------------------------
BLANK SOACER STYLES
------------------------------ */

div.spacer {
	clear:both; 
	height:10px; 
	display:block;
}


/* ------------------------------
FOOTER TEXT MENU STYLES
------------------------------ */

#page_footer {
	background: #FFFFFF url(bg_footer2.jpg) bottom center repeat;
	background-color: transparent;
	height: 75px;
	width:905px; 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#FFFFFF;
	line-height: 15px;
}

#page_footer a {
	color:#FFFFFF;
}

.imgborder {
	border: 1px solid #dcdcdc;
	padding: 5px;
	margin: 15px;
}

#basicimg {
	border: 0px solid #dcdcdc;
	padding: 0px;
	margin: 0px;
}

#lightboxthumbnail {
	border: 1px solid #dcdcdc;
	padding: 5px;
	margin: 10px;
}



#noborder {
	border: 0px solid #dcdcdc;
	padding: 0px;
	margin: 0px;
}


/* ------------------------------
NEWS SCROLLER STYLE
------------------------------ */

#newstextarea {
	height: 200px;
	width:140px; 
	font-size: 11px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#800000;
	border: 0px;
	padding-top: 5px;
	overflow: hidden
}

/* ------------------------------
MENU STYLES
------------------------------ */

#smallmenutext {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pinsmenu {
	font-weight: bold;
}


/* ------------------------------
SEARCH AND FORM STYLES
------------------------------ */

#cse-search-box {
	padding: 0; margin: 0;		
}



#tbox {
	margin: 2px 0 0 4px; 
	width: 120px;
	background: none;
	border: none;
	color: #000000;
}

#btn {
	position: absolute;
	font: normal 10px Arial, Sans-serif; 
	text-transform: uppercase;
	width: 55px;
	height: 22px;
	margin-top: 3px;
	margin-left: 2px;
	color: #333333;
	background: #C8DBEC;
	border: 1px solid #C0C0C0;
}

#searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding-left: 4px;
	
}

#photogallerywidth {
	width: 630px;
}