/* -------------------------------------------------------------
	Changing Gear Template
------------------------------------------------------------- */

/* -------------------------------------------------------------
	HTML Tags
------------------------------------------------------------- */

body 
{
	margin:15px 0px;
	padding: 0px; 
}

#changinggear
{
	background-color: #F0EEEB;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
a:link
{ 
	color: #660066; 
}	
a
{ 
	color: ##660066; 
}
.clear 
{
	clear:both;
}

hr
{
	display:none;
}
/* -------------------------------------------------------------
	Template Layout
------------------------------------------------------------- */	
#wrapper {
	margin:0 auto;
	width: 920px;
	position:relative;
	z-index:1;
}
#wrapper_noslogan 
{
	margin:0 auto;
	width: 900px;
	z-index:1;
}
#wrapper_content 
{
	float:left;
	width: 900px;
	position:relative;
}
#slogan
{
	float:left;
	width:20px;
	height:579px;
}
#top 
{
	position:relative;
	width:898px;
	border:1px solid #93877A;
	background:#FFFFFF;
	float:left;
}
.award
{
float: left;
border: 0px;
}
#bottom 
{
	width:900px;
	min-height: 162px;
	clear:both;
	background:#BADEA3;
	margin-top:15px;
	margin-bottom: 15px;
	float:left;
}
#topleftcol, #bottomleftcol
{
	float:left;
	width:299px;
}
#topleftcol a 
{
	color: #C8E4B3;
	text-decoration: none;
}	
#bottomleftcol
{
	width:300px;
}

#toprightcol, #bottomrightcol
{
	float:left;
	width:520px;
	position:relative;
}
#bottomrightcol {
	background:#8D8D8D;


}

#bottomrightcol a{
	text-decoration: none;
}

#topleftcontent {
	width:215px;
	margin-left:43px;
	margin-top:23px;
}


#bottomleftcontent {
	width:215px;
	margin-left:43px;
	margin-top:25px;
	color:#FFFFFF;
	line-height:16px;
}

#firstnavwrapper {
	width:519px;
	background:#D2D2D2;
	height:66px;
}

#firstnav {
	position: absolute;
	top: 17px;
	left: 17px;
	/*padding-top:15px;
	padding-left:15px;*/
}

#pagetitle {
	width:479px;
	background-image:url(../img/title_bg.jpg);
	background-repeat:no-repeat;
	height:26px;
	border-top: 1px solid #FFFFFF;
	position:relative;
	color:#FFFFFF;
	font-size:20px;
	padding-left:40px;
	text-transform:uppercase;
}
#pagetitle img {
	position:relative;
	left:0;
	top:0;
}

#content {
	padding: 20px 30px 10px 0;
	line-height:17px;
	text-align: justify;
}

#content .contentpaneopen{
	margin-bottom: 10px;
}


html>body #content {
	padding: 20px 30px 10px 0;
}
#content a:link {
	color: #8d68a5;
	text-decoration: none;
	}

#content a:hover {
	color: #8d68a5;
	text-decoration: none;
	}

#content .contentpane {
	margin-top: 5px;
	}

	
#secondnav {
	margin-left:24px;
	margin-bottom:10px;
}

#footer {
	padding:0 24px 0 24px;
	color:#DDE5D5;
	line-height:15px;
}

p.copyright {
	margin-top: 15px;
	}
	
html>body 	p.copyright {
	margin-top: 32px;
	}
	
#logo {
	margin:32px 22px 10px 0;
	text-align:right;
}

#banner {
	width:520px;
	height:297px;
	background:transparent url("../img/img_home.jpg") no-repeat top left;
	z-index:0;
	}
	

/* weblink */
#content .category {
	font-weight: bold;
}

#content .sectiontableentry {
	padding-bottom: 10px;
}

.weblink_desc {
	margin: 0 0 20px 0;
	}
	
/* homepage template */

.homepage_intro {
	font: 15px 'Century Gothic', Tahoma, Verdana, Helvetica;
	color: #97cf7a;
	}

