body {
	font-family: "Andale Mono", "Lucida Console", Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 20px;

	padding: 0;
	margin: 0;

	color: black;
	background-color: white;
}


/* general formats */

h1, h2, h3 {
	font-size: 12px;
	font-weight: normal;
}

h1, h3 {
	margin: 0px 0px 0px 100px;
}

span {
	padding: 0px 10px 0px 2px;
	background-color: white;
}


/* big center container */

#CenterContainerHeader {
	background-image: url("../images/BackgroundTop.png");
	background-repeat: repeat-x;
	background-position: left bottom;
}

#CenterContainerFooter {
	background-image: url("../images/BackgroundBottom.png");
	background-color: #00FF00;
	background-repeat: repeat-x;
	background-position: left top;
}


/* navigation */

#Header {
	min-width: 1100px;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}

#Footer {
	min-width: 1100px;
	max-width: 1200px;
	margin: 40px auto 0 auto;
	padding: 80px 0 20px 0;
}

#Header h2, #Footer h2 {
	width: 100px;
	float: left;
	text-align: right;
	margin: 0;
	padding: 0;
}

#Header h2 span, #Footer h2 span {
	background-color: yellow;
}

.Navigation {
	margin: 20px 0 0 0;
}

.Navigation1, .Navigation2, .Navigation3 {	
	margin: 0;
	padding: 0 0 10px 0;	
}

.Navigation2 {
	/* hot! */
	width: 100px;
	float: left;
	text-align: right;	
	margin: 0;
}

.Navigation1 {
	/* main */
}

.Navigation3 {
	/* right */
	float: right;
	width: 300px;
	margin: 0 40px 0 0;
}

.Navigation dd {
	display: inline;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 4px;
	background-color: white;
}

.Navigation dd a { padding-right: 10px; }

.Navigation dd:hover {
	background-color: yellow;
}

.Navigation  .Active { background-color: yellow; }


			/* right */

			#RightColumn  {
				float: right;
				width: 300px;
				margin: 0 40px 0 0;
				padding: 0;
			}

			#Content #RightColumn h1, #Content #RightColumn h2 {
				margin: 0px;
			}

			#Content #RightColumn h1 span {
				background-color: #00FFFF;
			}

			#Content #RightColumn h2 span {
				background-color: yellow;
			}

			#Content #RightColumn p {
				margin: 0px 10px 0px 24px;
				width: 230px;
			}
			

/* banner */

.Banner {
	background-color: yellow;
	width: 640px; height: 120px;
	min-width: 640px;
	padding: 10px 10px 10px 4px;
	margin: 3px 0px 0px 80px;
	vertical-align: bottom;
}

.Banner h3 {
	margin: 0px 0px 0px 0px;
}

.Image {
	background-color: white;
	width: 200px; height: 120px;
	margin: 0px 0px 0px 0px;
	float: right;
}

#Image4 { background-image: url('../images/BannerDropShadowTalks.png'); margin-right: 10px; }
#Image5 { background-image: url('../images/BannerDropShadowSeminar.png'); margin-right: 10px; }
#Image6 { background-image: url('../images/BannerDesktopIsland.png'); }

#Image1 { background-image: url('../images/BannerMoAA.jpg'); margin-right: 10px; }
#Image2 { background-image: url('../images/BannerMiSun.jpg'); margin-right: 10px; }
#Image3 { background-image: url('../images/BannerSupermarket.jpg'); }

.BannerText {
	width: 640px; height: 70px;
	padding: 0px 10px 0px 4px;
	margin: 0px 0px 0px 80px;
}

.BannerText h4 {
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

.BannerText h4 .More {
	background-color: #DDDDDD;
	white-space: nowrap;
}

.Text {
	width: 200px;
	margin: 0 10px 0 10px;
	float: right;
}

.TextWide {
	width: 210px;
	margin: 0 30px 0 10px;
	float: right;
}

.Text span, .TextWide span { background-color: #00FFFF; }

#RecentBanners {
	padding: 0;
	margin: 0px;
	width: 100px;
}


/* # # # # # # # # # # # # # # # # # # # */
/* content */

#Content {
	min-width: 1100px;
	max-width: 1200px;
	margin: 20px auto 0 auto;
}

#Content h1 span {
	background-color: #00FFFF;
}

#Content h2 span {
	background-color: yellow;
}

#Content h1 {
	margin: 20px 0px 0px 80px;
}

#Content h2 {
	margin: 0px 0px 0px 80px;
}

#Content h1 .Hot {
	background-color: red;
}


p {
	margin: 0px 0px 10px 104px;
	width: 600px;
}

p span {
	background-color: #dddddd;
}