@charset "utf-8";

/* CSS Document */
/*
###########################################
##    SFMLA MAINSITE STYLESHEET          ##
##        copyright CJ Burianek          ##
##      http://www.ciwebdesign.com       ##
###########################################
*/

* { margin: 0; padding: 0; line-height: 1; font-size: 1em; }

.imgleft { float: left; margin-right: 8px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

.imgright { float: right; margin-left: 8px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

.imgcenter { float: none; margin: 0px auto; display: block; }

.imgborder { border: 2px solid #000; }

.clear { clear: both; }

/*  M A I N   C O N T E N T  */

#mainContent h3; #popupContent h3; #homeContent h3, #homeSideLinks h3{ font: bold .9em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #C00; }

#mainContent h3.siteMap;{ font: bold 1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #C00; padding-bottom: .5em; }

#mainContent h4.events { border-bottom: 1px solid #C00; margin-bottom: 3px; margin-top: 10px; }

#mainContent p, #popupContent p, #homeContent p, #homeSideLinks p, 
#bibliography td p { color: #000; font: .8em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 1em; }

#mainContent b,
#mainContent strong, #popupContent b, #popupContent strong,  #homeContent b,
#homeContent strong, #homeSideLinks b, #homeSideLinks strong  { font-weight: bold; color: #c00; }

#mainContent i,
#mainContent em, #popupContent i, #popupContent em, #homeContent i,
#homeContent em, #homeSideLinks em, #homeSideLinks i  { font-weight: bold; color: #036; }

#mainContent a:link, #popupContent a:link, #homeContent a:link, #homeSideLinks a:link { font: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #003366; }

#mainContent a:visited, #popupContent a:visited, #homeContent a:visited, #homeSideLinks a:visited  { font: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #666666; }

#mainContent a:hover, #popupContent a:hover, #homeContent a:hover, #homeSideLinks a:hover   { font: bold Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #c00; }

#mainContent div.articleImageC, #popupContent div.articleImageC  { text-align:center; margin-bottom: 5px; margin-top: 5px; }

#mainContent div.articleImageL, #popupContent div.articleImageL { float: left; margin-bottom: 5px; margin-right: 10px; margin-top: 5px; }

#mainContent div.articleImageR, #popupContent div.articleImageR  { float: right; margin-bottom: 5px; margin-left: 10px; margin-top: 5px; }

#mainContent div.articleImageC,
#mainContent div.articleImageR,
#mainContent div.articleImageL,
#popupContent div.articleImageC,
#popupContent div.articleImageR,
#popupnContent div.articleImageL{ padding-top: 10px; }

#mainContent div.articleImageC p,
#mainContent div.articleImageR p,
#mainContent div.articleImageL p,
#popupContent div.articleImageC p,
#popupContent div.articleImageR p,
#popupContent div.articleImageL p{ font: italic 9px/11px Verdana, Geneva, Arial, Helvetica, sans-serif; }

ul.bulletedListUl { padding-bottom: 0em; list-style: none; }

ul.bulletedListUl li { color: #000; font: .8em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 0.5em; padding-left: 20px; background: url(/images/common/bullet.gif) no-repeat 0px 3px; }

ul.bulletedListUl ul.bulletedListUl2 { padding-bottom: 0em; list-style: none; }

ul.bulletedListUl ul.bulletedListUl2 li { color: #000; font: .8em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 0.5em; padding-left: 30px; background: url(/images/common/bullet2.gif) no-repeat 15px 3px; }

ul.bulletedListUl2 ul.bulletedListUl3 { padding-bottom: 0em; list-style: none; }

ul.bulletedListUl2 ul.bulletedListUl3 li { color: #000; padding-bottom: 0.5em; padding-left: 40px; background: url(/images/common/bullet3.gif) no-repeat 30px 3px; }

#callout p { font: bold 24px/30px "Times New Roman", Times, serif; color: #000036; text-align: center; padding: 15px 15px 30px 15px; }

.notice { border: 0; color: #FFFFFF; background-color: #C00; font-size: 16px; text-align: center; margin: 15px 2px 10px 2px; padding: 4px 0px 4px0px; }

/*.sub { height: 18px; width: 550px; background: url(/images/subhr.gif) no-repeat; border: 0; text-align: left; clear: both; }*/

.question { background-color: #C2D4E4; padding: 5px; margin-bottom: .5em; }

.answer { padding: 5px 10px 0px 10px; }

#mainContent .exhibitItem { margin-top: 10px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 3px; border-top: 2px solid #003366; clear: right; }

#mainContent .exhibitItem img { margin-left: 10px; border: 3px solid #000000; }

#mainContent .MedofHonor { background-color: #000; display: table-cell; float: left; height: 265px; width: 170px; text-align: center; padding: 5px; }

#mainContent div.MedofHonor p { font-weight: bold; color: #FFF; }

#mainContent div.MedofHonor img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

#mainContent h4.events { border-bottom: 1px solid #600; margin-bottom: 3px; }

img.virtualNautilus { height: 54px; width: 323px; position: relative; left: 225px; top: -10px; }

/* S P E C I A L   A N N O U N C E M E N T S */
#specialAnnouncements h3 { font: bold .9em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; background: #C00; display: block; padding: 5px; margin-bottom: 10px; }

#specialAnnouncements { border: 1px solid #C00; margin-bottom: 15px; }

#specialAnnouncements p { font-style: italic; color: #000036; padding-right: 25px; padding-left: 25px; margin-top: 5px; border-bottom: 1px solid #DEF0FE; }