body { background: url('http://www.gtmetrofire.org/media/images/gradient.jpg') repeat-x #FFFFFF; }
a:link { text-decoration:none;color:#000000; }
a:hover { text-decoration:underline !important;color:#000000; }
a:visited {text-decoration:none;color:#000000;}
img { border:0px; }
.clear { clear:both; }

div#main { width:780px; }

div#top { background: url('http://www.gtmetrofire.org/media/images/top.png') top left no-repeat; background-color: transparent; height:40px; }
div#toplft { float:left; font-size:24px; text-align:left; padding: 5px 0px 0px 15px; font-weight:bold; color:#FFFFFF; }
div#toprht { float:right; font-size:16px; text-align:left; padding: 10px 15px 0px 0px; font-weight:bold; color:#FFFFFF; }


/*                    */
/* Top Banner Styling */
/*                    */
div#img { margin:0px; height:228px; width:780px; background: url('http://www.gtmetrofire.org/media/images/banner.png'); }
div#img-pubed { margin:0px; height:228px; width:780px; background: url('http://www.gtmetrofire.org/media/images/public-education/banner.png'); }
div#img-1 { margin:0px; height:228px; width:780px; background: url('http://www.gtmetrofire.org/media/images/station-1-banner.jpg'); }
div#img-8 { margin:0px; height:228px; width:780px; background: url('http://www.gtmetrofire.org/media/images/station-8-banner.jpg'); }
div#img-9 { margin:0px; height:228px; width:780px; background: url('http://www.gtmetrofire.org/media/images/station-9-banner.jpg'); }
div#img-11 { margin:0px; height:228px; width:780px; background: url('http://www.gtmetrofire.org/media/images/station-11-banner.jpg'); }
div#img-12 { margin:0px; height:228px; width:780px; background: url('http://www.gtmetrofire.org/media/images/banner.png'); }


/*                    */
/* Navigation Styling */
/*                    */
div#nav { margin:0px; width:150px; text-align:left; float: left; }
div#nav a:hover { text-decoration:none; }
a.leftnav:link { color: #FFFFFF; font-family: Tahoma; font-size: 10px; background-color: transparent;text-decoration:none; }
a.leftnav:visited { color: #FFFFFF; font-family: Tahoma; font-size: 10px; background-color: transparent;text-decoration:none; }
a.leftnav:hover { color: #FFFFFF; font-family: Tahoma; font-size: 10px; background-color: transparent;text-decoration:none; }
a.memleftnav:link { color: #000000; font-family: Tahoma; font-size: 12px; background-color: transparent;text-decoration:none; }
a.memleftnav:visited { color: #000000; font-family: Tahoma; font-size: 12px; background-color: transparent;text-decoration:none; }
a.memleftnav:hover { color: #000000; font-family: Tahoma; font-size: 12px; background-color: transparent;text-decoration:none; }
p.leftnav{ margin-top:0px;margin-bottom:0px; }
p.memleftnav{ margin-top:0px;margin-bottom:0px; }
/* These are the style specifications for the menu layers.  
   Set width to get more browsers corporation  */
div.menu  { position:absolute; visibility:hidden;width:200px; left:0; top:0; z-index:500;font-size:8pt;font-weight:bold;font-family:Tahoma;background-color: #000000; color:#ffffff;z-index:500; }
/* Style specifications for menu items and links  */
div.menu ul { margin:0;padding:0; }
/* Need to set padding of at least one pixel or ie sets very large margin */
div.menu ul li { padding:1px; margin:0;list-style-type:none; }
/* Set display block and position relative so clicks on list items activate links  */  
div.menu a { cursor:default;padding:.3em .4em;margin:0;background-color:transparent;display:block;position:relative;text-decoration:none}		
div.menu a:link {color:#ffffff;background-color:#7e2424;border: 1px solid white; }
div.menu a:visited {color:#ffffff;background-color:#7e2424;border: 1px solid white; }
div.menu a:hover {color:#000000;background-color:#ffffff;border: 1px solid black; }




#content { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:580px; text-align:justify; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#content h3 { color:#7e2424; font-size:12pt; font-family:Arial, Helvetica, sans-serif; }
#content span { font-size:10px; }


.carseattable { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.carseattable .carseattitle { border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; padding: 3px 0px 3px 3px; }
.carseattable .carseattext { border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; }


#footer { margin-top:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
#footer a { text-decoration:none; color:#666666; }
#footer .seasonal {display:none;}

/*                   */
/* Newsflash Styling */
/*                   */
.newsflashh3 { margin-bottom:0px; }
.newsflashh5 { margin-top:0px; }
#indexnewsflash { background: url('http://www.gtmetrofire.org/media/images/news-flash.png') top left no-repeat; text-align:center; width:575px; height:159px; color:#000000; }
#indexnewsflash .indexnewsflashtitle { text-align:left; font-weight:bold; font-size:16px; margin-left: 100px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#indexnewsflash .indexnewsflashcontent { text-align:left; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 110px; }
#indexnewsflash .indexnewsflashlink { text-align:left; font-size:14px; color:#000000; font-weight:bold; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 120px; }

#photo-album { text-align:center; }

/*                     */
/* Classifieds Styling */
/*                     */
#classifieds { width:700px; }
#classifieds a { color:#FFFFFF; }
#classifieds a:link { color:#FFFFFF; }
#classifieds a:hover { color:#FFFFFF;text-decoration:none!important; }
#classifieds a:visited { color:#FFFFFF; }
.classifiedslft { width:205px;margin:8px 8px 8px 50px;padding:5px;float:left;text-align:center; }
.classifiedsrht { width:205px;margin:8px 8px 8px 100px;padding:5px;float:left;text-align:center;text-align:center; }
.classifiedstop { width:205px;height:33px;padding:7px 0px 0px 0px;background: url('http://www.gtmetrofire.org/classifieds/top.jpg') top left no-repeat;color:#FFFFFF;font-weight:bold; }
.classifiedsbtm { width:205px;height:48px;background: url('http://www.gtmetrofire.org/classifieds/btm.jpg') top left no-repeat; }


/*                       */
/* Shift Request Styling */
/*                       */
#shiftrequest { width:600px;text-align:left;background:#CF6;padding: 10px 0px 50px 10px; }
#shiftrequest label { display:block;font-weight:bold;text-align:right;width:140px;float:left; }
#shiftrequest .small { color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px; }
#shiftrequest input { float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:200px;margin:2px 0 20px 10px;background:#CC6; }
#shiftrequest select { float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:200px;margin:2px 0 20px 10px;background:#CC6; }
#shiftrequest textarea { float:left;font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:400px;margin:2px 0 20px 10px;background:#CC6; }
#shiftrequest button { clear:both;margin-left:150px;width:125px;height:31px;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold; }
