/*
 *	FILE: foyosar.css
 *
 *	This file should live on the web root
 *
 *
 *   blue:        	#00549f		(some links)
 *   dark gray:   	#444 	  	(navbar, footer background)
 *   light gray:  	#bbb    	(background)
 *   FOYOSAR red: 	#cc3333
 *   Faded red:   	#cc5555		(v-links)
 *   YOSAR yellow:	#ffff00	  	(alert background)
 */
 
a { text-decoration: none; }
a:link    { color: #cc3333; } 
a:active  { color: #cc3333; }
a:visited { color: #cc5555; }
a:hover   { color: #00549f; text-decoration: underline; }


body {
  margin: 0; padding: 0;
  font-family: verdana, sans-serif;
  font-size: small;
  color: #000;
  background: url(images/bg3.gif);
}

* html body { /* ie hack */
  font-size: x-small;
  font-size: small;
}

#spacer {
  width: 800px; margin: 0 auto; padding: 0;
  height: 10px;
  background: transparent;
 }

#container {
  width: 800px; margin: 0 auto; padding: 0;
  background: #fff;
  border: 1px solid #000;
}

#banner { float: center; margin: 0; background-color: #dfdfdf; }

#alert {
  width: 779px;
  padding: 10px; margin: 0;
  background-color: #ffff00;
  color: #000;
  font-size: 120%;
  text-align: center; font-weight: heavy;
}

#alert a 	  		  { text-decoration: underline; color: #00549f; }
#alert a:active 	  { color: #cc3333; }
#alert a:visited 	  { color: #cc9999; }
#alert a:hover 		  { color: #cc3333; }

#navbar {
  margin: 0; padding: 0;
  height: 35px;
  text-align: center; font-size: 100%;
  background-color: #444;
  border-bottom: 2px solid #cc3333;
}

#header { margin: 0px auto 0 auto; height: 100px; width: 800px; border-bottom: 1px solid #000 }

.header h1 {
  color: #fff; font-size: 220%;
  font-weight: heavy; line-height: 1em;
  text-align: left;
  background-color: #000;
  margin: 10px 0px 0px 0px; padding: 20px;
}

.l { float: left; margin-right: 15px;	    }
.r { float: right; margin-left: 15px; margin-right: 0; clear: both; }
.center { float: center; text-align: center;}

.smaller { font-size: 80%; }
.bigger  { font-size: 130%; }
.bold { font-weight: bold; }
.address { font-weight: bold; margin-left: 70px; }
.gray { background-color: #bbb; }
.caption { font-size: 70%; margin-top: -8px; float: center; }
.sectionHeader { margin-bottom: -13px; font-weight: bold; text-align: left; letter-spacing: .06cm; }

#side {
  float: left; width: 120px;
  padding: 40px 0px 0px 0px; margin-left: 8px;
  background: #fff;
}


#content {
  font-size: 100%;
  float: left; width: 750px;
  padding: 10px 15px 5px 20px;
  margin: 0px 2px 5px 0px;
  text-align: left;
  background: transparent;
}

#contentLeft {
  float: left; width: 260px;
  padding-bottom: 5px;
  background: transparent;
}

#contentRight {
  float: right; width: 480px;
  padding-bottom: 5px;
  background: transparent;
}

#contentRight2 {   /* For content on the right of a horizontal picture of width 350px */
  float: right; width: 380px;
  padding-bottom: 5px;
  background: transparent;
}

#contentBottom {
  float: left; width: 750px;
  padding-top: 10px;
  margin: 0;
  background: transparent;
}

#linkCategory {
  float: center;
  padding: 0px;
  margin-bottom: 5px;
  border: 1px solid #000;
  width: 750px;
  background: #ffe;
}
	
#sarCounter {
  width: 220px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
}

#sarCounter h1 { border: 1px solid #000; background-color: #fff; color: #cc3333; font-size: 190%; font-weight: bold; padding: 0; margin: 0;}

#address {
  padding: 0px;
  font-weight: bold;
}

#address ul { margin: 0; padding: 0; list-style-type: none; }
#address ul li { display: inline; margin: 0; padding: 50 50px 50 50; }

#linkCategory h2 { font-size: 110%; text-align: center; color: #fff; background: #444; font-weight: bold; padding: 4px; } 
#linkCategory h3 { font-size: 90%; color: #444; margin: 0 0 .5em 0; padding: 0 10px 0 10px; }


#content img {margin: 0px 0 10px 0; padding: 0px; border: 1px solid #000; }

#content ul { margin: 5px 0 0 25px; padding: 0; }
#content ul li { margin: 2px 0 2px 0; padding: 0; }

#content ol { margin: 2px 0 0 25px; padding: 0; }
#content ol li { margin: 2px 0 2px 0; padding: 0; }

#content td { vertical-align: top; }

#footer {
  clear: both; height: 30px;
  width: 800px; margin: 0; padding: 4px 0;
  color: #fff; background-color: #444;
  text-align: center; line-height: 16px;
  font: 10px verdana, sans-serif;
  border-top: 2px solid #cc3333;
}

#footer a:hover { text-decoration: underline; }

#lownav {
  margin: 0 0 5px 0; padding: 0;
  font-size: 9px; text-align: center; text-transform: uppercase;
}

#lownav ul { margin: 0; padding: 0; list-style-type: none; }
#lownav ul li { display: inline; margin: 0; padding: 0 12px; }
#lownav ul li a { color: #fff; }
#lownav ul li a:hover { color: #cc3333; }