.fake{}

html
{
	overflow-y: scroll;	
}

body {
	font-size:62.5%;
	background-color: #ffffff;
	font-family:arial,sans-serif;
	background-attachment: fixed;
	background-image: url(/img/bg_diag_grad_03.gif);
	background-repeat: repeat-x;
	} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.container
{
	width:978px; 
	padding-top:10px; 
	padding-bottom:20px; 
	margin:0 auto; 
	font-size:1.0em;
}

.header 
{
	width: 958px; 
	/* min-height: ;  Non-IE6*/ 
	height: auto !important /*Non-IE6*/;
	/* height: ; IE6*/
	border-left: solid 10px #4c9792; 
	border-right: solid 10px #4c9792; 
	/*background: rgb(225,225,225) url(../img/bg_header.jpg) repeat-x; //Total header background image entered here. Height: 125px*/
	font-size: 1.0em;
}

.header-top
{
	clear: both; 
	width: 958px; 
	background: #ffffff;
	font-size:1.0em;
	/* height: ;  */
}

.ffplugin
{
	padding: 10px 20px 0px 20px; 
	font-size: 1.0em;
}

.navbar
{
	white-space:nowrap /*IE hack*/; 
	float: right; 
	position: relative; 
	margin: 0; 
	 left: 0px; 
	width: 715px; 
	background-color: #ffffff; 
	font-family:tahoma,arial,sans-serif; 
	font-size:125% !important /*Non-IE6*/; 
	font-size:145% /*IE6*/;
} /*Color navigation bar normal mode*/

