/*************/
/*  CONTENT  */
/*************/

/* Heading -- Standard icon (Full-width) top right bottom left*/
.main h1.pagetitle {
	margin:0 0 0.5em 0; padding:1px 0 1px 32px;
	background: url(greenlogo.gif) no-repeat; background-position:center left; color:rgb(255,255,255);
	font-weight:bold;	font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.main h1 {
	margin:0; padding:5px 20px 8px 10px; border-bottom:solid 1px rgb(215,215,215); 
	font-weight:bold;	font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.main h2 { /*Start IE Hack*/
	position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/;
	margin: 0 10px 0 10px; padding:15px 15px 0px 0; border-top:solid 1px rgb(215,215,215);	
	font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.main h3 {
	margin:1.0em 0 -0.3em 0; padding:0 10px 0 10px; 
	font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.main h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 10px -0.3em 10px; padding:1.0em 0 0 0;
	border-top:solid 1px rgb(215,215,215);}
.main h4 {margin:1.0em 0 -0.3em 0; padding:0 10px 0 10px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.main h5 {margin:1.0em 0 -0.5em 0; padding:0 10px 0 10px; color:rgb(75,75,75); font-weight:bold; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.main h6 {margin:0.4em 0 0.5em 0; padding:0 10px 0 10px; color:rgb(50,50,50); font-weight:normal; font-size:120% !important /*Non-IE6*/; font-size:105% /*IE6*/;}



/* Heading -- Special icon (Half-width) */
.main .content-subcell-left-box h1.contact, .content-subcell-right-box h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; background-position:273px 5px;}
.main .content-subcell-left-box h1.login, .content-subcell-right-box h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; background-position:292px 5px;}
.main .content-subcell-left-box h1.search, .content-subcell-right-box h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; background-position:288px 5px;}
.main .content-subcell-left-box h1.video, .content-subcell-right-box h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; background-position:294px 5px;}
.main .content-subcell-left-box h1.audio, .content-subcell-right-box h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; background-position:288px 5px;}
.main .content-subcell-left-box h1.webtemplate, .content-subcell-right-box h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; background-position:289px 5px;}
.main .content-subcell-left-box h1.document, .content-subcell-right-box h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; background-position:292px 5px;}
.main .content-subcell-left-box h1.blog, .content-subcell-right-box h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; background-position:296px 5px;}
.main .content-subcell-left-box h1.forum, .content-subcell-right-box h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; background-position:292px 5px;}

