/* ------------------------------------------
  VIVOconcepts DEFAULT Style Sheet_
  User can upload individual stye sheet, which will overwrite this default

  1. Download and save this style sheet on local hard drive
  2. Create duplicate and customize as needed
  3. Save and upload to web management
  4. Check results online

  NOTE:
  YOU HAVE TO HAVE ADVANCED KNOWLEDGE ABOUT CSS IN ORDER TO USE THIS TOOL.
------------------------------------------ */


/* HTML Elements
-----------------------------------------------------*/

/* body defines body tag */
body, div, h1, h2, h3, h4, p, ul, li, a, td, tr, th, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
    background: transparent none;
}

body {
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: auto;
	/* background: url('/uploadfiles/1/system/bg2_right.gif') repeat-y top right; */
	/* background: #eaeaea none;  */
	}

/* wrapper directly underneath body tag and highest level parameter
header, content and footer are sub levels of wrapper */
#wrapper {
	width: 980px;
	width: "980px"; /* IE Hack */
	padding: 0px 0px 15px 0px;
	margin: 0px;
	overflow: hidden;
	text-align: left;
    background: #FFFFFF none;
	/* border: 1px solid #cccccc; */
	}

/* headlines as to be set in HTM editor, system sets h1 in automated pages */
h1 {
	font-size: 14px;
	line-height: 16px;
	color: #cc3333;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	}

h2 {
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
	}

h3 {
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
	}

h4 {
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	}

p, ul, li, tr, td, th, input {
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: 2px;
	}


img {
	border: 0px;
	}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
	}

a:active, a:hover {
	color: #cc3333;
	text-decoration: none;
	}

.link a {
	color: #cc3333;
	text-decoration: underline;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background: url('/images/arrow_right_cc3333.gif') no-repeat top left;
	}	
		
ul {
	list-style-type: square;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 15px;
	}

li {
	margin: 0px 0px 3px 0px;
	}

form {
	margin-top: 2px;
	margin-bottom: 2px;
	}


/* ----------  make container visible or invisible  ----------    */

.visi1 { visibility:"visible" }
.visi2 { visibility:"hidden" }	
/* ----------   make container appear or disappear / will make space for next container   ----------    */

.disp1 { display:"block" }
.disp2 { display:"none" }

/* ----------  css_menu2 style  ----------    */

	
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
/* ----------  complete positioning  ----------   */		
#menu {
    position: absolute; /* Menu position that can be changed at will */
    top: 92px;
    left: 0px;
    top: "92px";   /* Alpesh - IExplorer */
    left: "0px";    /* Alpesh - IExplorer */
    z-index: 100;
	/*width: 750px;  */
	width: 100x%; /* precision for Opera */
    }



	
/* ----------  main level  ----------   */	
#menu dl {
    float: left;
   /* background:  url('/images/spacer.gif') no-repeat top left;*/ /* background of each menu item main level  */
    background: #CC3333; /* background of each menu item main level  */
    width: 133px; /* width of each menu item main level  */
	/* width: 187px;  */
    margin: 0px;
    }
#menu dt {
    text-align: left;
    font-weight: bold;
    color: white;
    background: transparent none;
    border: 0px solid #797CB5;
    text-indent: 3px;
    margin: 0px;
    height: 16px;
    }
#menu dt a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    height: 100%;
    border-bottom: 0px solid #cccccc;
    }
#menu dt a:hover, #menu dt a:focus {
    color: #000000;
    border-bottom: 0px solid #CC3333;
	background: #cccccc;
    }

#menu dd {
    display: none;
    border-top: 0px solid #CC3333;
    margin: 0px;
    }
/* ----------  sub level  ----------   */		
#menu li {
    text-align: left;
    text-indent: 5px;
    background: #cccccc;
    }
#menu li a {
    color: black;
    text-decoration: none;
    display: block;
    height: 100%;
	border-bottom: 1px solid #cccccc;
    }
#menu li a:hover, #menu li a:focus {
    background: #eaeaea;
    border-bottom: 1px solid #CC3333;
    }

/* GLOBAL Styles - PORTAL Level */

h1.pagetitle {
	font-size: 14px;
	line-height: 20px;
	color: #cc3333;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	}

h1.sectiontitle {
	font-size: 11px;
	text-align: left;
	line-height: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}

h3.listheading {
	margin-bottom: 0px;
	margin-bottom: "0px";  /* IE Hack */
	margin-top: "8px";  /* IE Hack */
	}

input {
	background: white none;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000000;
	}

		
.vivoheader {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #000000;
	}

.vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	}
.vivobodyA {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	background: #eaeaea;
	}
.vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	}
.breadcrumbs {
	font-weight: normal;
	color: #666666;
	font-size: 9px;
	text-decoration: none;
	border-bottom: 1px dashed #cccccc;
	}
/* ----------  footer text list from database     */
.blurb {
	font-weight: normal;
	color: #666666;
	font-size: 9px;
	border-bottom: 1px dashed #cc3333;
	}


/*  download link text list from database
ensure that a. command will also define behavior    */
.download a, a .download, .readmore a, a .readmore {
	font-size: 9px;
	font-weight: bold;
	margin-top: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left;
	}

.alignright a {
	font-size: 9px;
	font-weight: bold;
	float: right;
	margin-top: -18px;
	margin-right: 4px;
	}

/* GLOBAL - box definitions */
.box_4 input {
	background: #ffffff none;
	}
form .box_4 input {
	background: #ffffff none;
	}

/* NAVIGATION ELEMENTS
only applies to portal ID 1 - only to be changed by webmaster
-------------------------------------------------------- */
#mainnav {
	height: 12px;
	height: "16px"; /* IE Hack */
	padding: 2px 5px 2px 5px;
	margin: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #eaeaea;
	border: 1px solid #cc3333;
	}
