/* ------------- "generic" styles */

body {
	
	/*background: #E3EDC2;*/ 
	color: #666666;
	font: small "Lucida Grande", Arial, sans-serif;
	width: 980px;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

li {

	/*line-height: 15x;*/
}

p {
	/*margin: 0 0 0em;*/
}
div {
	/*border: 5px inset red;*/
}

/* ------------- masthead styles */
#page1 			{
	
	float:left;
	padding-left: 145px;
	padding-right: 120px;
	width:980px;
}
#page1, #column2 			{width:240px; float:left; margin:0px 0px 0px 5px;}
#top 			{height:88px}
#top .column1 	{width:511px; float:left}
#top .column2 	{width:226px; float:left}

#flash1 {
	margin-bottom: 0px;
	padding-top: 0px;
	width: 300px;
	height:300px;
	top:215px; 
	margin-left:650px;
	position:absolute;
	clear:right;
	z-index: 1;
	
}

#flash2 {
	margin-bottom: 5px;
	padding-top: 4px;
	width: 580px;
	height:500px;
	top:10px;
	margin-left:50px;
	position:relative;
	clear:left;
	left: 20px;
	
}
#flash3{
	margin-bottom: 5px;
	padding-top: 4px;
	height:500px;
	top:5px;
	margin-left:20px;
	position:relative;
	clear:left;
	left: 20px;
	width: 700px;
	
}
#flash4{
	margin-bottom: 2px;
	padding-top: 2px;
	width: 550px;
	height:195px;
	top:-20px;
	margin-left:25px;
	position:relative;
	/*clear:left;*/
	left: 0px;
	z-index: 20;
}
#flash5{
	margin-bottom: 5px;
	padding-top: 4px;
	/*width: 600x;*/
	height:450px;
	top:5px;
	margin-left:60px;
	position:relative;
	clear:left;
	/*left: 50px;*/
	
}

#Regis_Form form {
	margin: 0;
	padding: .2em .2em .2em .8em;
	margin-bottom: 2px;
	padding-top: 0px;
	padding-right: 50px;
	width: 510px;
	height:350px;
	top:20px;
	margin-left:5px;
	margin-right:40px;
	position:relative;
	left: 5px;
	background-image:   url(../images/Form_Bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;	/*left: 20px;*/
	
}



#regiForm {
	margin: 0; padding: 0.2em;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-right: 60px;
	width: 450px;
	height:415px;
	top:50px;
	margin-left:5px;
	margin-right:60px;
	position:relative;
	left: 20px;
	/*clear:left;*/
	/*left: 20px;*/
	
}

#nav1 {
	position: relative;
	left:0px;
	top:40px;
	width:845px;
	height:40px;
	z-index:6;
	background-image:    url(../images/stretchbar6.jpg); 
	border: 0px none #000000; 
	
}


#masthead {
	margin-bottom: 0px;
	padding-top: 0px;
	background-image: url(../images/Blue_BgHeader.jpg);
	/*background-image: url(file:///C|/ToromeTech0/content1/images/button_torometech0.jpg);*/
	/*background-image: url(../../images/toromeTech_Whole_Top.jpg));*/
	width: 980px;
}

#advert {
	margin-bottom: 0px;
	padding-top: 0px;
	
	/*left:-60px;*/
	top:15px;
	
	/*width: 830px;*/
	width:840px;
	/*top:20px;*/
	position:relative;
	z-index:4;
	/*height: 118px;	*/
}

#homelink {
	display: block;
	margin: 1em 2em 1em; padding: 1em 0 0.1em 1em;
	background: url(../images/curl.gif) 100% 100% no-repeat;
}

#navlinks {
	/*background: #686397;*/
	color: #FFF;
	/*background-color: #000000;*/
}

#navlinks  li {
	display: inline;
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px solid #99C;
	font-variant: small-caps;
	line-height: 4px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#navlinks li.last {
	/*border-right: 0;*/
}

#navlinks a {
	color: #0099FF;
}

#today {
	margin-top: -1.66em; padding: 0 2em 0 0;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	line-height: 1;
}

#navlinks a:link		{
	color: #0099FF;
	text-decoration: none;
	font-size: 1.0em;	
}

#navlinks a:visited	{ color: #0099FF;  text-decoration: none }

#navlinks a:active	{ color: #00CCFF; text-decoration: none }

#navlinks a:hover		{ color: #FFFFFF; text-decoration: none }


