/* CSS Document */

html, body { background-color: #ffffff;
  padding-bottom: 10px;
  margin: 10px 0px 10px 0px;
  text-align: center;}
  
h1, h1 a {font: 24px arial;
	color: #42ABAB !important;
	padding-top: 15px;
	padding-bottom: 25px;
	font-weight: bold;
	margin: 0px;}

h2, #respond h3 {font: 12pt arial;
			font-weight: bold;
			color: #42ABAB;
			margin: 0px;}
#respond h3 {padding-top: 30px;}			
p	{margin-top: 0px;
	 margin-bottom: 0px;}

a:link,
a:active {
color:#333333;
font-weight: bold;
text-decoration:none;
}

a:visited {
color:#333333;
font-weight: bold;
text-decoration:none;
}

a:hover {
color:#FF227A;
font-weight: bold;
text-decoration:none;}

a.white:link,
a:active {
color:#FFFFFF;
text-decoration:none;
}

a.white:visited {
color:#FFFFFF;
text-decoration:none;
}

a.white:hover {
color:#000000;
text-decoration:none;}

ul {
width: 100%;
text-indent: 0;
margin: 0;
padding: 0;
}

li {
    list-style-position: outside;
    list-style-image: url(images/bullet.gif);
    line-height: normal;
	line-height: 22px;
	margin-left: 25px;
}   li a {padding-right: 0px !important }

input.button{background-color: #42ABAB; font-size: 13px;
			font-weight: bold;
			border: 0;
			color: #ffffff;}
			
input.back {background-color: #FFFFFF; font-size: 13px;
			border: 1px solid #666666;}
			
#container {width: 800px;
			background-color: #ffffff;
			height: auto;
			text-align: center;
			margin: auto;
			}
			
#banner {width: 800px;
		background-color: #FFFFFF;
		height: 78px;
		text-align: left;}

#content {width: 800px;
		height: auto;}

#content .right {background: url(images/watermark.jpg) no-repeat;
			text-align: justify;
			font: 10pt arial;
			color: #666666;
			width: 610px;
			padding-top: 0px;
			padding-right: 0px;
			margin-left: 190px;
			margin-right: 15px;
			margin-bottom: 35px;
			min-height: 375px;
			line-height: 22px;}
			
#content .right .photo {background-color: #FFFFFF;
						height: 94px;
						margin-bottom: 15px;}
	img.avatar {
	margin-bottom: 0px !important;
	height: 32px !important;
	}		
	
h3#comments {margin-bottom: 30px;}	
#content .left {background: url(images/navback.gif) no-repeat;
				float: left;
				font: 10pt arial;
				padding-top: 130px;
				padding-left: 25px;
				text-align: left;
				width: 155px;
				height: auto;}

#content .left li{font: 13pt Arial, Helvetica, sans-serif;
	margin: 2px;
	line-height: 30px;
	display: inline;
	padding: 0px 6px 0px 6px;
	font-weight: bold;}

#content .left a {color:#42ABAB;
			text-decoration:none;}
	
#content .left a:hover, #training-menu li a:hover {color:#FF227A;
				text-decoration:none;}	
				
#content .left a:active {color:#FF227A;
				text-decoration:none;}	

#bottomnav {width: 806px;
		height: 24px;
		text-align: right;
		color: #42ABAB;
		font: 8pt Arial, Helvetica, sans-serif;
		padding-top: 10px;
		margin: auto;}
.left ul ul  {
background: white;
border: 1px solid #c2c3c4;
padding: 5px 10px 5px 5px;
width: 200px;
}.left ul ul li {width: 200px;}
.right ul {
width: 100% !important;
}
#training-menu {
margin: 0px 0px 20px 0px;
width: 100% !important;
display: block;
}
#training-menu, #training-menu li {
float: left;
}

#training-menu li {
display: inline;
}

#training-menu li a {
display: block;
margin: 0px 0px 0px 0px;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #42ABAB;
padding-right: 14px !important;
}
.left li a span {
font-size: 10px;
vertical-align: super;
display: inline-block;
line-height: 10px !important;
color: #FF227A;
margin-left: 2px;
}
.training a.training, .training-parent a.trainingmain, #blog a.blog, .approach a.approach, .brainstorming a.brainstorming, .gain a.gain, .open a.open 
{ color: #FF227A !important }

.training-parent a.trainingmain span, #blog a.blog span {
color: #42ABAB !important;
}
.page-id-42 .trainingmain {color: #FF227A !important }
.page-id-42 #container #content a.blog { color: #42ABAB !important; }
.entry {border-bottom: solid 1px #666666; margin-bottom: 20px;}