#mainnav a:link, #mainnav a:visited {
	text-decoration: none;
	}
#mainnav a:active, #mainnav a:hover {
	text-decoration: underline;
	}

/* HEADER ELEMENTS
directly underneath wrapper
there are 2 header ID, one for homepage and one for all subsequent pages
each header has two classes, one is called TOP, the other BOTTOM to allow you to set up two headers underneath each other,
if necessary
NOTE: YOU CAN CREATE A CONTENT PAGE WITH HTM ELEMENTS IN THE TOP HEADER
THIS IS IMPORTANT IF YOU HAVE IMAGES OR TEXT SUCH AS SECOND MENU .. SEE MENU ITEM HEADER MENU IN CONTENT MANAGER
--------------------------------------------------------*/
/* home page header */
#header_home {
		background: url('/uploadfiles/1/system/banner-2008-1024-3.jpg') no-repeat top;
		width: 980px;
		height: 110px;
		 border: 0px solid #ff0000;
    }
		
#mainmenu {
    width: 980px;
	height: 18px;
	background: #CC3333;
    border: 0px solid #000000;
    }

/* all subsequent pages header */
#header_sub {
		background: url('/uploadfiles/1/system/banner-2008-1024-3.jpg') no-repeat top;
		width: 980px;
		height: 110px;
	}

#header_home h1 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
    background: #000000 none;
    letter-spacing: 1px;
	text-align: center;
	}

#header_sub h1 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
    background: #000000 none;
	letter-spacing: 1px;
	text-align: center;
	}

/* CONTAINER ELEMENTS
directly underneath wrapper
The container defines all other CSS parameters below
--------------------------------------------------------*/
/* home page main content container set up
all HOMEPAGE styles below are associated to this */
#container_home {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	overflow: visible;
	}

/* subsequent page main content container set up
all NON HOMEPAGE styles , such as MODULE below are associated to this */
#container_sub {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	overflow: visible;
	}

/* COLUMN ELEMENTS
directly underneath container
column set up

HOMEPAGE: defined as per selected template then to be defined in this CSS
--------------------------------------------------------*/
/* HOMEPAGE left column
used in 3 column set up and 2 column set up */
#left_col_home {
	float: left;
	width: 170px;
	width: "180px"; /* IE Hack */
	padding: 0px 5px 0px 0px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	}

/* HOMEPAGE center column
used only in 3 column set up
NOTE: WHEN SETTING UP HOMETEXT PAGE IN CONTENT MANAGER, AVOID PLACING ANY <P> COMMANDS AS
THEY WILL CORRUPT LAYOUT */
#center_col_home {
	padding: 0px 5px 0px 0px;
	margin: 0px 190px 0px 190px;
	 /*margin-left: 175px; */
	background: none;  /* enable to check whether parameters are correct on HTM page    */
	}

/* HOMEPAGE right column
used in 3 column set up and 2 column set up */
#right_col_home {
	float: right;
	width: 170px;
	width: "180px"; /* IE Hack */
	padding: 0px 0px 0px 5px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	}

/* HOMEPAGE main column
used in 1 column set up showing content only */
#main_col_home {
	padding: 0px 0px 0px 0px;
	margin-top: "5px"; /* IE Hack */
	/* background: #FFBBBB none;   enable to check whether parameters are correct on HTM page    */
	}

/*SUBSEQUENT PAGES: defined as per selected template then to be defined in this CSS
--------------------------------------------------------*/
/* SUBPAGE left column
used in 3 column set up and 2 column set up */
#left_col_sub {
	float: left;
	width: 170px;
	width: "180px"; /* IE Hack */
	padding: 0px 5px 0px 0px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	}

/* SUBPAGE center column
used only in 3 column set up
NOTE: WHEN SETTING UP TEXT PAGE IN CONTENT MANAGER, AVOID PLACING ANY <P> COMMANDS AS
THEY WILL CORRUPT LAYOUT */
#center_col_sub {
	padding: 0px 0px 0px 0px;
	margin: 0px 190px 0px 190px;
   	margin-top: "-15px"; /* IE Hack */
	}

/* SUBPAGE right column
used in 3 column set up and 2 column set up */
#right_col_sub {
	float: right;
	width: 170px;
	width: "180px"; /* IE Hack */
	padding: 0px 0px 0px 5px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	}
/* SUBPAGE right column over two columns
used in 2 column set up  */
#right_col_sub2 {
    float: right;
	width: 550px;
	width: "560px"; /* IE Hack */
	padding: 0px 0px 0px 5px;
	background: none;  /* enable to check whether parameters are correct on HTM page    */
	}
	
/* SUBPAGE right column over two columns
used in 2 column set up  */
#right_col_sub50 {
    float: right;
	width: 50%;
	width: "50%"; /* IE Hack */
	padding: 0px 0px 0px 5px;
	margin-top: "5px";  /* IE Hack */
	background: none;  /* enable to check whether parameters are correct on HTM page    */
	}
	
/* SUBPAGE main column
used in 1 column set up showing content only */
#main_col_sub {
	padding: 0px 0px 0px 0px;
	margin-top: "5px";  /* IE Hack */
	background:  none;  /* enable to check whether parameters are correct on HTM page    */
	}


		
/* HIGHLIGHTED BOX ELEMENTS
directly underneath wrapper
main content includes container set up as total content section
content and column allows you to split up into different sections within container
NOTE; AS BEFORE HOMEPAGE AND SUBSEQUENT PAGES CAN BE DESINED SEPARATELY
--------------------------------------------------------*/

/* home page main content set up mainly used in main column
NOTE: WHEN SETTING UP HOMETEXT PAGE IN CONTENT MANAGER, AVOID PLACING ANY <P> COMMANDS AS
THEY WILL CORRUPT LAYOUT */
/*  top settings mainly for top image   */
.content_content_top {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	background: #eaeaea;   
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	
	}