.main {clear:both; width:958px; padding:10px 0 20px 0; border-left: solid 10px #4c9792; border-right: solid 10px #4c9792; background-color: #4c9792; font-size: 1.00em; }

.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:676px; background-color: #4c9792; font-size: 1.00em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

.contentadm {display:inline; /*Fix IE floating margin bug*/; float:left; width:776px; background-color: #4c9792; font-size: 1.00em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

.subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:270px; background-color: #4c9792; font-size: 1.00em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left: solid 10px #4c9792; border-right: solid 10px #4c9792; background-color: #ffffff; font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}


/* SITE ACCENT IMAGE */
.navbar .accent
{
	z-index:3;
	position:relative;
	float:right;
	margin: 0px 0px 0px 0px;
	width: 715px; height: 179px;	 right: 0px; 
	/* background: #ffffff url(/img/_accent_03.jpg) no-repeat;    Removing this give 1px whit on right and bottom*/
}


/* SITENAME AND SLOGAN */

.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:27px 0 0 95px; overflow:hidden;}
.sitename h1 {font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290% !important /*Non-IE6*/; font-size:260% /*IE6*/;}
.sitename h2 {font-family:verdana,arial,sans serif; margin-top:-5px; padding-bottom:2px; color:rgb(125,125,125); height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.sitename a{text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none;}

/* BUTTON NAVIGATION */
.navbutton {width:400px; position:absolute; z-index:2; margin-top:26px; margin-left:547px !important /*Non-IE6*/; margin-left:550px /*IE6*/;}
.navbutton ul {float:right;}
.navbutton li {display:inline; list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:32px;}

/* GLOBAL NAVIGATION */
.navglobal {width:600px; position:absolute; z-index:3; margin-top:65px; margin-left:349px !important /*Non-IE6*/; margin-left:351px /*IE6*/;}
.navglobal ul {float:right; font-weight:normal;}	
.navglobal li {display:inline; list-style:none;}
.navglobal li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.navglobal a:hover {text-decoration:none; color:rgb(255,255,255);}

/*******************/
/*  HEADER BOTTOM  */
/*******************/

/* BREADCRUMB */
.header-bottom ul {float:left; width:430px; list-style:none; padding:8px 0 3px 10px !important /*Non-IE6*/; padding:8px 0 3px 10px /*IE6*/;}
.header-bottom ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom ul li.nobullet {display:inline; padding:0; background:none; color:rgb(75,75,75);}
.header-bottom ul a {color:rgb(125,125,125); font-weight:bold; text-decoration:none;}
.header-bottom ul a:hover {color:rgb(255,255,255);}

/* SEARCH FORM REMOVED */



/* BMICALC TOP DIV */

.sitelogo
{
	width:240px; 
	height: 217px; 
	position:absolute; 
	margin: 0; 
	/*z-index:10;  background:url(/img/wittgrove_top_logo.jpg); */
}


.logoalone
{
	width:240px; 
	height: 216px; 
	position:absolute; 
	margin: 0; 
	font-size:1.0em;
	background: #ffffff url(/img/wittgrove_white_logo.jpg) no-repeat;
}

.logoalone a
{
	width: 240px; 
	height: 216px; 
	position: absolute; 
	margin: 0; 
}

.logomsg
{
	width: 220px; 
	position:absolute; 
	font-size: 1.0em;
	text-align: justify;
	margin: 132px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #333333;
}

.logobmi
{
	width:240px; 
	height: 216px; 
	position:absolute; 
	margin: 0; 
	font-size:1.0em;
	background: #ffffff url(/img/wittgrove_top_logo.jpg) no-repeat;
}

.logobmi a.gohome
{
	left: 1px;
	width: 240px; 
	height: 120px; 
	position: absolute; 
	margin: 0; 
}

.bmicalc
{
	float: left;
	padding: 153px 0px 0px 65px;
	font-size:  1.00em;	
}

#bmi_sc
{
	width:225px; 
	height: 107px; 
	margin: 0; 
	background: #ffffff url(/img/bmi_bkgd.jpg) no-repeat;	
	/* float: center; */
	padding: 0px 0px 0px 0px;
	font-size:  1.00em;	
}

#bmi_sc .calcnow
{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #555555;
}

#bmi_sc .bmi_span
{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 109%;
	font-weight: bold;
	color: #2f727a;}

#bmi_a
{	
	font-size: 1.1em;
	width: 180px;
	margin: 0px 0px 0px 70px;
	padding: 15px 0px 4px 5px;
	color: #666666;
	text-decoration: none;
	}


/* ADMIN TABLES */

.signups
{
	padding-left: 20px;
}

.signups th
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}

.signups td
{
	font-size: 1.0em;
	padding: 0px 10px 0px 10px;
}

.admclearit
{
	font-size: 0.80em;
	padding: 0px 10px 0px 10px;
}


/* BMICALCULATOR TABLE */


#thecalculator
{	
	text-align: center;
}


#thecalculator ul
{	
	padding: 0;
	border-top: 1px solid #ccc;
	width: 170px;
	float: left;
	margin: 0px 0px 10px 0px;
}

#thecalculator li
{
	margin: 0; 
	padding: 0; 
	text-align: center; 
	list-style-type: none;
	border-bottom: 1px solid #ccc;
}

#thecalculator a
{
	text-decoration: none;
}

#thecalculator a:active, #thecalculator a:link, #thecalculator a:visited
{
	display: block;
	background: #ffffff; 
	color: #666666;
	text-decoration: none;
	padding: 5px 8px 5px 8px;
}

#thecalculator a:hover
{
	background: #d7edeb; 
	text-decoration: none;
}



#calctable
{
	margin: 0 auto; 
	text-align: center;
}

#calctableres
{
	margin: 0 auto; 
	text-align: center;
}


#calctable th
{
	margin: 0 auto;
	text-align: center;
	font-size: 1.00em;
	font-weight: bold;
	padding: 20px 0px 12px 0px;
}

#calctable td
{
	margin: 0 auto;
	text-align: center;
	font-size: 1.00em;
	font-weight: bold;
	padding: 0px 0px 20px 0px;
}

.bminput
{
	border: thin double  #2f727a;	background-color: #ededed;
	font-size: 1.3em;
	font-weight: bold;
	width: 4.00em;
	padding-top: 0.5em;
	padding-right: 0.8em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
	text-align: center;
}

.therror
{
	color: #c71717;	
}

.bmispanmo
{
	color: #c71717;	
}

.bmispano
{
	color: #c75d17;	
}

.bmispanow
{
	color: #c7a817;	
}

.bmispannor
{
	color: #2cc717;	
}
.bmispanth
{
	color: #1793c7;	
}

.bmispanuw
{
	color: #c75d17;	
}

.h2_green_bmi
{
	text-transform: uppercase;
	font-size: 109%;
	font-weight: bold;
	color: #2f727a;}

.h2_green { color: #2f727a; }

/********************/
/*  NAVIGATION BAR  */
/********************/

/* MAIN MENU 
.navbar { margin: 0px 0px 0px 0px; }*/
.navbar ul {list-style-type:none;}
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color: #ffffff;}

.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: #646464; border-right:solid 0px rgb(215,215,215);}

.navbar ul li a.selecttop {background-color: #f2fbfa; float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: #646464; border-right:solid 0px rgb(215,215,215);}

.navbar ul li ul {display:none; border:none;}

/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} 

.navbar ul li:hover a {background-color: #f2fbfa; text-decoration:none;} /*Color main cells hovering mode*/

.navbar ul li:hover ul {display:block; width:11.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
.navbar ul li:hover ul li a {white-space:normal; display:block; width:11.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color: #f2fbfa; font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/

.navbar ul li:hover ul li a:hover {background-color: #bae4df; /* rgb(225,225,225); */ text-decoration:none;} /*Color subcells hovering mode*/

.navbar ul li:hover ul li a.selected {background-color: #bae4df; /* rgb(225,225,225); */ text-decoration:none;} /*Color subcells when class=selected mode*/


/* SUBMENU (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative; z-index:1000; background-color: #f2fbfa; /* rgb(235,235,235); */ text-decoration:none;} /*Color main cells hovering mode*/

.navbar ul li a:hover ul {display:block; width:12.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:12.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color: #f2fbfa; font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/

.navbar ul li a:hover ul li a:hover {background-color: #bae4df; text-decoration:none;} /*Color subcells hovering mode*/

.navbar ul li a:hover ul li a.selected {background-color: #bae4df; text-decoration:none;} /*Color subcells hovering mode*/

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

/* CONTAINER (NO BOXES) */
.content-1col-nobox {width:676px; background-color:rgb(255,255,255);}


.content-1col-nobox-adm {width:956px; background-color: #ffffff;}

.content-seminar-schedule
{
	width: 675px; 
	background-color: #ededed;
	padding: 7px 0px 5px 0px;
	border: 1px solid #444444;
}

.content-2col-nobox-leftcolumn {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}

/* CONTAINER (BOXES) */
.content-1col-box {width:676px; background-color:transparent;}
.content-2col-box-leftcolumn {display:inline; float:left; width:333px; background-color:transparent;}
.content-2col-box-rightcolumn {display:inline; float:right; width:333px;  background-color:transparent;}
.content-2col-box {width:333px; background-color:rgb(255,255,255);}


.black_header
{
	color: #000000;
}

#justified_content
{
	text-align: justify;
}

#justified_content p.leadpoint
{
	font-weight: bold;	
	padding-top: 18px;
}

#justified_content p.minorpoint
{
	font-weight: bold;
	color: #333333;
}

.admindeprec
{
	color: #333333;
	font-size: 80%;
	padding: 0px 0px 0px 18px;
}

.hilite
{
	font-weight: bold;
	color: #333333;
}

.underdash
{
	border-bottom: 1px dashed #666666;
	width: 80%;
	margin: 0 auto;
}

.mediaima
{
	text-align: center;
	top: auto;
	padding: 0px 0px 18px 0px;
}

.albumima
{
	text-align: center;
	padding: 0px 0px 18px 0px;
}

.mediahost
{
	padding: 10px 0px 0px 0px;
}

#flvmoviecontent
{
	margin: 0 auto;
	text-align: center;
	padding: 20px 0px 50px 0px;
}

#flvmoviecontent a:link, #flvmoviecontent a:visited, #flvmoviecontent a:active
{
	color:  #175d59; 
	font-weight: bold; 
	text-decoration: none; 
	border-bottom: 1px dotted #b4b4b4;
}

#flvmoviecontent a:hover 
{
	color:  #051c1b; 
	font-weight: bold; 
	text-decoration: none; 
	border-bottom: 1px solid  #051c1b;}

#flvmoviecontent h1 {
	clear: both; /*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 0px 0 20px;
	padding: 0px 0px 15px 0px;
	color: #1e545a; 
	font-weight: bold; 	
	font-size: 180% !important /*Non-IE6*/;
	font-size: 160% /*IE6*/;
}

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

.subcontent-box {width:270px; float:right; background-color:rgb(255,255,255);}
.subcontent_green { color: #1e545a; }


/* SEMINAR SCHEDULE */

#seminar_schedule tbody tr td
{
	background-color: #ffffff;
}

#seminar_schedule tbody tr.odd td
{
	background-color: #c0ced9;
}


/************/
/*  FOOTER  */
/************/
.footer p {clear:both; line-height:1.4em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size: 1.00em; }
/* .footer p.credits {clear:both; font-weight:normal;} */
.footer a:link, .footer a:active, .footer a:visited { color: #175d59; font-weight:bold; text-decoration:none;  border-bottom: 1px dotted #b4b4b4;}
.footer a:hover {color: #051c1b; font-weight:bold; text-decoration:none; border-bottom: 1px solid  #051c1b;}

/*********************/
/*  ROUNDED CORNERS  */
/*********************/

/* PAGE */
.corner-page-top {width:978px; height:10px; background:transparent url(../img/bg_corner_page_top.gif) no-repeat; overflow:hidden;}
.corner-page-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(../img/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}

/* CONTENT */
.corner-content-1col-top {clear:both; width:676px; height:7px; background:white url(../img/bg_corner_content_1col_top.gif) no-repeat; overflow:hidden;}
.corner-content-1col-bottom {clear:both; width:676px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_1col_bott.gif) no-repeat; overflow:hidden;}
.corner-content-2col-top {width:333px; height:7px; background:transparent url(../img/bg_corner_content_2col_top.gif) no-repeat; overflow:hidden;}
.corner-content-2col-bottom {width:333px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_2col_bottom.gif) no-repeat; overflow:hidden;}


/*
.corner-content-1col-top2 {clear:both; width:776px; height:7px; background:white url(../img/bg_corner_content_1col_top.gif) no-repeat; overflow:hidden;}

.corner-content-1col-bottom2 {clear:both; width:776px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_1col_bott.gif) no-repeat; overflow:hidden;}
*/




/* SUBCONTENT */
.corner-subcontent-top {clear:both; width:270px; height:7px; background:transparent url(../img/bg_corner_subcontent_top.gif) no-repeat; overflow:hidden;}
.corner-subcontent-bottom {clear:both; width:270px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_subcontent_bottom.gif) no-repeat; overflow:hidden;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
 
/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */                 
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}

/*  USED ONLY FOR DEMO PAGE FOR GRID SETUP  */
/*  Do not use for operational purposes     */
/***********************
.main p.demo {margin:0; padding:10px 20px 50px 20px;} */



/********************************************/

