@charset "utf-8";
/* CSS Document */

/* =========================================  NORMALIZING  ================================================== */


/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{
	margin : 0;
	padding : 0;
}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists 
table { border-collapse : collapse; border-spacing : 0; } */

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }


/* ================================== PAGE LAYOUT ====================================================================== */ 


div#wrapper {
	margin: auto;
	padding: 0px;
	width:95%;
	max-width:1080px;
	min-width:950px;
}
   
   /* IE 6 Hack - Max/Min Width */

* html div#wrapper {
	width: 1010px /* fallback value */;
	width:expression(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	> 1098 ? "1080px" : (((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) < 970 ? "952px" : "95.7%")); 
}

/* ================================== HEADER ====================================================================== */ 

div#header {
	height:105px;
	margin: 0px;
	padding: 1px;
	position:relative;
	z-index: 9;
}

div#header p {
	float:right;
	width:400px;
	display:block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
	}


/*      ~~~~~~~~~~~~    NAVBAR       ~~~~~~~~~~~~~~~~  */
	
ul#navbar {
	padding-top:35px;
	clear:right;
	padding-right:20px;
	position:absolute;
	top:40px;
	right:0px;
	width:550px;
	z-index: 10;
}	
	
	
ul#navbar li{
	display:inline;
	float:right;
	list-style:none;
	padding:10px 0 0 5px;
}

ul#navbar a {
	display:block;
	/*height:20px;*/
	padding:7px 9px 3px 6px;
}


div#bluebar {
	height:58px;
	width:100%;
	position:relative;
}

div#bluebar li {
	display:inline;
	padding:0px 0 0px 10px;
	float:right;
	margin-right:0px;
}
div#bluebar li a {
	display:block;
	background:url(../_common.images/bluebg-rcurve-v2.gif) bottom right no-repeat;
	padding:9px 15px 9px 5px;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;

}
div#bluebar ul {
	display:block;
	width:880px;
	height:33px;
	right:10px;
	position:absolute;
	top:27px;
}
div#bluebar img {
	float:left;
	margin-top:7px;}


div#melcrum_logo {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#breadcrumb {
	height:15px;
	padding:10px;
}
	
/* ================================== MAIN CONTENT ====================================================================== */ 



div#main {
	margin-left: 211px;
	margin-right: 229px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
	min-height:800px;
	
}

div#main .textOnLeft50 {
	width:50%;
	float:left;
	
}
div#main .textOnRight50 {
	width:50%;
	float:right;
}

img.img_left {
	float:left;
	margin:0 10px 10px 0;
}

img.img_right {
	float:right;
	margin:0 0 10px 10px;
}

img.img_right_bordered {
	float:right;
	margin:5px 0 10px 10px;
	border:1px solid #666666;
}
img.img_left_bordered {
	float:left;
	margin:5px 10px 10px 0;
	border:1px solid #666666;
}
img.img_right_bordered2 {
	float:right;
	margin:5px 0 10px 10px;
	border:1px solid #d7d3b2;
}
img.img_left_bordered2 {
	float:left;
	margin:5px 10px 5px 0;
	border:1px solid #d7d3b2;
}

.clearContent {
	overflow:hidden;
	width:100%;
	margin-bottom:15px;
}

div.AddThis_right {
	float:right;
	margin:10px 10px 0 10px;
}


			/*-------------------   LEFT COLUMN   ------------------------*/

div#column1 {       /*borderlines on the left */
	margin: 0px;
	padding: 0px;
	width: 100%;	
}

div#leftCol {
	margin:0;
	padding:0;
	width:209px;
}
div#searchForm form {
	width:190px;
}
div#searchBox {
	width:190px;
}
div#searchBox input {
	margin:12px 5px;
}
div#searchForm {
	margin:10px;
} 	

div#leftcolumn {
	width: 209px;
	float: left;
	position: absolute;
}

div#leftcol_img,
div#leftcol_img2 {
	height:150px;
	width:210px;
	text-indent:-9999px;
}

ul#left_menu {
	list-style:none;
	margin:0;
	padding:0;
}

li#free_trial a {
	display:block;
	height:41px;
	width:210px;
	text-indent:-9999px;
}

li#become_member a {
	display:block;
	height:42px;
	width:210px;
	text-indent:-9999px;
}

li#member_area a {
	display:block;
	height:42px;
	width:210px;
	text-indent:-9999px;
}

.content_5px {
	padding: 10px 8px;
}

.content_5px p {
	margin-bottom:8px;
	padding-bottom:10px;
}

.preload {display:none;} /* This is used for preloading images */

			/*-------------------   RIGHT COLUMN   ------------------------*/

div#column2 {     /*borderlines on the right */
	margin: 0;
	padding: 0;
	width: 100%;
}

div#rightColumn {
	margin:0;
	padding:0 0 80px 0;
	width:227px;
}

div#rightColumn ol {
	display:block;
	margin-left:0px;
	padding-left:0px;
}

div#rightColumn li {
	padding-left:0px;
	margin-left:25px;
}

div#rightColumn li p {
	left:20px;
	display:block;
	padding-left:0px;
	margin-left:0px;
}

div#rightColumn {
	width: 227px;
	float: right;
}

div#about_melcrum {
	padding-top:80px;
}
div#rightnav_back {
	padding-bottom:10px;
	width:211px;
	}


/* ================================== FOOTER ====================================================================== */ 
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: auto;
	margin: 0;
	padding: 0;
}

div#foot {
	padding: 10px;
	clear: both;
}

div#foot a {
	float:left;
}

div#foot p {
	float:right;
}

div#gototop {
	position:absolute;
	top:-24px;
	left:214px;
	width:80px;
	padding-left:18px;
	padding-top:5px;
	height:15px;
}
div#fresh_header
{
	background:url(../images/member_event/fresh_ideas.png) right center no-repeat;
	width:;
	height:160px;
	padding:20px 0 0 10px;
}
.hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	color:#CCCCCC;
	margin:10px;
	border:0;
	height:1px;
}
.hr_short{
	color: #CCCCCC;
	background-color: #CCCCCC;
	color:#CCCCCC;
	margin:10px 20px 10px 20px;
	border:0;
	height:1px;
	width:560px;
}
.member_briefing
{
	background:url(../images/member_event/main_img.jpg) top center repeat-y;
	width:600px;
	height:auto;
	padding:10px 0 0 0;
	margin:0 0 0 10px;
}
.member_briefing p
{
	padding:0 20px 0 20px;
}