html, body
{
	margin:0;
	padding:0;
	font-size:10pt;
}

body
{
	background-color:#333333;
	font-family: Arial, sans-serif;	
	font-size:10pt;
}

li
{
	margin-top:.75em;
}

#main
{
	position:relative;
	margin: 20px auto 20px auto;
/*	padding: 13px 10px 0px 10px;	*/
	padding: 0px 10px 0px 10px;
	width:750px;
	border:4px #444444 double;
	background-color:white;


}


#header
{
	background: #dddddd url( ../images/glasslogoblue.png ) repeat-x top;
	height:99px;
	margin: 0px -10px 0em -10px;
	
	margin-bottom:1.5em;	
}

#header h1
{
/*	background: #dddddd url( ../images/msd_logo3.png )  no-repeat center top;	*/
	height:75px;	
	margin-top:0;
	text-indent:-1000em;	
}

#side
{
	float:right;	
	width:150px;
	padding:1em;
	min-height:30em;
	text-align:right;
}

#content
{
	float:left;
	width:500px;
	min-height:30em;
	padding: 2em 1em 2em 3em;
}



#footer
{
	clear:both;	
	margin:1em -10px 0 -10px;
	padding:10px;
	text-align:center;
	color:#eeeeee;
	background: #666666 url( ../images/graygrad.png )  repeat-x left bottom;
	font-size:75%;
}

#content h2
{
	color:#7777ff;
}

#side h2
{
	color:#7777ff;
	font-size:100%;
}

#side ul li
{
	list-style-type:none;
}

#mainmenu
{
	position:absolute;
	top:85px;
	margin-left:0px;
	margin-bottom:3em;
	padding-left:5em;	
/*	background:  url( ../images/glasscorner.png )  no-repeat left top;	*/
	height:38px;	

}

.menu, .menu li
{
	margin-top:2px;
	padding-top:10px;	
}

.menu li
{
	display:inline;
	padding-right:3em;		
/*	position:absolute;
	width:135px;
	height:30px;
*/	
}

.menu li a 
{
	font-size:90%;
	color:#6565d1;
	text-decoration:none;
	border-bottom:2px #aaaaaa solid;
	padding-bottom:-.1em;
	font-weight:bold;
}

#home
{
	padding-left:143px;	
}


.announcement
{
	position:relative;
	margin-top:-20px;
	left:40px;
	margin-bottom:50px;
}

.announcement p
{
	margin-top:5px;
	margin-left:195px;
	size:80%;
}

a img
{
	border:none;
}

/*
#home
{
	left:45px;
	background: url( '../images/btn_home_blue.png' ) no-repeat;	
}

#elearning
{
	left:180px;
	background: url( '../images/btn_elearning_blue.png' ) no-repeat;		
}

#programming 
{
	left:315px;
	background: url( '../images/btn_programming_blue.png' ) no-repeat;
}

#blog
{
	left:450px;
	background: url( '../images/btn_blog_blue.png' ) no-repeat;
}

#about
{
	left:585px;	
	background: url( '../images/btn_about_blue.png' ) no-repeat;
}
*/

.notice
{
	margin-top:3em;
	margin-left:12em;
	margin-right:-3em;
	padding:1em;
	border:1px green solid;	
	text-align:center;
}