/*  general settings for NEWS BOX    */
.content_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background: #ffffff; 
	}

/*  bottom settings mainly for bottom image   */
.content_content_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background: #eaeaea; 
	}
	
.content_content_bottom a:link, .content_content_bottom a:visited{
	color: #cc3333;
	text-decoration: none;
	}

.content_content_bottom a:active, .content_content_bottom a:hover{
	color: #cc3333;
	text-decoration: none;
	}

.content_content_bottom .link a{
	color: #cc3333;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	}	
		
		
.content_content ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.content_content li {
	margin: 0px 0px 5px 5px;
	/* height: 50px; */
	/* height: "50px"; */
	clear: top;
	}
/*  text list from database     */
.content_content_top h1.sectiontitle {
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
.content_content h2{
	font-weight: bold;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.content_content .p .text{
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	vertical-align: top;
	background: url('/images/arrow_right_cc3333.gif') no-repeat bottom right;
	
	}	
.content_content_bottom h2{
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	}


.content_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.content_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}
	
/* --------------------------------------- */






/* SPECIAL BOX SECTION ELEMENTS
within column elements
there are several column elements, one for each special 'FEATURED' section
NEWS BOX
PRODUCT BOX
SEARCH BOX
EVENTS BOX
MEMBERS BOX
COURSES BOX
...
The boxes are displayed on homepage to feature highlighted data. Check ADVANCED LAYOUT OPTIONS for details
Eaxh box can be switched off. IF switched on, the CSS have to be set up
--------------------------------------------------------*/


.news_content_top {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	background: #eaeaea;   
	border-top: 1px solid #cc3333;
	border-left: 1px solid #cc3333;
	border-right: 1px solid #cc3333;
	border-bottom: 1px solid #cc3333;
	
	}

/*  general settings for NEWS BOX    */
.news_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background: #ffffff; 
	}

/*  bottom settings mainly for bottom image   */
.news_content_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background: #eaeaea; 
	}
	
.news_content_bottom a:link, .news_content_bottom a:visited{
	color: #cc3333;
	text-decoration: none;
	}

.news_content_bottom a:active, .news_content_bottom a:hover{
	color: #cc3333;
	text-decoration: none;
	}

.news_content_bottom .link a{
	color: #cc3333;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	}	
		

.news_content ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.news_content li {
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 15px;
	background: url('/images/arrow_right_cc3333.gif') no-repeat top left;
	}
/*  text list from database  */
.news_content_top h1.sectiontitle , #course_sub .news_content_top h1.sectiontitle , #event_sub .news_content_top h1.sectiontitle {
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	color: #cc3333;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
.news_content h2{
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.news_content p{
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	vertical-align: top;
	}	

.news_content_bottom h2 {
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	} 
.news_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.news_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.news_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}



/*  general settings for PRODUCTS BOX    */
.product_content_top {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

.product_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	}

.product_content ul {
	list-style-type: none;
	margin: 2px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
	padding-top: "0px"; /* IE Hack */
    padding-left: "2px";  /* IE Hack */
    }

.product_content li {
    padding: 2px 0px 0px 2px;
    margin-bottom: 5px;
	overflow: hidden;
	border-bottom: 1px dashed #BFFFBF;
	}

.product_content li img {
	width: 40px;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.product_content_bottom {
	width: 160px;
	margin: 0px;
	padding: 0px;
	display: none;
	}


/*  general settings for SEARCH BOX    */
.search_content_top {
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background: #eaeaea;
	/* border-bottom: 1px solid #cc3333; */
	min-height: 25px; 
	height: "35px";
    }

.search_content_left {
	float: left;
	border: 1px solid none;
	}
	
.search_content_right {
	float: left;
	border: 1px solid none;
	}
	
.search_content form {
	padding: 0px;
	margin-left: 0px;
    margin-top: 0px;
    
	}

/*  bottom settings mainly for bottom image   */
.search_content_bottom {
	margin: 0px;
	padding: 0px;
	display: none;
	}

	
/*  BOX headline i.e. 'SEARCH' as set in layout manager    */
.search_content_top h1 {
	margin-bottom: 4px;
	margin-top: 2px;
	padding-left: 5px;
	}
.search_content_top h2 {
	margin: 4px 0px 2px 0px;
    }

.search_content ul {
	list-style-type: square;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 15px;
	}

.search_content li {
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	}



.search_content form li input {
	background: #BFFFBF;
	padding-top: 2px;
	border: 0px solid;
    }




/* EVENTS */
/*  general settings for EVENTS BOX    */
/*  top settings mainly for top image   */
.event_content_top {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #eaeaea;   
	border-top: 1px solid #cc3333;
	border-left: 1px solid #cc3333;
	border-right: 1px solid #cc3333;
	border-bottom: 1px solid #cc3333;
	
	}

/*  general settings for NEWS BOX    */
.event_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background: #ffffff; 
	}

/*  bottom settings mainly for bottom image   */
.event_content_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background: #eaeaea; 
	}

.event_content a:link, .event_content a:visited , .event_content_bottom a:link, .event_content_bottom a:visited{
	color: #cc3333;
	text-decoration: none;
	}

.event_content a:active, .event_content a:hover , .event_content_bottom a:active, .event_content_bottom a:hover{
	color: #cc3333;
	text-decoration: none;
	}

