/********* BASE BOX STYLE ********/

/* heading block */
.tr{	background-repeat: no-repeat;
	background-position: top right;
	text-align: center;
}
.tl{	background-repeat: no-repeat;
}

.l{	background-repeat: repeat-y;
	background-position: top left;
}

/* content block */
.r{	background-repeat: repeat-y;
	background-position: top right;
}

.bl{	background-repeat: repeat-y;
	background-position: bottom left;
}

.br{	background-repeat: repeat-y;
	background-position: bottom right;
}

/* to clear editor heading textares */

.tl textarea,.tr textarea,.l textarea,.r textarea{
	clear: both;
}


/* BASIC STYLES */

.basic_large{
	width: 600px;
}

.basic_large .tr{
	background-image: url(/images_css/basic_curve_620_tr.gif);
	height: 26px;
}

.basic_large .tl{
	background-image: url(/images_css/basic_curve_620_tl.gif);
}

.basic_large .l{
	background-image: url(/images_css/basic_curve_620_l.gif);
}

.basic_large .r{
	background-image: url(/images_css/basic_curve_620_r.gif);
	padding: 8px 20px;
}

.basic_large .bl{
	background-image: url(/images_css/basic_curve_620_bl.gif);
}

.basic_large .br{
	background-image: url(/images_css/basic_curve_620_br.gif);
	height: 26px;
}

/* BASIC MEDIUM  */
.basic_medium{
	width: 400px;
}
.basic_medium .tr{
	background-image: url(/images_css/basic_curve_400_tr.gif);
	height: 26px;
}
.basic_medium .tl{
	background-image: url(/images_css/basic_curve_400_tl.gif);

}

.basic_medium .l{
	background-image: url(/images_css/basic_curve_400_l.gif);
}

.basic_medium .r{
	background-image: url(/images_css/basic_curve_400_r.gif);
	padding: 8px 20px;
}

.basic_medium .bl{
	background-image: url(/images_css/basic_curve_400_bl.gif);
}

.basic_medium .br{
	background-image: url(/images_css/basic_curve_400_br.gif);
	height: 26px;
}

/* BASIC SMALL  */
.basic_small{
	width: 200px;
}
.basic_small .tr{
	background-image: url(/images_css/basic_curve_200_tr.gif);
	height: 26px;
}
.basic_small .tl{
	background-image: url(/images_css/basic_curve_200_tl.gif);
}

.basic_small .l{
	background-image: url(/images_css/basic_curve_200_l.gif);
}

.basic_small .r{
	background-image: url(/images_css/basic_curve_200_r.gif);
	padding: 8px 20px;
}

.basic_small .bl{
	background-image: url(/images_css/basic_curve_200_bl.gif);
}

.basic_small .br{
	background-image: url(/images_css/basic_curve_200_br.gif);
	height: 26px;
}

/* OLD CAMERA */

.old_camera{
	width: 237px;
}

.old_camera .tr{
	height: 26px;
}

.old_camera .tl{
	background-image: url(/images_css/block_old_camera_top.gif);
	padding: 80px 0 5px 0;
}

.old_camera .l{
	background-image: url(/images_css/block_old_camera_middle.gif);
}

.old_camera .r{
	padding: 8px 20px;
}

.old_camera .br{
	height: 26px;
}

.old_camera .bl{
	background-image: url(/images_css/block_old_camera_bottom.gif);
}

/* BIG LENS */

.big_lens{
	width: 237px;
}

.big_lens .tr{
	height: 26px;
}

.big_lens .tl{
	background-image: url(/images_css/block_lens_top.gif);
	padding: 90px 0 0px 0;
}

.big_lens .r{
	background-image: url(/images_css/block_old_camera_middle.gif);
	padding: 8px 20px;
}

.big_lens .br{
	height: 26px;
}

.big_lens .bl{
	background-image: url(/images_css/block_old_camera_bottom.gif);
}


/* FIELD TRIP */

.field_trip{
	width: 237px;
}

.field_trip .tr{
	height: 26px;
}

.field_trip .tl{
	background-image: url(/images_css/field_trip.jpg);
	height: 158px;
	color: #fff;
	font-family: Verdana;
	font-size: 19px;
	font-weight: 700;

}

.field_trip .r{
	border: 1px solid #444;
	border-width: 0 1px 1px 1px;
	padding: 8px 20px;
}

/*********** NAV BACKGROUNDS *************/

#top_nav ul,li{
	margin: 0px; padding: 0px
}

#top_nav li{
	list-style: none;
	display: inline;
	text-align: center;
	line-height: 26px;
	height: 26px;
}

#top_nav li a{
	display: block;
	float: left;
	width: 15%;
	text-decoration: none;
}
#top_nav li span{
	display: block;
	float: left;
	text-decoration: none;
}

/* STRONG INDENT */

.strong_indent ul{
	height: 26px;
	background-position: bottom left;
	background-image: url(/images_css/nav_smooth_strong_indent.gif);
	background-repeat: repeat-x;
}

/* STRONG OUTDENT */

.strong_outdent ul{
	height: 26px;
	background-position: top left;
	background-image: url(/images_css/nav_smooth_strong.gif);
	background-repeat: repeat-x;
}

/* INDENT */

.indent ul{
	height: 26px;
	background-position: bottom left;
	background-image: url(/images_css/nav_indent.gif);
	background-repeat: repeat-x;
}

/* OUTDENT */

.outdent ul{
	height: 26px;
	background-position: top left;
	background-image: url(/images_css/nav_outdent.gif);
	background-repeat: repeat-x;
}