/*	Templates are used to solve common design patterns for page layout. Using these 
	templates you can build pages which have a header, footer, left and/or right 
	columns, and a main content area.
	
*/
/*	Organization of style types:
	* positioning (with coordinates) styles
	* float/clear styles
	* display/visibility styles
	* spacing (margin, padding, border) styles
	* dimensions (width, height) styles
	* typography-related (line-height, color, etc.) styles
	* miscellaneous (list-style, cursors, etc.) styles
*/

/* ====== Page Header, Body, Footer ====== */
#page { /* wraps other template elems to set width */ /* text-align IE5.5 */
	margin: 0 auto;
	width: 1004px;
	_text-align:left;
}
#pageContent {
	margin: 0 auto;
	width: 950px;
}
.page-top, .page-bottom {
	height: 7px;
	font-size: 1px; /* to force the height of 7 pixel */
	overflow: hidden;
}
#hd, #bd, #ft {
	overflow: hidden;
	_overflow:visible;
	_zoom:1;
}
#hd {
	margin: 1px;
}
/* ====== Main Columns ====== */
#content {
	float: left;
	display: inline;
	margin-left: 16px;
	width: 694px;
	/*overflow: hidden;*/
	_overflow:visible;
	_zoom:1;
	
}
/*Created to avoid overlapping */
#contentMyProfile{
	padding-top:5px;
}

#sidebar {
	float: right;
	display: inline;
	margin-right: 20px;
	width: 210px;
}
#content, #sidebar {
	margin-top: 11px;
}
.full-page #content  {
	float: none;
	display: block;
	margin: 0 1px;
	width: auto;
}
/* ====== Header ====== */
.mastHead {
	position: relative;
	height: 59px;
}
/* ====== Footer ====== */
.footer {
	margin: 20px 11px 0;
	padding: 20px 0;
}
.footer li {
	margin-right: 10px;
	padding-right: 10px;
}


.last {
	border: none !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
	overflow: hidden;
	_overflow:visible;
	_zoom:1;
}