.event_content .link a , .event_content_bottom .link a{
	color: #cc3333;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	}	
		
.event_content ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.event_content li {
	margin: 0px 0px 5px 5px;
	}
/*  text list from database     */
.event_content_top h1.sectiontitle {
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
.event_content h2{
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.event_content p{
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	vertical-align: top;
	}	

.event_content_bottom h2 {
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	} 
.event_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.event_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.event_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}


/* MEMBERS */
/*  general settings for MEMBERS BOX    */
/*  top settings mainly for top image   */
.member_content_top {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/* background: #E6E6FF;    enable to check whether parameters are correct on HTM page  */
	}

/*  general settings for MEMBERS BOX    */
.member_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	}

/*  bottom settings mainly for bottom image   */
.member_content_bottom {
	margin: 0px;
	padding: 0px;	
	display: none;
	}


/*  text list from database     */
.member_content_top h1.sectiontitle {
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
.member_content h2{
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}



.member_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.member_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.member_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}
	
/* COURSES */
/*  general settings for COURSES BOX    */
/*  top settings mainly for top image   */
.course_content_top {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #eaeaea;   
	border-top: 1px solid #cc3333;
	border-left: 1px solid #cc3333;
	border-right: 1px solid #cc3333;
	border-bottom: 1px solid #cc3333;
	
	}

/*  general settings for NEWS BOX    */
.course_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background: #ffffff; 
	}

/*  bottom settings mainly for bottom image   */
.course_content_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background: #eaeaea; 
	}

.course_content a:link, .course_content a:visited , .course_content_bottom a:link, .course_content_bottom a:visited{
	color: #cc3333;
	text-decoration: none;
	}

.course_content a:active, .course_content a:hover , .course_content_bottom a:active, .course_content_bottom a:hover{
	color: #cc3333;
	text-decoration: none;
	}

.course_content .link a , .course_content_bottom .link a{
	color: #cc3333;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	}	
		
.course_content ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.course_content li {
	margin: 0px 0px 5px 5px;
	}
/*  text list from database     */
.course_content_top h1.sectiontitle {
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
.course_content h2{
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.course_content p{
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	vertical-align: top;
	}	

.course_content_bottom h2 {
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	} 
.course_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.course_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.course_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

/* PROFILES */
/*  general settings for PROFILES BOX    */
/*  top settings mainly for top image   */
.profile_content_top {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	background: #eaeaea;   
	border-top: 1px solid #cc3333;
	border-left: 1px solid #cc3333;
	border-right: 1px solid #cc3333;
	border-bottom: 1px solid #cc3333;
	}
	
.profile_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background: #ffffff; 
	}

/*  bottom settings mainly for bottom image   */
.profile_content_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background: #eaeaea; 
	}
	
.profile_content_bottom a:link, .profile_content_bottom a:visited{
	color: #cc3333;
	text-decoration: none;
	}

.profile_content_bottom a:active, .profile_content_bottom a:hover{
	color: #cc3333;
	text-decoration: none;
	}

.profile_content_bottom .link a{
	color: #cc3333;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	}	
		

.profile_content ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.profile_content li {
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 15px;
	background: url('/images/arrow_right_cc3333.gif') no-repeat top left;
	}
/*  text list from database     */
.profile_content_top h1.sectiontitle {
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
.profile_content h2{
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.profile_content p{
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	vertical-align: top;
	}	

.profile_content_bottom h2 {
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	} 
.profile_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.profile_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.profile_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}


	
/*  general settings for HOT Blogs    */
/*  top settings mainly for top image   */
.blog2_content_top {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	background: #eaeaea;   
	border-top: 1px solid #cc3333;
	border-left: 1px solid #cc3333;
	border-right: 1px solid #cc3333;
	border-bottom: 1px solid #cc3333;
	}
.blog2_content {
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background: #ffffff; 
	}

/*  bottom settings mainly for bottom image   */
.blog2_content_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background: #eaeaea; 
	}
	
.blog2_content_bottom a:link, .blog2_content_bottom a:visited{
	color: #cc3333;
	text-decoration: none;
	}

.blog2_content_bottom a:active, .blog2_content_bottom a:hover{
	color: #cc3333;
	text-decoration: none;
	}

.blog2_content_bottom .link a{
	color: #cc3333;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	}	
		

.blog2_content ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.blog2_content li {
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 15px;
	background: url('/images/arrow_right_cc3333.gif') no-repeat top left;
	}
/*  text list from database     */
.blog2_content_top h1.sectiontitle {
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
.blog2_content h2{
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.blog2_content p{
	font-weight: normal;
	color: #666666;
	font-size: 9px;
	line-height: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	}	

	
	
.blog2_content_bottom h2 {
	font-weight: normal;
	color: #cc3333;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	} 
.blog2_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.blog2_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.blog2_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}



/* MODULE ELEMENTS
--------------------------------------------------------*/

/* MODULE: CONTENT MANAGER
DIRECTLY UNDERNEATH 'container_sub' */
#cms_sub{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 20px;
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
	overflow: visible;
	/* border: 1px solid red;   enable to check whether parameters are correct on HTM page    */
	}

#cms_sub h2{
	font-size: 12px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
	}

#cms_sub #left_col_sub {
    float: left;
	width: 170px;
	width: "170px"; /* IE Hack - Absolute width */
	padding: 5px;
	background: none;  /* enable to check whether parameters are correct on HTM page    */
	}

#cms_sub #right_col_sub {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 190px;
	width: "190px"; /* IE Hack - Absolute width */
	padding: 0px 0px 0px 20px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	}
	
#cms_sub  .img {
    float: left;
	width: 75px;
	width: "75px"; /* IE Hack - Absolute width */
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 0px;
	}
/* add your own style sheets as needed and used in HTM editor yourself, IF not defined above   */

#cms_sub p {
	font-size: 11px;
	line-height: 15px;
	margin-top: 10px;
	}

#cms_sub .box_1 {
	margin: 0px 0px 10px 0px;
	padding: 0xp 0px 10px 0px;
	clear: left;
	}

#cms_sub .box_4 {
	margin: 0px 0px 10px 0px;
	padding: 0xp 0px 10px 0px;
	clear: both;
	}

