.clear 
{
	clear: both;
	float: none;
	height: 0px;
}
* html #menu {position:absolute;}
img
{
	border:none;
}
img, div, input { behavior: url("iepngfix/iepngfix.htc") }
        body {
            width:auto;
            padding:0px;
            margin:0px;
			margin-top:15px;
            background-color:#37566a;
			background-image:url('/images/background.jpg');
			background-repeat: no-repeat;
			background-attachment: fixed;
			font:11px Arial, Helvetica, sans-serif;
			color:white;
			line-height:13px;
			
        }
        input,textarea
        {
			font:11px Arial, Helvetica, sans-serif;
        }

        div#wrapper {
            width:1000px;
            height:auto;
            margin:0px auto 0px auto;
        }

        div#background {
            float:none;
            clear:both;
        }

        div#left {
            /*position:absolute;*/ /* animate slide, comment out 'float' */
			position:fixed;
            float:left;
			padding-left:17px;
            background-color:transparent;
        }
        
        div#left div {
            position:relative;
           }
           
    .dropdown
{
    display:block;
    width:110px;
    /*height:15px;*/
    font-size:10px;
    margin-bottom:5px;
    float:left;
}       
           
        div#right {
            float:left;
            width:735px;
			padding-left:240px;
			padding-right:30px;
        }
        
        * html div#right {
			padding-left:25px;    
        }   
		
		#right div{
			width:100%;
			margin-top:5px;
		}
		
		#right .contentBox{
			width:733px;

			position:relative;
		}

		#right .contentBox img {
		    float:left;
			position:relative;
			display:block;
            z-index:1;
        }
		
		.contentBackground{
			margin:0px !important;
			position:absolute;
			z-index:1;
			background-image:url(/images/35bg.png);
			background-position:top left;
			background-repeat:repeat;
/*			border:1px solid #333; */
			height:100%;
			width:100%;
		}
		.contentLong
		{
			z-index:2;
			padding: 15px 20px 20px 20px;
			float:left;
			width:679px !important;
			background:none;
			position:relative;
			margin:0px;
		}
		
		.content {		    
			z-index:2;
			padding: 10px 20px 20px 20px;
			float:left;
			width:320px !important;
			background:none;
			position:relative;
			margin:0px;
		}
		
		.content a
		{
			color:#5d87a1;
		}
		
		.content p
		{
			margin-left:6px;
		}
		
		.content img{
			float:left;
			padding-right:6px;
			position:relative;
		}
		
		.pcontent
		{
			float:right; 
			width:142px; 
			margin:0px; 
			padding:0px; 
			margin-top:-2px;
		}
		
		.contentHeader{
			background-color:#631f60;
			width:100%;
			height:12px;
			margin: 0px 0px 10px 0px;
			padding: 2px 0px !important;
			text-transform: uppercase;
			color: White;
		}
		.contentHeader span
		{
			margin-left: 10px;
		}
		form {
		    padding:0px;
		    margin:0px;
		}
		
		.selectddl
		{
			padding:1px;
			padding-left:3px;
			margin:0px;
			font:11px Arial, Helvetica, sans-serif;
			height:10px;
		}
		
		form input, textarea {
			color:#5d87a1;
			font:11px Arial, Helvetica, sans-serif;
			padding:1px;
			padding-left:3px;
			margin:0px;
			border:1px solid #878c8f;
		}
		
		form select {
			color:#5d87a1;
			font:10px Arial, Helvetica, sans-serif;
			padding:0px;
			margin:0px;
			border:1px solid #878c8f;
		}
		
		#navcontainer
		{
		    background-color:#5c87a1;
		    height:24px;
		    z-index:1;
		    position:relative;
		    padding:0px;
		    margin:0px;
		}
		
		#navcontainer ul
		{
		    padding:0px 0px 0px 0px;
		    margin:0px;
		    color: White;
		    width: 100%;
		    font-family:Arial, Arial, Helvetica, sans-serif;
		    font-weight:bold;
		    font-size:11px;
		    display: inline;
		}

		#navcontainer ul li {
		 display: block;
		 float:left;
		 height:24px;
		 padding-top:5px;
		}

		
		#topnav a, #footer a
		{
			color: White;
			text-decoration:none;
		}
		#topnav a:hover, #footer a:hover
		{
			color: #369;
			text-decoration:none;
		}
		
		ul li.selected 
		{
			background-color:#631f60;	
		}
		* html ul li.selected
		{
			height: 27px! important;
		}
		#topnav a.selectedtop
		{
			color:#336699;
		}

		#navcontainer ul li a
		{	    
		    color: White;
		    border-right: 1px solid #fff;
		    text-align:center;
            height:16px;
            margin:4px 0px 4px 0px; 
            text-decoration:none;
            display:block;

		    
		}


		#navcontainer .last
		{
			border-right:none;
		}


		
		#belongdiv {
	        background-color:black;
	        filter:alpha(opacity=65);
	        -moz-opacity:.65;
	        opacity:.65;
	        height:100%;
	        width:100%; 
	        position:absolute;
	        z-index:1;
		}
		
		div#left form {
		    padding:0px;
		    margin:0px;
		}
		
		div#left p {
		    padding:0px 0px 5px 0px;
		    margin:0px;		    
		}