/* Heading -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.main h1.noicon {background:none;}
.main h2.noicon {background:none;}

/* Paragraph text */
.main p {margin:1.0em 0 1.0em 0; line-height:1.3em; padding: 0 10px 0 10px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.main p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.main blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* List */
.main ul {margin:1.4em 0 1.0em 0; padding:0em 10px 0em 10px; list-style:none;}
.main ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.main ul li.profile {margin:0 0 0.3em 2px; color: #000000; font-weight: bold; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:110% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

.main ul li.profile_memsassoc {background: none; margin:0 0 0.1em 2px; color: #000000; font-weight: normal; padding:0 0 0 12px; list-style: none; line-height:1.0em; font-size:110% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

.main ul.profile {margin:1.4em 0 0.0em 0; padding:0em 10px 0em 10px; list-style:none; color: #990000;font-weight: bold; }
.main ol {margin:1.4em 0 1.0em 0; padding:0 10px 0 40px !important /*Non-IE6*/; padding:0 10px 0 50px /*IE6*/;}
.main ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.main ul.indent {padding:0 50px 0 50px;}
.main ol.indent {padding:0 10px 0 70px !important /*Non-IE6*/; padding:0 10px 0 80px /*IE6*/;}

/* Table */
.main table {clear:both; width:650px; margin:2.0em 0 0.2em 10px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main table.medium {clear:both; width:290px; margin:2.0em 0 0.2em 10px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main table th.top {height:2em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.main table th {height:2.0em; padding:2px 10px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left;  font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.main table td {height:2.0em; padding:1px 7px 1px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal;  font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.main table td.sect {height:3.0em; padding:1px 7px 1px 7px; border:solid 2px rgb(245,245,245); background-color:#FFCC33; text-align:left; font-weight:normal;  font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.main p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

.main table.clear {border: none; background-color: #FFFFFF; font-size: 10px; }
.main table.clear td {border:none; background-color:#FFFFFF; }



/* Login form (full-width)*/
.main .loginform {width:636px; margin:1.0em 10px 0 10px;}
.main .loginform p {clear:both; margin:0; padding:0;}
.main .loginform fieldset {width:160px; border:none;}
.main .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
.main .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.main .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* Login form (half-width)*/
.main .content-subcell-left-nobox .loginform, .content-subcell-right-nobox .loginform, .content-subcell-left-box .loginform, .content-subcell-right-box .loginform {width:297px; margin:1.0em 10px 0 10px;}



/****************/
/*  SUBCONTENT  */
/****************/

/* Heading -- Standard icon */
.main .column-right h1 {clear:none; margin:0; padding:4px 10px 6px 10px; border-bottom:solid 1px rgb(215,215,215); color:#000; font-weight:900; font-size:140% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.main .column-right h2 {clear:none; color:#000; /*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 10px 0 10px; padding:15px 35px 5px 0;
border-top:solid 1px rgb(215,215,215); color:rgb(75,75,75); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.main .column-right h3 {clear:none; margin:1.0em 0 -0.3em 0; padding:0 10px 0 10px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.main .column-right h3.line {clear:none; /*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 10px -0.3em 10px;
padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.main .column-right h4 {clear:none; margin:1.0em 0 -0.3em 0; padding:0 10px 0 10px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.main .column-right h5 {clear:none; margin:1.0em 0 -0.6em 0; padding:0 10px 0 10px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.main .column-right h6 {clear:none; margin:0.4em 0 0.5em 0; padding:0 10px 0 10px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}



/**********/
/* IMAGES */
/**********/

.main img {clear:both; float:left; margin:3px 6px 3px 0;  border:solid 1px rgb(200,200,200);}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 1px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 5px 6px; border:solid 1px rgb(200,200,200);}
.main img.noborder {clear:both; float:left; margin:0px 0px 0px 0px; border: none; }
.main img.noborder-right {clear:both; float:right; margin:0px 0 0px 0px; border:none;}

.main a:hover img.noborder {border: none;}
.main a:hover img.noborder-right {border: none;}
.main img.icon {display: inline; clear: none; border: none; margin: 0px; }
.main a:hover img.icon {border:none; }
#map img {clear:both; float:left; margin: 0px; border: none;}
.main img.inline {clear:none; float:none; border:none; margin: 0 auto; }
.main a:hover img.inline {border:none;}

/*********/
/* LINKS */
/*********/

/* Text links */
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline; }
.main a:visited {color:rgb(42,90,138);}

/*Image links */
.main a img {border:solid 3px rgb(200,200,200);}
.main a:hover img {border:solid 3px rgb(175,175,175);}

/******************************************/
/*  ADDITIONAL USER STYLES                */
/*  If you want to add your own styles,   */
/*  then add them here in order to avoid  */
/*  a mixup with the default styles.      */
/******************************************/

#search_month {width: 140px;}
#search_course {width: 300px;}
#search_category {width: 200px;}

input.request { border: 1px solid #999999; }
input.request:hover { border: 1px solid #999999; background-color:#FFCC33; }

.phone { font-size: 14px; padding-top: 2px;}


/********************************************/
/*  Members Only Pages Styles               */
/********************************************/
#membercontent #main {			min-height: 600px;font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/; background:#ffffff;}
#membercontent #sidebar {	float: right;	width: 185px;	background-color:#fff;	padding: 10px;	clear:none;text-align:center;min-height: 600px;}
#membercontent #sidebar a{font-size:12px !important /*Non-IE6*/; font-size:12px /*IE6*/;text-align:center;}
#membercontent .sidebar_pic {	width: 50px;	margin-right: 10px;	border: #CCCCCC thin solid; text-align:center;}
#membercontent .sidebar_name {	font-size: 14px;	color: #666666; text-align:center;}
#membercontent .sidebar_content {font-size:10px; padding-top: 15px;	padding-bottom: 5px;	text-align:center;	clear: both;}
#membercontent .sidebar_content span {color:#444;}
#membercontent .sidebar_title {	background:url(../images/menubg.gif);	padding: 5px;	margin-top: 10px;	margin-bottom: 10px;	color:#FFFFFF;	font-weight: bold;text-align:center;}
#membercontent .leftcol {float: left;	width: 170px;	background-color:#fff;	;	padding: 10px;	min-height: 600px;}
#membercontent .rightcol {	float: left; margin-left:0px;	width: 563px;	background-color:#ffffff;}
#membercontent ul {margin-left:2em;font-size:12px !important /*Non-IE6*/; font-size:12px /*IE6*/;padding:0;margin-top:0;}
#membercontent ul.profile_memsassoc {margin-left:0em;font-size:12px !important /*Non-IE6*/; font-size:12px /*IE6*/;padding:0;margin-top:0;margin-bottom: 0;}
#membercontent .profilepic {	padding:0px; text-align:center;}
#membercontent .profilepic img {	border: #666666 thin solid; text-align:center;}
#membercontent .pagetitle {	font-size: 18px;	color:#000000;	font-weight: bold; font-size:26px;margin-left: 8px;margin-top: 6px; padding-bottom: 10px;}
#membercontent .listingtitle {	font-weight: bold;	color:#000000; margin-left:1em;}
#membercontent .memassoclistingtitle {	font-weight: bold;	color:#000000; margin-left:.4em;}
#membercontent .memassoclistingtitle_notbold {	font-weight: normal;	color:#000000; margin-left:.4em;}
#membercontent .listing {	width: 100%;	font-size: 11px;	margin-bottom: 10px;}
#membercontent .listing .heading td {	font-weight: bold;	border-bottom: #666666 solid thin;	vertical-align: top;}
#membercontent .listing tr:hover {	background-color:#DDD;}
#membercontent .listing_right {	float: right;	font-size: 11px;}
#membercontent .title {	font-size: 14px;	color:#990000;	font-weight: bold;	padding-top: 20px;	padding-bottom: 5px;}
#membercontent .editprofile {	font-size: 12px;}
#membercontent .mybutton {	background-image:url(../images/menubg.gif);	color: #FFFFFF;	font-size: 12px;	border: solid thin #CCCCCC;	padding: 2px;}

#membercontent .buysellcat {float:right; clear:none;}
.matchcard {float: left; background-color:#fff;	border: #CCCCCC solid thin; margin: 5px;font-size: 12px;}

div.contain-video {width: 100%; text-align: center; margin: 5px 0 15px 0;}

/********************************************/
/*  Interests Grid             */
/********************************************/
#interests_grid td {background-color: #808080;}
#interests_grid td.header {vertical-align: top; color: #FFFF00; font-weight: bold; text-decoration: underline; width: 100px;}
#interests_grid td.item {vertical-align: top; color: #FFFFFF; font-weight: bold;}