/* MODULE: EVENT MANAGER
NOTE THAT THE EVENT MANAGER ALLOWS YOU TO SET UP A MASTER EVENT
AND MULTIPLE TOPICS PER EVENT // THIS ADDS COMPLEXITY FOR CSS CONTROL
DIRECTLY UNDERNEATH 'container_sub' */

/*  general settings for all event related pages   */
#event_sub{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 20px;
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
	overflow: visible;
	/* border: 1px solid black;   enable to check whether parameters are correct on HTM page    */
	}

/*   settings for event related LIST page  _list.cfm */
.event_sub_list{
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}
	
#event_sub h1{                
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
	}

#event_sub h2{
	font-size: 12px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px;
	}


/* DIRECTLY UNDERNEATH 'event_sub' 
contains image and name and description */
#event_sub .box_1 {                
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}

#event_sub .box_1 .img {
    float: left;
	width: 120px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	margin-bottom: "-5px"; /* IE Hack - Absolute width */
	}

#event_sub .box_1 img {
	width: 120px;
	padding: 0px;
	}

#event_sub .box_2 h1 {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #cc3333;
	margin: 0px 0px 4px 0px;
	padding-left: 25px;
	}

#event_sub .box_2 .blurb {
	font-size: 11px;
	color: #666666;
	}

/* DIRECTLY UNDERNEATH 'event_sub'
contains address and fees */
#event_sub .box_2 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 20px;
	/* border-bottom: 1px solid #BFFFBF; enable to check whether parameters are correct on HTM page    */
	}

/* DIRECTLY UNDERNEATH 'event_sub'
contains topics info */
#event_sub .box_3 {
	width: 200px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: #F0FFF0;
	border: 1px solid #eaeaea; /*  enable to check whether parameters are correct on HTM page    */
	}

/* DIRECTLY UNDERNEATH 'event_sub'
contains footer info and buttons */
#event_sub .box_4 {                
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	clear: left;
	}

/* upload icon as download */
#event_sub .download {
	font-weight: normal;
	font-style: italic;
	margin-top: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left;
	}

/* push link to the right if you upload icon as download */
#event_sub .event_sub a{
	margin-left: 15px;
	}


/* TOPICS
DIRECTLY UNDERNEATH 'event_sub'
contains image and name and description */
.topic_box_1 {
	float: left;
	width: 450px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}

/* TOPICS
DIRECTLY UNDERNEATH 'event_sub'
contains address and fees */
.topic_box_2 {
	float: right;
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background: #eaeaea;
	border: 1px solid #cccccc; /*  enable to check whether parameters are correct on HTM page    */
	}


/* TOPICS
DIRECTLY UNDERNEATH 'event_sub'
contains footer info and buttons */
.topic_box_4 {
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}


/* DIRECTLY UNDERNEATH 'event_sub'
contains image and name and description */
.event_sub_list box_1 {
	float: left;
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	 border: 1px solid yellow;  /* enable to check whether parameters are correct on HTM page    */
	}

#event_topic_sub {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 20px;
	vertical-align: top;
	overflow: visible;
	}
#event_topic_sub .box_1 {
    margin: 10px 0px 0px auto;
	overflow: visible;
    clear: both;
    }

#event_topic_sub .box_2 {
    margin: 0px 10px 0px 0px;
	overflow: visible;
	}

#event_topic_sub .box_3 {
    margin: 5px 10px 0px auto;
    float: right;
    }


/*   INDEX PAGE event   
looks like the bubble up boxes only on main section in index page  */
/*  top settings mainly for top image   */
.event1_content_top {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

.event1_content {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	/* border: 1px solid #999999;    enable to check whether parameters are correct on HTM page    */

	}

/*  bottom settings mainly for bottom image   */
.event1_content_bottom {
	margin: 0px;
	padding: 0px;
	/* border: 1px solid #999999;   enable to check whether parameters are correct on HTM page    */
	display: none;  /*  - hide empty div */
	}


.event1_content ul {
	list-style-type: none;
	list-style-image: none;
	margin: 2px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
	padding-top: "0px"; /* IE Hack - Absolute width */
    padding-left: "2px"; /* IE Hack - Absolute width */
    }

.event1_content li {
    height: 60px;
    height: "60px"; /* IE Hack - Absolute width */
    padding: 2px 0px 0px 2px;
    margin-bottom: 5px;
	overflow: hidden;
	border-bottom: 1px dotted #cccccc;
	}

.event1_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}
	
/* ------------------*/

/* MODULE: COURSE MANAGER
NOTE THAT THE COURSE MANAGER ALLOWS YOU TO SET UP A MASTER COURSE
AND MULTIPLE SCHEDULES PER COURSE // THIS ADDS COMPLEXITY FOR CSS CONTROL
DIRECTLY UNDERNEATH 'container_sub' */

/*  general settings for all course related pages   */
#course_sub{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 20px;
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
	overflow: visible;
	/* border: 1px solid black;   enable to check whether parameters are correct on HTM page    */
	}
	
#course_sub #right_col_sub {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 190px;
	width: "190px"; /* IE Hack - Absolute width */
	padding: 0px 0px 0px 20px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	}
	
/*   settings for course related LIST page  _list.cfm */
.course_sub_list {                
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	margin-bottom: "50px"; /* IE Hack - Absolute width */
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}

.course_sub_list .box_1 .img {
    float: left;
	width: 50px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
	margin-bottom: "10px"; /* IE Hack - Absolute width */
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}
	
.course_sub_list .box_2 {                
	margin: 0px 0px 50px 60px;
	padding: 0px 0px 0px 0px;
	/*  border: 1px solid red;   enable to check whether parameters are correct on HTM page    */
	}
	
	
#course_sub h1{                
	font-size: 14px;
	line-height: 16px;
	color: #cc3333;
	font-weight: bold;
	margin-bottom: 5px;
	}

#course_sub h2{
	font-size: 12px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px;
	}