#topleftcontent ul {
	margin: 10px 0 0 0;
	padding: 0;
}


#topleftcontent li {
	list-style: none;
	padding-left: 15px;
	margin-bottom: 7px;
	color:#333333;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(../changinggear_images/img_li_home.gif) no-repeat left 4px;
}


/* interior template */
#top_interior {
	position:relative;
	width:898px;
	border:1px solid #93877A;
	background:#FFFFFF url('../img/topleftcol_interior_bg.jpg') repeat-x left top;
	float:left;
}

#topleftcol_interior{
	float:left;
	width:299px;
	padding-bottom: 27px;
}

#topleftcol_interior_logo {
	height: 85px;
	padding: 9px 0 0 21px;
}

#topleftcol_interior_logo img{
	border: 0;
}

#topleftcontent_interior {
	width:215px;
	margin-left:22px;
	margin-top:20px;
}

#topleftcontent_interior img{
	border: 0;
}

#topleftcontent_interior ul li .leftbanner{
	border: 1px solid #CCCCCC;
}

#bottomleftcontent_interior{
	width:215px;

	margin-left:43px;
	margin-top:10px;
	color:#FFFFFF;
	line-height:16px;
}

#bottomleftcontent_interior .contentpaneopen{
	margin-top: 10px;
	font: 15px 'Century Gothic', Tahoma, Verdana, Helvetica;
	line-height: 15px;
}

#bottomleftcontent_interior p{
	margin: 0 0 5px 0;
	padding: 0;
}


#newsletter {
	width: 258px;
	margin-bottom: 10px;
	background:#C8E4B3 url('../img/bg_newsletter.jpg') no-repeat left top;
	}
	
#newsletter table{
	width: 240px;
	margin: 20px 10px 0 10px;
	}

#video{
	margin-left: 50px;
	margin-top: 30px;
	}
	
.partnersimage {
	width: 116px;
	height: 129px;
	float:right;
	margin:0 0 0 10px;
	padding: 5px 0 0 3px;
	background: #FFFFFF url('../img/bg_partners_img.jpg') no-repeat left top;
}

.partnersimage_left {
	width: 116px;
	height: 129px;
	float:left;
	margin: 10px 10px 10px 0px;
	padding: 5px 0 0 3px;
	background: #FFFFFF url('../img/bg_partners_img.jpg') no-repeat left top;
}

.partnersimage2 {
	width: 116px;
	height: 90px;
	float:right;
	margin:0 0 0 10px;
	padding: 8px 0 0 8px;
	background: #FFFFFF url('../img/bg_partners2_img.jpg') no-repeat left top;
}


.workshopimage {
	width: 208px;
	height: 145px;
	float:right;
	clear: right;
	margin:0 0 5px 10px;
	padding: 7px 0 0 7px;
	background: #FFFFFF url('../img/bg_workshop.jpg') no-repeat left top;
}

.imgcaption {
	display: block;
	text-align: center;
	margin-top: 8px;
	margin-left: -10px;
	}

.readon {
	padding-bottom: 20px;
	}
	
/* webcafe template */
#topleftcol_webcafe {
	float:left;
	width:299px;
	background:#EEEEEE url('../img/topleftcol_webcafe_bg.jpg') no-repeat left bottom;
}

#topleftcol_webcafe h2 {
	font-size: 15px;
}

#topleftcontent_webcafe {
	width:250px;
	margin-left:25px;
	margin-top:20px;
	text-align: justify;
}

#blockcolor {
	width:299px;
	height:60px;
	background:transparent url('../img/blockcolor_bg.gif') repeat-y left top;
}

#firstnavwrapper_webcafe1 {
	width:599px;
	background:#F2E6F7;
	height:60px;
}
#firstnavwrapper_webcafe2 {
	width:520px;
	background:#D2D2D2;
	height:60px;
	float:left;
}

