/* 

Title: Longlife Solutions screen style sheet
Author: Terry Majamaki
Email: design@imaginary-idea.com
Website: http://www.longlifesolutions.net/

Version: 1.3
Modified: March 19, 2006 

*/


html, body {
	margin: 0;
	padding: 0;
	font: 85%/1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background: url(../images/bodybg.png) repeat-y;
}
/* COMMON */
code {
	color: #999;
	font-family: Courier, Monaco, monospace;
	}
abbr, acronym {
	cursor:	help;
	font-style: normal;
	}
em {
	font-style: italic;
	color: #63658B;
	}
strong {
	font-weight: bold;
	color: #1B3F95;
	}
strike {
	text-decoration: line-through;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}
form {
	margin: 0;
	padding: 0;
}
	
/* LINK */
a:link {
	color: #C84D1C;
	text-decoration: none;
	border-bottom: 1px dotted #C84D1C;
	}
a:visited {
	color: #9A2006;
	text-decoration: none;
	border-bottom: 1px solid #9A2006;
	}
a:hover {
	color: #FF6324;
	border-bottom: 1px dotted #FF6324;
	}
a:active {
	color:#9A2006;
	border-bottom: 1px dotted #9A2006;
	}
	
	
#container {
	width: 720px;
}
#sidebar {
	width: 185px;
	border-right: 1px solid #fff;
	float: left;
}
#logo {
	width: 185px;
	height: 346px;
	border-bottom: 1px solid #fff;
}
#menu {
	width: 185px;
}
#menu a {
	color: #fff;
	border: none;
}
#mainMenu {
	width: 185px;
}
#menuList {
  margin: 0px;
  padding: 0px;
}
li.menubar {
	list-style: none;
	background: url(../images/menu.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	color: #fff;
	width: 185px;
	font-size: 90%;
}
.menu {
	display: none;
	padding: 0px;
	margin: 0px;
}
.menu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 185px;
	background: url(../images/submenu.png) no-repeat 0px 0px;
}
a.actuator {
	text-decoration: none;
	color: #fff;
	margin: 0px;
	padding-left: 25px;
	width: 160px;
	display: block;
	height: 40px;
	line-height: 3em;
	border: none;
	font-size: 125%;
	padding-top: 6px;
	font-weight: bold;
	text-transform: uppercase;
}
a.actuator:hover {
	text-decoration: none;
	background: url(../images/menu.png) no-repeat 0px -46px;
	display: block;
}
a.actuator:active {
	text-decoration: none;
	background: url(../images/menu.png) no-repeat 0px -92px;
	display: block;
}
.menu li a {
	text-decoration: none;
	color: #fff;
	height: 25px;
	width: 153px;
	padding-left: 32px;
	display: block;
	font-size: 105%;
	line-height: 2.2em;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
}
.menu li a:hover {
	background: url(../images/submenu.png) no-repeat 0px -25px;
	display: block;
}
.menu li a:active {
	background: url(../images/submenu.png) no-repeat 0px -50px;
	display: block;
}
span.key {
  text-decoration: none;
}
#photo {
	width: 185px;
	height: 72px;
	background: url(../images/sidephoto/rotator.php);
	border-bottom: 1px solid #fff;
}
#csphoto {
	width: 185px;
	height: 72px;
	background: url(../images/csphoto02.jpg);
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#email {
	width: 185px;
	background: #fefceb url(../images/emailfooterbg.png) repeat-x center bottom;
	font-size: 95%;
	color: #333;
}
#email h3 {
	width: 185px;
	height: 27px;
	background: url(../images/emailheaderbg.png);
	font-size: 110%;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 2.2em;
	margin: 0px;
	padding: 0px;
	cursor: default;
}
#email form {
	margin: 0px;
	padding: 5px 5px 12px;
	cursor: default;
}
#email .input {
	width: 165px;
	border: 1px solid #b5e07c;
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn {
	width: 87px;
	cursor: pointer;
	border: none;
}
.submit {
	width: 57px;
	cursor: pointer;
	border: none;
}
ul.listcolumn {
	float: left;
	display: block;
	list-style:circle;
	line-height: 1.8em;
	margin: 0.5em 0 1em;
	width: 140px;
	padding-left: 20px;
}
#email p {
	padding: 0px 5px 12px;
	margin: 0px;
	cursor: default;
}
#body {
	width: 515px;
	float: right;
	background: #fff;
	padding: 10px 0px 0px;
}
#body p {
	padding: 0px 20px 0px 10px;
	font-size: 95%;
	cursor: default;
}
#body h2 {
	font-size: 110%;
	border-bottom: 1px dotted #A1CD66;
	margin-right: 20px;
	margin-left: 10px;
	padding-bottom: 2px;
	text-transform: uppercase;
	color: #507D26;
	background: url(../images/subheader_end.png) no-repeat right -8px;
	padding-top: 5px;
	cursor: default;
}
#body h3 {
	font-size: 105%;
	margin-right: 20px;
	margin-left: 10px;
	color: #132F72;
	cursor: default;
	margin-bottom: 0px;
	padding: 0px;
}
#body h3 em {
	font-weight: normal;
}
.list  ul {
	margin: 0 10px;
	cursor: default;
	padding: 0px;
}
.list li {
	list-style: none;
	background: url(../images/bullet.png) no-repeat;
	padding-left: 28px;
	line-height: 1.6em;
	color: #3C5C1C;
	font-size: 105%;
	display: block;
	float: none;
	cursor: default;
}
.list li:hover {
	color: #6DAA34;
	background: url(../images/bullet_over.png) no-repeat;
}
#footer {
	clear: both;
	margin-left: 185px;
	padding: 20px 30px 0px;
	color: #bcc4dd;
	font-size: 9px;
	text-align: center;
}
#footer a, #footer a:link, #footer a:visited {
	color: #999;
	border-bottom: none;
}
#footer a:hover {
	color: #FF6324;
	border-bottom: 1px dotted #FF6324;
}
#footer a:active {
	color:#9A2006;
	border-bottom: 1px dotted #9A2006;
}
#footer strong {
	color: #63658B;
}
.ingredients {
	padding: 0;
	margin: 0 20px 0 10px;
	font-size: 90%;
	cursor: default;
	line-height: 1.3em;
}
.ingredients th {
	text-align: left;
	border-bottom: 1px dotted #A1CD66;
	color: #507D26;
	padding: 3px;
	font-size: 110%;
}
.ingredients tr td {
	border-bottom: 1px solid #C2CAE3;
	padding: 3px;
	color: #555;
}
.ingredients tr:hover {
	background: #FEFCEB;
}
.ingredients h1 {
	font-size: 140%;
	margin: 0;
	padding: 0 0 2px;
	background: url(none);
	border: none;
}
.ingredients h4 {
	font-size: 120%;
	margin: 0px;
	padding: 0px 0px 2px;
	color: #CE4601;
}
.hide {
	display: none;
}
.float_right {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
}
label {
	width: 130px;
	float: left;
	margin-left: 10px;
	font-size: 95%;
}
input, textarea, select {
	width: 300px;
	font-size: 95%;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #b5e07c;
	color: #555;
	padding: 2px;
}
input.short, select.short {
	width: 120px;
}
input:focus, textarea:focus {
	background: #FEFCEB;
	color: #CE4601;
	font-weight: normal;
	}