/* DIRECTLY UNDERNEATH 'course_sub' 
contains image and name and description */
#course_sub .box_1 {                
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}

#course_sub .box_1 .img {
    float: left;
	width: 120px;
	padding: 0px 10px 0px 0px;
	margin-bottom: 5px;
	margin-bottom: "-5px"; /* IE Hack - Absolute width */
	}
/* not used
#course_sub .box_1 img {
	width: 120px;
	padding: 0px 10px 0px 0px;
	}
*/
#course_sub .box_2 {                
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	}
#course_sub .box_2 h1{                
	font-size: 14px;
	line-height: 16px;
	color: #cc3333;
	font-weight: bold;
	margin-bottom: 5px;
	}

#course_sub .box_2 .p {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	}
	
#course_sub .box_2 .blurb {
	font-size: 11px;
	color: #666666;
	}
#course_sub .box_2 .img {
    padding: 0px 10px 0px 0px;
	margin-bottom: 5px;
	margin-bottom: "-5px"; /* IE Hack - Absolute width */
	}
/* DIRECTLY UNDERNEATH 'course_sub'
contains address and fees */


/* DIRECTLY UNDERNEATH 'event_sub'
contains topics info */
#course_sub .box_3 {
	width: 200px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: #F0FFF0;
	border: 1px solid #eaeaea; /*  enable to check whether parameters are correct on HTM page    */
	}

/* DIRECTLY UNDERNEATH 'event_sub'
contains footer info and buttons */
#course_sub .box_4 {                
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* border: 1px solid green;   enable to check whether parameters are correct on HTM page    */
	clear: left;
	}

/* upload icon as download */
#course_sub .download {
	font-weight: normal;
	font-style: italic;
	margin-top: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left;
	}

/* push link to the right if you upload icon as download */
#course_sub .course_sub a{
	margin-left: 15px;
	}


/* DIRECTLY UNDERNEATH 'course_sub'
contains image and name and description */
.course_sub_list box_1 {
	float: left;
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	/* border: 1px solid yellow;   enable to check whether parameters are correct on HTM page    */
	}

/* MODULE: PROFILE MANAGER // SUBSCRIBERS
NOTE THAT THE PROFILE MANAGER INCLUDES:
SEARCH FOR ALL CLASSES, LITING PAGES, DETAILED PAGES AND IMAGE LISTS AND DETAILS
DIRECTLY UNDERNEATH 'container_sub' */	

/*  general settings for all PROFILE related pages   */
#profile_sub {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 20px;
	vertical-align: top;
	overflow: visible;
	}
	
#profile_sub div.nav {
	padding: 2px 5px 2px 5px;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	background: #FBEEEE;
	border-top: 1px solid #cc3333;
	}

/* upload icon as download */
#profile_sub .download {
	font-weight: normal;
	font-style: italic;
	margin-top: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left;
	}

/* push link to the right if you upload icon as download */
#profile_sub .profile_sub a{
	margin-left: 15px;
	}


.profile_sub_view .box_1 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	clear: both;
	}

.profile_sub_view .img {
    width: 150px;
    width: "150px"; /* IE Hack - Absolute width */
    margin: 0px;
    padding: 0px 5px 5px 5px;
    float: left;
    overflow: visible;
	}

.profile_sub_view .box_2 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 170px;
	}

.profile_sub_view .box_3 {
	width: 150px;
	width: "150px"; /* IE Hack - Absolute width */
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	}

.profile_sub_view .box_4 {
	margin: 0px 0px 10px 0px;
	padding: 0xp 0px 10px 0px;
	clear: both;
	}

/* ---------- organize image & body within _list */
.profile_sub_list .box_1 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	clear: both;}

.profile_sub_list .img {
    width: 120px;
    width: "130px"; /* IE Hack - Absolute width */
    margin: 0px;
    padding: 0px 5px 5px 5px;
    float: left;
    overflow: visible;
	}

.profile_sub_list img {
    width: 120px;
    }

.profile_sub_list .box_2 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 130px;
	}

.profile_sub_list .box_3 {
	width: 200px;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	display: none;
	}

.profile_sub_list .box_4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	clear: both;
	}

/* ---------- organize image & body within _list */
.pic_sub_list{
	}

.pic_sub_list .box_1 {
	width: 150px;
	width: "170px"; /* IE Hack - Absolute width */
	margin: 5px;
	padding: 10px 5px 0px 5px;
	overflow: visible;
	border: 1px solid #cc3333;
	float: left;
	text-align: center;
	}

.pic_sub_list .box_1 .img {
    margin: 0px;
    padding: 0px;
    width: 150px;
    height: 200px;
    overflow: hidden;
	}

.pic_sub_list .box_1 img {
    width: 150px;
    }

.pic_sub_list .box_2 {
	padding: 2px;
	margin: 0px;
	font-size: 9px;
	color: #666666;
	background: #eaeaea none;
	}

.pic_sub_list .box_4 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	clear: left;
	}




/* MODULE: BLOG MANAGER // SUBSCRIBERS
NOTE THAT THE BLOG MANAGER INCLUDES:
SEARCH FOR ALL BLOGS, LITING PAGES, DETAILED PAGES AND IMAGE LISTS AND DETAILS
DIRECTLY UNDERNEATH 'container_sub' */

/*  general settings for all blog related pages   */
#blog_sub {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 20px;
	vertical-align: top;
	overflow: visible;
	}
	
#blog_sub #right_col_sub {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 190px;
	width: "190px"; /* IE Hack - Absolute width */
	padding: 0px 0px 0px 20px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	}
		
#blog_sub div.nav {
	padding: 2px 5px 2px 5px;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	background: #FBEEEE;
	border-top: 1px solid #cc3333;
	}

/* upload icon as download */
#blog_sub .download {
	font-weight: normal;
	font-style: normal;
	margin-top: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left;
	}