/* ------------- main column styles */
/*=========Start of new stuff from corporatestyle===========================*/
.picturecomments{ COLOR: #666666; FONT: 12px geneva, verdana, arial, sans-serif }

.picturehilight	{ COLOR: #3366FF; FONT: bold 13px geneva, verdana, arial, sans-serif}
.picturehilight2{ COLOR: #3366FF; FONT: bold 16px geneva, verdana, arial, sans-serif;font-weight: bold }
.button-popups { 	background-image: url("../images/button5.gif");
		background-color:#2D2D4A;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }

.buttonon-popups { 	background-image: url("../images/button51.gif");
		background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url(../images/shadeform1.gif);
		/*background-image: url(/content1/images/shadeform1.gif);*/
		text-align: left;
		WIDTH: 180px;
		BORDER: #000000 1px solid}
.picturetitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.picturedesc 	{ COLOR: #7D8FB1; FONT: 11px arial, verdana, sans-serif; font-weight: bold }


.button-popups  { background-image: url("../images/button.gif");
		background-color:#FFFFFF;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000066;
		font-size: 8pt;
		height: 20px;
		font-weight: bold;
		text-align: center;
		BORDER: #000066 1px solid }

.buttonon-popups { background-image: url("../images/buttonon.gif");
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #660000;
		}
/*=========end of new stuff from corporatestyle===========================*/

#content {
	/*float: center;*/
	width: 980px;
	/*padding: 0 20em 4em 3em;*/
	background-image: url(../images/Blue_BgContent.jpg);
	/*background-image: url(../images/ToromeBlue_bg_Head.jpg);*/
}
#content_Black {
	/*float: center;*/
	width: 980px;
	/*padding: 0 20em 4em 3em;*/
	background-image: url(../images/Blue_BgContent2.jpg);
	/*background-image: url(../images/ToromeBlue_bg_Head.jpg);*/
}
#content p{
	/*float: centre;*/
	margin: 1em 10em 1em 10em;
	text-align: justify;	/*padding: 5em 5em 5em 5em;*/
	
}

#content p form{
	/*float: centre;*/
	/*margin: 1em 10em 1em 20em;*/
	/*text-align: justify;*/	/*padding: 5em 5em 5em 5em;*/
	
}

.content2{
	margin: 1em 30em 1em 10em;
	padding: 1em 20em 1em 0em;
	text-align: justify;
	/*background-color: #CCCCCC;*/
}
.content3{
	margin: 1em 1em 1em 1em;
	padding: 1em 1em 1em 1em;
	text-align: justify;
	color: #CCCCCC;	
}
.content31{
	margin: 1em 1em 1em 1em;
	padding: 5em 1em 5em 1em;
	text-align: justify;
	color: #FFFFFF;	
}
.content4{
	margin: 1em 0.4em 1em 1em;
	padding: 1em 0.5em 1em 1em;
	text-align: justify;
	color: #666666;	
}
.content_mid{
	margin: 1em 1em 1em 10em;
	padding: 1em 1em 1em 5em;
	text-align: justify;
	color: #666666;	
}
p.content5{
	margin: 0.5em 0.6em 1em 1em;
	padding: 0.5em 0.6em 1em 1em;
	text-align: justify;
	color: #666666;	
}
p.content5_Blank{
	margin: 0.5em 0.6em 1em 1em;
	padding: 0.5em 0.6em 1em 1em;
	text-align: justify;
	color: #CCCCCC;	
}



#content3{
	margin: 1em 10em 1em 15em;
	padding: 1em 10em 1em 15em;
	text-align: justify;
	/*background-color: #CC6600;*/
}
#content3 p form {
	/*margin: 1em 10em 1em 25em;*/
	/*padding: 1em 10em 1em 25em;*/
	text-align: justify;
	background-color: #CC6600;
}

#content4  {
	margin: 1em 10em 1em 10em;
	padding: 1em 10em 1em 10em;
	text-align: justify;
	background-color: #CCCCCC;
}
#content5 {
	margin: 1em 10em 1em 10em;
	padding: 1em 10em 1em 10em;
	text-align: justify;
	color: #666666;	
	/*background-color: #CCCCCC;*/
}
#content6  {
	margin: 1em 10em 1em 10em;
	padding: 1em 10em 1em 10em;
	text-align: justify;
	background-color: #000000;
	}
#TableHolder{
	position:relative;
	 left:10px; 
	 top:15px; 
	 width:764px; 
	 /*height:40px;*/ 
	 z-index:5;
	}
	
#content table {
	/*margin: .5em 1em .5em 1em;*/
	padding: .5em .5em .5em .5em;
	/*background: url(../images/Form_Bg.jpg);*/
	background-repeat: no-repeat;	/*padding: 5em 5em 5em 5em;*/
}

#content h1 {
	color: #FFFFFF;
	font-size: 1.8em;
	margin: 1em 3.1em 0.1em 3.0em;
	padding: 0.0em 3.5em 0.1em 2.9em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	line-height: 30px;
	background-image: url(../images/stretchbar6.jpg);	
}

#content h1 b {
	color: #B0D742;
}