#pagetitle_webcafe {
	width:599px;
	background:#C7E4B3;
	height:26px;
	margin-top:1px;
	position:relative;
}
#pagetitle_webcafe img {
	position:relative;
	left:26px;
	top:0;
}


#content_webcafe {
	padding:10px 20px 10px 25px;

}

#bottomleftcontent_webcafe {
	width:215px;
	margin-left:44px;
	margin-top:35px;
	color:#FFFFFF;
	font:15px 'Century Gothic', Tahoma, Verdana, Helvetica;
}

.productprice {
	font: bold 15px 'Century Gothic', Tahoma, Verdana, Helvetica;
}
/* -------------------------------------------------------------
	Style
------------------------------------------------------------- */

/* tessa web cafe page */
h1#tessa {
	display:block;
	margin:25px 0 0 44px;
	line-height:1px;
	width: 213px;
	height:11px;
	background: transparent url('../img/img_visit_tessa.gif') no-repeat left top;
	font-size:1px;
	padding:0;
	/*text-indent:-40px;*/
	text-indent:-9999px;
}
h1#tessa a {
	display:block;
	height:11px;
	width: 213px;
	color:#FFFFFF;
}
	h1.homepage_intro3  {
	color: #C8E4B3;
	font-family: 'Century Gothic', Tahoma, Verdana, Helvetica;
	font-size: 18px;
	font-weight: bolder;
	}

/* blockquote */
.leftquote {
	position: relative;
	width: 16px; height: 12px;
	background: transparent url('../img/img_leftquote.gif') no-repeat left top;
	left: -17px;top: 25px;
	display: block;
}
.rightquote {
	position: relative;
	width: 16px; height: 12px;
	background: transparent url('../img/img_rightquote.gif') no-repeat left top;
	float:right;
	right: -15px; bottom: 20px;
	display: block;
}
.quotename {
	color: #8D8D8D; 
	font-size: 15px;
	padding: 0;
	margin: 0;
}


/* first  nav */
#firstnav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#firstnav ul li {
	float:left;
	padding:5px 7px 5px 8px;
	text-transform:uppercase;
	
}
#firstnav ul li a {
	font: bold 11px 'Century Gothic', Tahoma, Verdana, Helvetica;
	color:#666666;
	text-decoration:none;
}
#firstnav ul li a:hover {
	color:#444444;
}


/* second nav */
#secondnav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#secondnav  li {
	float:left;
	padding:5px 20px 5px 0;
	text-transform:uppercase;
	font: bold 11px 'Century Gothic', Tahoma, Verdana, Helvetica;
}
#secondnav  li a {
	color:#FFFFFF;
	text-decoration:none;
}
#secondnav  li a:hover {
	color:#666666;
}


/* footer */
#footer a {
	color:#DDE5D5;
}

/* Heading */
.contentheading, .componentheading, h1, h2, h3, h4, h5, h6 {
	font-family:'Century Gothic', Tahoma, Verdana, Helvetica;
	margin: 0 0 4px 0;
	padding:0;
	font-weight:normal;
	text-align: left;
}


.contentheading, .componentheading, h1 {
	font-size:16px;
	font-weight: bold;
	color:#97cf7a;
	line-height:20px;
}

h2 {
	font-weight:bold;
	color:#666666;
	font-size:16px;
}
h3 {
	font-size:16px;
	color:#97cf7a;
}
h4 {
	font-size:16px;
	color:#9873b1;
}
h5 {
	font-size:11px;
	color:#666666;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #D2D2D2;
	background: transparent url('../img/h5_bg.gif') no-repeat right bottom;
}
h6 {
	font-size:12px;
	color:#333333;
	font-weight:bold;
}


/* top left content */
#topleftcontent .modetable .contentpaneopen {
	font-size:11px;
	margin:0;
	padding:0;
	text-align: justify;
}

#topleftcontent .moduletable {
	width: 227px;
	padding-left: -5px;
}


#topleftcontent .contentpaneopen .contentheading {
	margin:0;
	padding:0;
}