/* push link to the right if you upload icon as download */
#blog_sub .blog_sub a{
	margin-left: 15px;
	}


.blog_sub_view .box_1 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	clear: left;}

.blog_sub_view .img {
    width: 150px;
    width: "150px"; /* IE Hack - Absolute width */
    margin: 0px;
    padding: 0px 5px 5px 5px;
    float: left;
    overflow: visible;
	}

.blog_sub_view img {
    width: 150px;
    }

.blog_sub_view .box_2 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 170px;
	}

.blog_sub_view .box_3 {
	width: 150px;
	width: "150px"; /* IE Hack - Absolute width */
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	}

.blog_sub_view .box_4 {
	margin: 0px 0px 10px 0px;
	padding: 0xp 0px 10px 0px;
	clear: both;
	}

/* ---------- organize image & body within _list */
.blog_sub_list .box_1 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	clear: both;}

.blog_sub_list .img {
    width: 120px;
    width: "130px"; /* IE Hack - Absolute width */
    margin: 0px;
    padding: 0px 5px 5px 5px;
    float: left;
    overflow: visible;
	}

.blog_sub_list img {
    width: 120px;
    }

.blog_sub_list .box_2 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 130px;
	}

.blog_sub_list .box_3 {
	width: 200px;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	display: none;
	}

.blog_sub_list .box_4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	clear: both;
	}








/* MODULE: PRODUCT MANAGER
NOTE THAT THE PRODUCT MANAGER INCLUDES:
SEARCH FOR ALL PRODUCT, LISTING PAGES, DETAILED PAGES AND IMAGE LISTS AND DETAILS
DIRECTLY UNDERNEATH 'container_sub' */

/*  general settings for all product related pages   */
#product_sub {
	padding: 5px;
	vertical-align: top;
	overflow: visible;
	}
#product_sub .box_1 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	clear: left;
	}
#product_sub .box_1 .img {
	float: left;
	}
#product_sub .box_1 img {
	width: 100px;
	}

#product_sub .box_2 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 105px;
	}

#product_sub .box_3 {
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	}

/* DIRECTLY UNDERNEATH 'product_sub'
contains footer info and buttons */
#product_sub .box_4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	clear: both;
	}

/* upload icon as download */
#product_sub .download {
	font-weight: normal;
	font-style: italic;
	margin-top: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left;
	}

/*   settings for picture related LIST page  _list.cfm */
.product_sub_list {
    margin: 0px;
    padding: 0px;
    }

.product_sub_list ul {
	list-style-type: none;
	margin: 2px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	padding-top: "0px"; /* IE Hack */
    padding-left: "2px";  /* IE Hack */
    }

.product_sub_list li {
    padding: 2px 0px 0px 2px;
    margin-bottom: 5px;
    height: 80px;
	overflow: hidden;
	border-bottom: 1px dashed #cc3333;
	}

.product_sub_list li img {
	width: 40px;
	border: 0px;
	padding: 0px 5px 0px 5px;
    float: left;
	}

.product_sub_list li img.new {
	width: 40px;
    float: none;
    }
.product_sub_list li img.featured {
	width: 40px;
    float: none;
    }


.product_sub_list .box_1 {
    background: red;
    margin: 5px;
    padding: 0px;
    }

.product_sub_list .box_1 img {
	width: 20px;
	}

.product_sub_list .box_2 {
	padding: 0px;
	margin: 0px;
    backgrou1nd: blue;

	}
.product_sub_list .box_2 img {
    height: 20px;
    }

.product_sub_list .box_3 {
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	}
.product_sub_list .box_4 {
    clear: both;
    }



/* define placement of small navigation in product pages */
#product_sub div.nav {
	float: left;
	margin: 5px 5px 5px 5px;
	border: 1px solid black;
	text-align: center;
	font-size: 9px;
	color: #cccccc;
	background-color: #eaeaea;
	}

/* --------------------------- Not Needed
#product_sub h1{
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	}

#product_sub h2{
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	}

#product_sub h3{
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
	}
--------------------------------- */

/* DIRECTLY UNDERNEATH 'product_sub'
contains image and name and description */


/* ------------------------- Needed ??push link to the right if you upload icon as download
#product_sub .blog_sub a{
	margin-left: 15px;
	}

#product_sub ul.Thumbnails {
  margin: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  	}
#product_sub li.Thumbnails  {
  list-style-type: none;
  float: left;
  width: 190px;
  padding: 2px;
  padding-top: 1px;
  margin: 5px;
  margin-left: 0px;
  border: 0px solid #ffffff
  	}
-------------------------- END PRODUCT MODULE- */






/* FOOTER ELEMENTS
--------------------------------------------------------*/

#footer{
	padding: 0px;
	margin: 0px;
	clear: both;
	 /* border: 1px solid red;  enable to check whether parameters are correct on HTM page    */
	}

/* footer class to define images etc */
.footer_content{
	font-weight: normal;
	height: 30px;
	background: #ffffff;
    border-bottom: 1px solid #cccccc;
	}

/* footer class left for vivo logo */
.vivofooter_left  {
	float: left;
	margin-top: 10px;
    margin-right: 2px;
    font-family: Arial, Verdana, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #666666;
	 /* border: 1px solid red;  enable to check whether parameters are correct on HTM page    */
	}
/* footer class left for vivo logo */
.vivofooter_right{
	float: right;
	margin-top: 10px;
    margin-right: 2px;
    font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 8px;
	color: #666666;
	 /* border: 1px solid red;  enable to check whether parameters are correct on HTM page    */
	}



/* FORM ELEMENTS
--------------------------------------------------------*/
.htmform {
	/* border: 1px solid #234560;	enable to check whether parameters are correct on HTM page    */
	}

select {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}



