#Envelop{ width:1036px; height: 1100px; background :#ffffff; padding:0px; margin: 0px auto; border:1px black dotted}

#BannerFrame {position:relative;margin: 0;}
 
/*Banner Frame, 90px height,Menu 40 px height, Image: 459 px height, Image caption 40 px high, bubbles, 11 px high, twitter 400 px high, and footer 40 px, total height = 90+40+459+40+31+400+40 = 1080
/* Mid Section height = Image: 459 px height, Image caption 40 px high, bubbles, 11 px high, twitter 400 px high = 910 px*/
#MidSection{
	
	width:100%;
	height:930px;
	border-bottom:1px gray dotted;

}

#MidSection .left{
	
	float:left;
	width:219px;
	height:930px;
	border-radius: 4px;	
    background: -webkit-linear-gradient(#FAF5CB, #E5CF00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FAF5CB, #E5CF00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FAF5CB, #E5CF00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FDE9a3, #FDE9b3, #fff); /* Standard syntax (must be last) */	
    border-right:1px black dotted;
}


#MidSection .left .TOC{
	height:auto;
	padding:0px;
	margin: 0px;
	position:relative;
	
}
#MidSection .left h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#aaa;
	padding-top: 10px;
	padding-bottom:10px;
	text-align:center;
	
}

#MidSection .left .Social{
	height:60px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:30px;
	margin: 0px;

}

#MidSection .left .Social a{
	
	padding:5px;
	margin: 0px;
	background:none;
	float: left;	
}

#MidSection .left .Twitter{
	
	z-index:10;
	width:200PX;
	height:400px;
	padding-left:15px;
		
}



.TOC ul 
{
	padding: 0px;	
	
}
.TOC ul li
{
	
	padding: 10px 0px 10px 0px;
	margin: 0px;
	font: normal 14px arial;
	
}
.TOC ul li a {
	text-decoration: none;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	
}
.TOC ul li a:hover {
	text-decoration: underline ;
	font-weight:bold;
	
}

.TOC ul li a:visited {
	color: #000000;
	text-decoration:none;
	}





iframe {
    margin: 0px;
    padding: 0px;
    background: none; /* this is just to make the frames easier to see */
    border: none;
    width:816px ;
    height:910px;
   
  
}



#InfoBox{
	
	width:796px; /* 816-10 px margin on right and left */
	height: 380px;
	Padding:10px;
	margin-top: 61px;
	border-radius: 4px;
	
	float:left;
	
}

#InfoBox .InfoImage{
	width:170px;
	height: 170px;
	Padding-left: 10px;
	margin: 0px;
	float:left;
}




#FooterBox{
	height:40px;
	background-color:orange;
	margin:0px;
}

.FooterTable{
	padding:10px;
}

.RightAlighnedText{
	text-align:right;