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

body 		{	width: 902px; 
	margin: 0 auto; 
background-image:url(images/noisy_grid.png);

			}


/*everything below is for menubar*/

#menubar 	{float: left;
margin: 0px 0px 0px 259px;
border-radius: 5px;
width: 645px;

			}
		
.menuitem 	{	Align: center;
				color: white;
				font-family: 'Lato', sans-serif;
				font-weight: 400;
				text-transform: uppercase;
				font-size: 13px;
				line-height: 105px;
				padding: 20px 12px;
				border-left: 1px solid #000;
				background: #fff;
				opacity: .8
				
				}
				
				.menuitemfirst 	{	Align: center;
				color: white;
				font-family: 'Lato', sans-serif;
				font-weight: 400;
				text-transform: uppercase;
				font-size: 13px;
				line-height: 105px;
				padding: 20px 12px;
				border-left: none;
				background: #fff;
				border-top-left-radius: 3px;
				border-bottom-left-radius: 3px;
				opacity: .8
				}
				
				.menuitemlast 	{	Align: center;
				color: white;
				font-family: 'Lato', sans-serif;
				font-weight: 400;
				text-transform: uppercase;
				font-size: 13px;
				line-height: 105px;
				padding: 20px 13px;
				border-left: 1px solid #000;
				background: #fff;
				border-top-right-radius: 3px;
				border-bottom-right-radius: 3px;
				opacity: .8
				}
				
#menubar a:visited {  color: #000;
					text-decoration: none;}

#menubar a:link { 	color: #000;
					text-decoration: none;}
					
#menubar a:hover { font-weight:800;
border-top: 10px thick #000;
color: #cc0000}
			
/*All content is in this container below*/			
			

.container	{ 	width: 900px;
				margin: 0px 0px 0px 0px;
			}
			
/*Everything below is for left column*/			
			

.left-column { 	width: 225px;
height: auto;
			}
			
.left-column img {width: 225px;
float: left;
margin-top: -81px;
border-radius: 3px;
}			
			
.menu-group	{
				position: relative;
				top: 0px;
				left: 10px;
				width: 180px;
				height: 150px;
			}
			
.menu-group a:visited {  color: #666666;
						text-decoration: none;}

.menu-group a:link { 	color: #666666;
						text-decoration: none;}


li.navoff 	{
				padding: 3px;
				margin-left: 0px;
				font-family: 'Lato', sans-serif;
				font-size: 11px;
				color:#666666;
				list-style-image: url(images/menublack.gif);
			}
	
li.navon 	{
				padding:3px;
				margin-left: 0px;
				font-family: 'Lato', sans-serif;
				font-size: 11px;
				font-weight: bold;
				list-style-image: url(images/menudownred.gif)
			}
			
	
/*Everything below is for right column*/	
	
						
.right-section {
					width:	625px;
					float: right;
					background: #fff;
					display: block;
					margin-top: 91px;
					border-radius:5px;
					opacity: 0.8;
					position: absolute;
					margin-left: 259px;
					
				}	
				
* html right-section {
					display: inline;
					margin-left: -690px;
					}																	
				
.nameheading {  font-family: 'Lato', sans-serif;
				font-size: 40px; 
				font-weight: bold; 
				color: #000000; 
				text-decoration: none;
				height: 189px;
				width: 670px;
			}

.about		{	font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
height: auto;
margin-left: 10px;
text-align: center;
				
			}							

.bodytext 	{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	width: 630px;
	position: relative;
	left: 0px;
	height: auto;
	padding: 15px 0px 25px 24px;
			}
				
.bodyimgtext {  font-family: 'Lato', sans-serif;
				font-size: 11px;
				line-height: 16px;
				text-decoration: none;
				text-align: justify
			} 

.bodytextlinks {  font-family: 'Lato', sans-serif;
				font-size: 16px;
				text-decoration: none;
				color:#09F;
			}
				
.heading 	{  	
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #cc0000;
text-decoration: none;
			}	
				
.title		{	
font-family: 'Lato', sans-serif;
font-size: 20px;
color: #000000;
text-decoration: none;
font-weight: 400;			
			}

.heading a 	{ 	color: #336699;
				font-weight: normal
			}

.headingobit {  font-family: 'Lato', sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #336666;
				text-decoration: none
			}
.large {
	            font-size:large;
}
.medium{
	             font-size: medium;
}

.name{
background-color: #cc0000;
color: #fafafa;
width: 212px;
height: 105px;
padding-left: 12px;
margin-left: -245px;
float: left;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
opacity: 0.8;
margin-top: 207px;
}

.clear{
    clear:both;
}

.nametag {
	font-family: 'Lato';
font-weight: 100;
font-size: 36px;
line-height: 49px;
margin-top: -90px;
color: #fff;
}

.clickable {
	width: 100%;
height: 100%;
display: block;
text-decoration: none;
color: #fff;
}

.publinks {  font-family: 'Lato', sans-serif;
				font-size: 14px;
				text-decoration: none;
				color:#09F;
			}