﻿/*Teen Style Sheet*/ 

/*Just stuff: gray #f4f4f4  orange #FFECC6  dark orange#ffcc99*  blue #A9D4F2  background: url("../images/stars.jpg"); background-color: transparent;/

   
/*default styles*/

body {padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em; background: #fff; color: #454545;}
a {color: #800000; text-decoration:none;}
a:hover {color: #FE6700; text-decoration:underline;}
a.title {color: #800000; background: #FFF; text-decoration:none;}
h1 {font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0;}
h1 a, h2 a {text-decoration: none;}
h1 a:hover, h2 a:hover {color: #FF6600;	background: #FFF;}
h2 {margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px;}
h2 {font-size: 16px; margin-bottom: 5px; color: #000; background: inherit;}
p {margin: 0 0 5px 0;}
ul {margin: 0; padding : 0;	list-style : none;}
form {margin: 0;}
input.search {width: 199px; border: none; background: url("../testfolder/jennifer/CSS%20tests/test1/input.gif"); padding: 4px;}
input.login {width: 150px; border: none; background: url("../testfolder/jennifer/CSS%20tests/test1/logininput.gif"); padding: 4px;}

/*layout*/

.centerbox {margin: 20px auto auto auto; width: 770px; background-color: #ffffff; border: 5px solid; border-color: #461b5e; padding: 0px 0px 0px 0px;}
.content {margin: 10px auto; width: 750px; background-color: #fff; background: url("") no-repeat;}
.header {width: 750px;}
.top_info {float: right; width: 250px;}
	.top_info_right {float: right; width: 230px; padding: 0 40 0 5px;}
.slogan {font-size: 0.9em; width: 160px;}
.bar {font-size: 1.0em;	height: 30px; border-top: 1px solid #E8A651; padding: 0px 0px 0px 0px; background: #FFF;}
	.bar li {margin: 0; padding: 8px 15px 4px 15px; color: #800000; background: #FFF; float: right;}
	.bar a {font-weight: bold; color: #800000; background: inherit;} 
.search_field {background: #e8a651 url('') no-repeat; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; clear: both; text-align: left; padding-left:3px; padding-right:0; padding-top:10px; padding-bottom:5px; margin: 3px 0 10px 0;}
.subheader {margin: 3px 0 2px 0; padding: 8px; background: #DCF2B8 url('') no-repeat; align: right;	color: #808080;	border-top: 1px solid #9EC068; border-bottom: 1px solid #9EC068; text-align: left;}
.bottom_box {width: 730px; background: #f4f4f4;	color: #000; border: 1px solid #ccc; padding: 10px;}

/*left side*/

.left {float: left;	width: 435px; margin: 0 0 0px 0; font: 1.0em Arial, Sans-Serif;	background-color: #FFF}
	.left_articles {text-align: center;	margin: 0px 30px 20px 0px;}
	.left_links {border: 1px solid #9EC068;	background: #ffffff url('') no-repeat; padding: 8px 0px 20px 0px; margin: 0 0 10px 0;}
	.left_links:hover {border: 0px solid #ccc;}
	.left_message {font: 1em Arial, Sans-Serif;	border: 1px solid #eee;	padding: 10px 10px 10px 10px; margin: 0 0 0px 0; background: #f4f4f4 url('') no-repeat; color: #454545;}
	.left_message:hover {border: 0px solid #ccc;}
		.left_side {float: left; width: 180px; padding: 0 0 0 50px;}
		.right_side {float: left; width: 200px;	border-left: 0px solid #eee; padding: 0px 0px 0px 10px;}
		
/*right side*/
		
.right {float: right; width: 310px;	margin: 3px 0px 10px 0px;}
	.right_login {padding: 10px; margin: 0 0 10px 0; background: #e8a651; border-top: 1px solid #461b5e; border-bottom: 1px solid #461b5e;}
	.right_articles {border: 0px solid #9EC068;	padding: 3px; margin: 10px 5px 10px 0px;}
	.right_articles:hover {border: 0px solid #ccc;}
.image {float: center; margin: 0 9px 3px 0;}

/*footer*/

.footer {clear: both; text-align: center; line-height: 1.8em; color: #808080; background: #FFF;	padding: 0px 0 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer a {color: #9EC068; background: #fff;}