.htmform input {
	margin: 2px 0px 2px 0px;
	background: none;
	border: 1px solid #cccccc;
	}
.htmform li input{ 
   	border: 0px solid #cccccc;
	}


.htmform ul.thumbnails {
    list-style-type: none;
    margin: 0px 0px 0px 10px;
}

.htmform li.thumbnails {
    float: left;
    width: 190px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    margin-left: "0px"; /* IE Hack - Absolute width */
}


.formlabel{
	font-size: 11px;
	color: #333333;
	padding: 1px 1px 1px 1px;
	background-color: #ffffff;
	border: 1px solid #234560;
	}

.htmform formlabel_2{
	font-size: 11px;
	color: #333333;
	padding: 1px 1px 1px 1px;
	background-color: #ff0000;
	border: 1px solid #234560;
	}


/* SPECIAL CUSTOMIZED  ELEMENTS FOR MAIN PORTAL
--------------------------------------------------------*/

/* positioning of banner section on site
directly underneath wrapper */
#container_banner{
	width: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 750px;
	margin-right: 0px;
	background: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: none; /*   enable to check whether parameters are correct on HTM page    */
	}
/* positioning of main website section on site
directly underneath wrapper */
#mainsite{
	f1loat: left;
	padding: 0px;
	margin: 0px;
	background: none;  /* enable to check whether parameters are correct on HTM page    */
	}


/*  general settings for Latest Blogs    */
/*  top settings mainly for top image   */




/* disabled
.blog2_content_top h1{
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	margin-bottom: 4px;
	margin-top: 0px;
	margin-left: 25px;
	}

.blog2_content h2{
	font-weight: bold;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.blog2_content .blurb {
	font-weight: normal;
	font-style: normal;
	color: #666666;
	font-size: 9px;
	margin: 0px;
	border-bottom: 1px dashed #cc3333;
	}

.blog2_content ul {
	list-style-position: outside;
	list-style-image: url('http://dev26.vivoconcepts.com/uploadfiles/1/system/arrow_right_bl.gif');
	}

.blog2_content li {
	margin-left: -30px;
	}

.blog2_content a:link, .blog2_content a:visited{
	text-decoration: none;
	}
.blog2_content a:active, .blog2_content a:hover{
	text-decoration: underline;
	}


------------------*/



/*  general settings for Latest subscribers    */
/*  top settings mainly for top image   */
.subscriber_content_top {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

.subscriber_content {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	/* border: 1px solid #999999;    enable to check whether parameters are correct on HTM page    */

	}

/*  bottom settings mainly for bottom image   */
.subscriber_content_bottom {
	margin: 0px;
	padding: 0px;
	/* border: 1px solid #999999;   enable to check whether parameters are correct on HTM page    */
	display: none;  /* ALPESH - hide empty div */
	}

/* -------------------
	blog headline i.e. 'blog' as set in layout manager
    NEED to ADD "sectiontitle" class to h1 in CFM
.subscriber_content_top h1 {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	margin-bottom: 4px;
	margin-top: 0px;
	margin-left: 25px;
	}
--------------- */

/*  text list from database     */
.subscriber_content h2{
	font-weight: bold;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

.subscriber_content ul {
	list-style-type: none;
	margin: 2px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
	padding-top: "0px"; /* IE Hack - Absolute width */
    padding-left: "2px"; /* IE Hack - Absolute width */
    }

.subscriber_content li {
    height: 55px;
    height: "50px"; /* IE Hack - Absolute width */
    padding: 2px 0px 0px 2px;
    margin-bottom: 5px;
	overflow: hidden;
	border-bottom: 1px dashed #cc3333;
	}

.subscriber_content li img {
	width: 50px;
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	}

.subscriber_content .vivobody {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}

.subscriber_content .vivocell {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	}


/*  general settings for Latest resource    */
/*  top settings mainly for top image   */

.resource_content_top{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}


/*  general settings for EVENTS BOX   */
.resource_content{
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	/* border: 1px solid red;   enable to check whether parameters are correct on HTM page    */
	}

/*  bottom settings mainly for bottom image   */
.resource_content_bottom{
	margin: 0px;
	padding: 0px;
	background: url('http://dev26.vivoconcepts.com/uploadfiles/1/system/arrow_right_bl.gif') no-repeat bottom;
	/* border: 1px solid red;   enable to check whether parameters are correct on HTM page    */
	display: none;
	}

/*  BOX headline i.e. 'EVENTS' as set in layout manager    */
.resource_content_top h1{
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	margin-bottom: 4px;
	margin-top: 0px;
	padding-left: 25px;
	}

/*  text list from database     */
.resource_content h2{
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	vertical-align: top;
	}

/* ----------------- Not Needed
.resource_content ul {
	list-style-position: outside;
	list-style-type: square;
	margin-bottom: 0px;
    }
------------------------- */

.resource_content li {
	margin: 2px 0px 2px -24px;
	}

.resource_content a:link, .resource_content a:visited {
	text-decoration: none;
	}
.resource_content a:active, .resource_content a:hover {
	text-decoration: underline;
	}


/* ---------- TABLE Stuff */
.venue td {
	padding: 0px 5px 2px 0px;
	}

/* Extranet Menu */
p.ExtranetWelcome {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0px;
    font-weight: bold;
    }
p.ExtranetLoggedIn {
    margin-top: 0px;
    font-size: 12px;
	font-weight: bold;
    }
p.ExtranetMenu {
    margin: 0px 0px 2px 0px;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    color: #000000;
	background: #eaeaea;
	border-top: 1px solid #cc3333;
    }
p.ExtranetMenuPD {
    color: #000000;
    margin: 2px;
    padding: 2px;
    font-weight: bold;
    font-size: 16px;
    }
a.ExtranetMenuPD, a.ExtranetMenuPD:visited  {
     color: #cc3333;
     }