@charset "UTF-8";

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* CONTAINER */
#container { width: 990px; margin: 0 auto; }

/* HEADER */
#header { position: relative; width: 100%; height: 90px; min-height: 90px; }
#logo { position: absolute; left: 0; top: 0; width: 200px; font-size: 28px; }
#logo a { color: #000; text-decoration: none; }
#logo a:hover { color: #000; }
#logo a:visited { color: #000; }
#logo a:active { color: #000; }

#mininav { position: absolute; right: 0; top: 0; width: 240px; font-size: 13px; text-align: right; }
#stockticker { position: absolute; right: 0; top: 30px; width: 240px; font-size: 20px; text-align: right; }

/* MAIN MENU */
#mainmenu { clear: both; padding: 20px; background-color: #e4e4e4; }
#mainmenu ul { 	list-style-type: none; margin: 0; padding: 0; }
#mainmenu ul li { 	display: inline; margin: 0 15px; }
	
/* SPOTLIGHT */
#spotlight { clear: both; padding: 20px; margin: 15px auto; border: 8px solid #e4e4e4; }

/* OPTIONAL ANNOUNCEMENT */
#optannounce { clear: both; padding: 5px 20px; margin: 15px auto; background-color: #ffffcc; border: 1px solid #999; }

/* ANNOUNCEMENTS */
#announcements { clear: both; margin: 10px 0; }
#announcements:after { content: ""; display: table; clear: both; }
.col-1-3 { float: left; width: 32.2%; min-height: 250px; border: 1px solid #999; padding: 5px 15px; margin-right: 15px; font-size: 12px; }
.col-1-3:last-child { margin-right: 0; }


/* BLOG CONTENT */
#blogcontent { float: left; width: 65.5%; min-height: 250px; padding: 0 15px; margin: 10px 10px 0 0; font-size: 12px; }

/* BLOG SIDEBAR */
#blogsidebar { float: left; width: 33%; min-height: 250px; padding: 0 15px; margin: 10px 0 0 0; font-size: 12px; background-color: #e8e8e8; }

/* CALENDAR CONTENT */
#calendarcontent { margin: 15px 0; }

/*FOOTER */
#footer { clear: both; }