*+ #footer 
{
	left:0px;
}
#footer 
{
	width:735px;
	margin-right:30px;
	display:block;
	margin-top:15px;
	margin-bottom:11px;
	text-align:center;
	float:right;
	
}
#footer li 
{
	display:inline;padding-left:2px;padding-right:2px;
	
}



/***************** karen style ********************/

p
{
    padding:0px;
    margin:0px;
    margin-top:5px;
    margin-bottom:15px;
}
h5
{
    background-color:#631f60;
    width:310px;
    height:13px;
    padding:1px 2px 1px 10px;
    margin: 0px 0px 5px 0px;    
    font-size:11px;
    text-transform: uppercase;
    color: #FFF;
}
a.purplebtn
{
	background-color:#631f60;
    padding:2px 5px 3px 5px;
    color:#ffffff;
    text-decoration:none;
    font-size:0.9em;
    text-transform: uppercase;
	font-weight:bold;
	line-height:16px;
}
a.purple
{
    background-color:#631f60;
    padding:2px 4px 2px 4px;
    color:#ffffff;
    text-decoration:none;
    font-size:0.9em;
    text-transform: uppercase;
	font-weight:bold;
	line-height: 22px;
}
a.blue
{
    background-color:#5C87A1;
    padding:2px 4px 2px 4px;
    color:#ffffff;
    text-decoration:none;
    font-size:0.9em;
    text-transform: uppercase;    
    float:left; margin-left:3px; margin-top:1px; 
	font-weight:bold;
}
a.white
{
	font-size:0.9em;
	padding:2px 4px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	background:#FFF;
	color:#333;
}

ul
{
    margin:0px;
    padding-top:0px;
    padding-left:20px;
    list-style-image:url(/images/bullet.gif);
}
li
{
    padding:0px !important;
    margin-bottom:3px;
}
.button
{
	background-color:#631f60;
	padding:2px 4px 3px 4px;
    color:#ffffff;
    border:0px;
    line-height:14px;
    height:20px;
    font-size:9px;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
}
.clear
{
	clear:both;
	float:none;
}

.purplebar
{
    background-color:#631f60;
    width:100%;
    padding:1px 2px 1px 8px;
    margin:0px;
}
.greyblocks #leftbox, .greyblocks .contentBackground
{
	background-color:#2e2e2e !important;
	background-color:#2e2e2e !important;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	}
.greyblocks #leftbox
{
	height:284px;
}

/* trainer */
.trainer img 
{
	margin: 0px 5px 5px 0;	
	padding-right:0px;
}
	.trainer ul 
	{
		list-style-image: none;
		list-style-type: none;
		padding-top: 0px;
	}
	.trainer ul li 
	{
		margin: 0px;
	}
	.trainer ul a 
	{
		color: White;
		text-decoration: none;

	}
	.trainer ul li.biolink 
	{
/*		margin-top: 3px;
		margin-right:5px;
		float:right;
		width:151px;
*/
	}
	#ctl00_ContentPlaceHolder1_gvClasses td
	{
		padding-left:10px;
	}
	div.trainerblock
	{
		min-height:69px;
		padding-bottom:5px;
		margin-top:0px;
	}
	#navcontainer ul li.navhover
	{
		background-color: #369;
	}
	
	#left #leftbg
	{
		height:335px; width:155px; position:absolute; z-index:1; background-image:url(/images/65bg.png); background-position:top left;	background-repeat:repeat;'
	}
	

	
.usercontent table
{
	margin-bottom:0px;
}

#joinbutton
{
    padding:2px 45px 2px 45px;
}
#joincontainer
{
	position:absolute;
	top: 10px;
	left:0px;
}
.greyblocks #joincontainer
{
	top:5px;
}

.trainerbuttons
{
	display:block;
}
ul.trainerbuttons li
{
			margin-top: 3px;
		margin-right:5px;

}