#content h2 {
	margin: 2.2em 20.5em 0.1em 0.5em;
	padding: 0.0em 3.5em 0.1em 2.5em;
	font-size: 1.3em;
	vertical-align: top;
	margin-bottom: 0em;
	padding-bottom: 0em;
	text-decoration: underline;	
}
#content h3 {
	margin: 2.2em 20.5em 0.1em 0.5em;
	padding: 0.0em 3.5em 0.1em 2.5em;
	font-size: 1.2em;
	vertical-align: top;
	margin-bottom: 0em;
	padding-bottom: 0em;
	color: #669999;
	
}
.error	{ color: #FF3300;
			font-size: 0.8em;	
			margin: 0.0em 1.5em 0.0em 1.5em;
	padding: 0.0em 1.5em 0.0em 1.5em;
	vertical-align: middle;
	/*margin-bottom: 0em;*/
	/*padding-bottom: 0em;*/ 
			}
			
.error_big	{ color: #FF3300;
			font-size: 1.2em;	
			margin: 0.0em 1.5em 0.0em 1.5em;
	padding: 0.0em 1.5em 0.0em 1.5em;
	vertical-align: middle;
	/*margin-bottom: 0em;*/
	/*padding-bottom: 0em;*/ 
			}
 
#sidebar h4 {
	margin: 1.0em 2.5em 0.1em 0.5em;
	padding: 0.0em 1.5em 0.1em 2.5em;
	font-size: 1em;
	vertical-align: middle;
	margin-bottom: 0em;
	padding-bottom: 0em;
	color: #CCFFCC;
	}
	
#sidebar a:link{
	color: #CCCCFF;
	text-decoration: none;
	font-size: 1em;	
}

#content4  {
	margin: 1em 10em 1em 10em;
	padding: 1em 10em 1em 10em;
	text-align: justify;
	background-color: #CCCCCC;
}


#content img.illus {
	float: left;
	margin: 1em 1em 1em 0;
	
}

/* ------------- sidebar styles */
#controlPanel {
	font-variant: small-caps;
	float: right;
	/*width: 12em;*/
	width: 150px;
	height: 510px;
	margin: 0 8em 4em 0em;
	z-index: 11;
	top: 25px;
	position: relative;
	background-color: #000000;
	left: 20px;
	/*background-image: url(../images/Nav_Pad3.jpg);*/	
	background: url(../images/panel-bottom.gif) no-repeat 0 bottom;
	background: url(../images/Nav_Pad3.jpg) no-repeat;
}
#controlPanel0 {
	font-variant: small-caps;
	float: right;
	/*width: 12em;*/
	width: 150px;
	height: 550px;
	margin: 0 8em 4em 0em;
	z-index: 11;
	top: 25px;
	position: relative;
	background-color: #000000;
	left: 20px;
	/*background-image: url(../images/Nav_Pad3.jpg);*/	
	background: url(../images/panel-bottom.gif) no-repeat 0 bottom;
	background: url(../images/Nav_Pad4.jpg) no-repeat;
}


#controlPanel form{
	margin: 0; padding: 0.4em;
}
#sidebar {
	font-variant: small-caps;
	float: right;
	/*width: 12em;*/
	width: 150px;
	height: 510px;
	margin: 0 0 4em 18em;
	z-index: 1;
	top: 25px;
	position: relative;
	background-color: #000000;
	left: 75px;
	/*background-image: url(../images/Nav_Pad3.jpg);*/	
	/*background: url(../images/Nav_Pad3.jpg);	*/
	/*background: url(../images/Nav_Pad3.jpg) no-repeat top left;*/	
	/*background: url(../images/header_gluel.jpg) no-repeat top left;*/
}

#sidebar form, #sidebar div h3 {
	/*background: #2C697B;*/
}

#sidebar form {
	/*margin: 0; padding: 0.8em;*/
}

#sidebar form .text {
	/*width: 8em;*/
}

#sidebar div {
	background: #3A3C2D; color: #FFF;
	padding: 0 1em 1em;
	margin-top: 0.75em;
}

#sidebar div h3 {
	font-size: 1.25em;
	margin: 0 -0.8em; padding: 0.4em 0.8em;
	text-transform: lowercase;
}

#tea-of-the-day h4 {
	margin: 0 0 0.5em; padding: 0.5em 0;
	border-bottom: 1px solid #FFF;
	font-weight: normal;
}

#tea-of-the-day p:first-line {
	font-style: italic;
}

#tea-of-the-day img {
	display: block;
	margin: 2em auto 0;
}

#post-archive table {
	margin: 0 auto;
	font-size: smaller;
}

#post-archive caption {
	margin: 0 auto;
	font-size: larger;
	font-weight: bold;
	text-align: center;
}

#sidebar #post-archive h3 {
	margin-bottom: 1em;
}

#post-archive td {
	padding: 0;
	border: 1px solid #787A6B;
	background: #5B5D4E; color: #222;
	text-align: center;
}

#post-archive table a {
	font-weight: bold;
	color: #FFF;
}

/* ------------- footer styles */

#footer {
	width: 980px;
	height: 80px;
	clear: both;
	/*padding: 1.5em 3em;*/
	/*background: #A0C63A;*/
	background-image: url(../images/Blue_BgFooter.jpg);	
	
}

#footer p {
	margin: 0;
}

#footer a {
	color: #333;
	text-decoration: underline;
}