/* CSS Document  font-size:62.5% */

/* This one forces a vertical scrollbar and get rid of the annoying slight shift to the left.
   Mainly a problem with Firefox. */
html { min-height:100%; margin-bottom:1px; }
body { font: 13px/19px Verdana, Helvetica, Arial, sans-serif; background-color:#eeeeee; }
img { border:0; }
h1 { font-size:20px; color:#971b1e; }
h2 { font-size:17px;}
h3 { font-size:14px; }
/* p { margin-bottom:0px; } */

.bigText { font-size:14px/14px; }
.mediumText {font-size:11px; }
.redTitle { color:#971b1e; }
.italicText {font-style:italic; }

a:link { text-decoration: none; color:purple; }
a:hover { color:orange; text-decoration: underline; }
a:active { color:orange; font-style: italic; }
a:visited { text-decoration:none; color:purple; }

/* Nav links
.eventTitle { font-weight:bold; font-size:10px; color:#971b1e; margin-bottom:0px; }
.eventText { font-size:9px; margin-bottom:15px; } */

/* Main Content Layout TRBL */
#container { position:relative; left:50%; margin-left:-540px; width:1080px; top:-15px;}
#topBanner { position:relative; float:left; width: 1080px; height: 137px; }
#navArea { position:relative; float:left; width: 1080px; height:100px; background:url("images/blankBG.gif") repeat-y; }
#navLinks { position:relative; float:left; width:150px; margin-bottom:0px; padding:0 0px 0px 36px; }
#navLinksEach { position:relative; float:left; width:850px; margin-bottom:0px; padding:0 0px 0px 20px; }
#content { position:relative; float:left; width:1080px; background:url("images/bodyBG.gif") repeat-y; }
#purpleBlock { position:absolute; float:left; padding:28px 0 0 45px; }
#contentLeft { position:relative; float:left; width:240px; padding:30px 0 0 70px; }
#contentCenter { position:relative; float:left; width:350px; margin:80px 8px 0px 28px; padding:12px; background:url("images/purpleBlock1.gif"); }
#contentCenterImg { position:relative; float:left; width:379px; margin:0; padding:5px 0px 0px 35px; }
#contentRight { position:relative; float:left; width:300px; margin:0; padding:0px 0 0 40px; }
.hrThin { border:dotted thin; }

#navButtons { position:relative; float:left; width:1080px; padding:30px 0 10px 46px; }
#FSnavButtons { position:relative; float:left; width:1080px; padding:0 0 10px 46px; }
#shiftNavButtons { position:relative; float:left; width:1080px; padding:30px 0 10px 70px; }

/* Common pages */
.noCircleContent { position:relative; float:left; width:1080px; background:url("images/blankBG.gif") repeat-y; }
.navBottom { position:relative; float:left; width:1080px; height:30px; background: url("images/navBottom.gif") no-repeat; }
.title { position:relative; text-align:center; width:1080px; padding:16px 0 0 0; }
.centerContent { position:relative; text-align:center; width:1080px; top:16px; }
.otherPurpleBlock { position:absolute; float:left; padding:12px 0 0 145px; }
.verticalSpace { position:relative; float:left; padding:80px 0 0 0; }
.mailIcon { width:47px; height:30px; }
.purpleBlocks { width=54px; height=35px; }
.buttonImg { width=77px; height=42px; }

/* Fashion Show page */
.centerCard { width=380px; height=382px; padding:15px 0 0 0;}
#FSlogo { position:relative; left:60%; margin-left:-253px; width:506px; top:0px;}
#FSintro { position:relative; text-align:center; width:300px; padding:5px 5px 5px 5px; background-color:#bdd630;}
#FScol1 { position:relative; float:left; padding:8px 0 0 30px; width:258px;}
#FScol2 { position:relative; float:left; padding:0px 0 0 28px; width:690px}

/* Event, Service, newsletter page, About us page */
.EventContent { position:relative; float:left; text-align:justify; width:700px; padding:16px 0 0 170px; }

/* About Us page Officers columns */
#AUcol1 { position:relative; float:left; padding:0 0 0 180px; text-align:right; }
#AUcol2 { position:relative; float:left; padding:0 0 0 20px; }

/* Home page footer */
#linkBottom { position:relative; text-align:center; font-size:11px; color:#808284; padding:2px 0px 5px 0px; }
#homeBottom { postion:relative; float:right; font-size:9px; color:#808284; padding:2px 60px 5px 0px; }