#topleftcontent .contentheading {
	font-family: Tahoma, 'Century Gothic', Verdana, Helvetica;
	font-size:11px;
	color: #C8E4B3;
	line-height: 11px;
	text-align: left;
	display:block;
	margin:0;
	padding:0;
}

#firstnav {
	margin:0;
	padding:0;
}
#firstnav li {
	display:inline;
	padding-right:10px;
}

/* bottom left content */
#bottomleftcontent .contentpaneopen {
	margin:10px 0 0 0;
}

html>body #bottomleftcontent .contentpaneopen {
	font-size:11px;
	margin:0;
	padding:0;
	text-align: justify;
}

/* toc */
/*
.contenttoc {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	text-align:center;
}
.contenttoc li {
	display:inline;
	padding:0 5px 0 7px;
	line-height:15px;
	border-right:1px solid #CCCCCC;
	text-transform:uppercase;
}
.contenttoc li a {
	text-decoration:none;
}
.contenttoc li.title {
	display:none;
}
.contenttoc li.last {
	border:none;
}
*/
table.contenttoc {
	float:right;
	width: 210px;
	margin:10px 0 10px 10px;
	padding:0;
	border: 1px solid #D2D2D2;
	background-color: #F2E6F7;
	text-align: left;
	text-transform: uppercase;

}

table.contenttoc td{
	border: 3px solid #FFFFFF;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Century Gothic', Tahoma, Verdana, Helvetica;
}

table.contenttoc tr td a {
	display:block;
	padding:5px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

table.contenttoc  tr td a:hover {
	color: #FFFFFF !important;
	background-color: #9b6eb8;
}
.pagenavcounter {
	display:none;
}


/* left banner */
.photolist {
	margin:0;
	padding:0;
	list-style:none;
	padding-top:5px;
}

.photolist img {
	margin-bottom:10px;
}


/* tessa web cafe intro */
.webcafe_title {
	position:relative;
	left:5px;
	top:0px;
	margin:0 0 10px 0;
	padding:0;
	width:240px;
	color:#00B2C9;
	font-size:25px;
	line-height:25px;
	font-weight: normal;
}

.webcafe_title2 {
	position:relative;
	left:5px;
	top:0px;
	margin:0 0 10px 0;
	padding:0;
	width:240px;
	color:#8d68a5;
	font:12px/15px Tahoma, 'Century Gothic', Verdana, Helvetica;
	font-weight: normal;
}

.webcafe_p {
	position:relative;
	left:73px;
	top:60px;
	margin:0;
	padding:0;
	width:195px;
	line-height:16px;
	text-align:justify;
}


/* form styling */
.inputbox {
	border:1px solid #CCCCCC;
	font-size:11px;
}
.button {
	border:none;
	padding: 2px;
	background:#666666;
	color:#FFFFFF;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


/* product list in tessa web cafe */
.productlist {
	clear:both;
	margin-bottom:20px;
}
.productimage {
	float:right;
	padding-left: 10px;
}

/* general content styling################################################### */


#content li
 {
	background:none;
	list-style-position: outside;
	list-style-image: url(../img/img_li.gif);
	list-style-type: square;
}
#content div.nobullet li
{
	list-style-type: decimal;
	list-style-image: none;
}
.category {
	padding-top: 10px;
	}
	.pagequote{
	width:250px;
	font-size:13px;
	color:#666666;
	}
.formhead
{
color:#000000;
font-size:10px;
}
fieldset
{
	color: #71a14c;
	font-size:11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
legend
{
	color: #000000;
	font-size:11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.event-image
{
float:left;
margin: 5px;
}

.right_navigation {position:absolute; margin-top:115px; margin-left:770px; width:125px;}
.right_navigation ul li {margin-top:5px; background-color:#C7E5B3; padding:5px;}
.right_navigation ul li a{display:block; color:#000000; text-decoration:none; font-size:12px;}
.right_navigation ul li a:hover{display:block; text-decoration:underline;}