/*
  A couple of notes about the CSS:
    1. CSS-only gradient backgrounds seem to have issues in Internet Explorer (solid frame around the page) and Google Chrome/Safari (solid bar at the bottom, but 
	only if there is not enough content on the page to stretch it downwards some).  In addition, Opera does not support CSS-only gradients, so background is totally
	solid.
	
	2. Rounded corners can be modified by changing the "-moz-border-radius" and "-webkit-border-radius" properties; the former affects the page's look in Firefox,
	while the latter affects the page's look in Chrome and Safari.  These, just like the gradients, are CSS3 properties that aren't supported by Internet Explorer
	and Opera, so I'll still need to create images to drop over the corners to achieve that effect.  These can also be changed for each element independently.
	#container, #logo, #footer, and #leftcolumn all use these rounded corner properties.
*/

a:link { color: #782822;
}

a:visited { color: #782822;
}

a:hover { color: #c57670;
}

a:link img { border:0px;
}

a:visited img { border:0px;
}

a:hover img { border:0px;
}


body {   background-image:url('images/bg.gif');
         background-repeat:repeat;
         font: 14px/120% Arial, Geneva, sans-serif;
         background-attachment:fixed;

}

h1 { background-color: #FFFFFF;
   	 color: #990000;
	 padding: 10px;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
}

h2 { background-color: #FFFFFF;
   	 color: #990000;
	 padding: 8px;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
}

h3 { background-color: #FFFFFF;
   	 color: #FFCC33;
	 padding: 10px;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
}

.text img { padding-left: 10px;
            padding-right: 10px;
}

table#list td { padding: 5px;
	      font-size:12px;
              width: 600px;
}

.links { padding: 5px;
	 font-size: 12px;
         valign: top;
}

.block p { font-size: 12px;
           text-align: justify;
}

#container { background-color: #ffde69;
		   	 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 padding-top: 10px;
			 padding-left: 10px;
			 padding-right: 10px;
			 padding-bottom: 10px;
		   	 margin: auto;
			 margin-top: 3%;
			 margin-bottom: 3%;
			 width: 850px;
}

#footer { clear: both;
		  background-color: #FFFFFF;
		  color: #000000;
                  font-size: 11px;
		  -moz-border-radius: 10px;
		  -webkit-border-radius: 10px;
		  padding: 8px;
		  text-align: center;
}

#logo {	background-color: #FFFFFF;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	  	text-align: center;
}

/* #leftcolumn is the column with all of the links.  #middlecolumn and #rightcolumn are only used in pages with a 2-column content layout;
   #middlecolumn is the first content column, and #rightcolumn is the second.  Pages that don't need the content area split into multiple columns
   just use #leftcolumn and #content. */
   
#content { /*background-color: #FF0000;*/
		   padding: 20px;
		   margin-left: 240px;
		   margin-top: -18px;
		   margin-bottom: 20px;

}


#leftcolumn { 		  float: left;
	   		  width: 200px;
			  height: 400px;
	   		  background-color: #FFFFFF;
			  -moz-border-radius: 10px;
			  -webkit-border-radius: 10px;
	   		  padding-right: 20px;
	   		  padding-left: 20px;
			  padding-bottom: 20px;
			  padding-top: 20px;
			  margin-top: 20px;
			  margin-bottom: 20px;
}

#middlecolumn { float: left;
			    /*background-color: #00FF00;*/
				width: 360px;
				padding: 0 10px 0 5px;

}

#rightcolumn { float: left;
			   /*background-color: #0000FF;*/
			   width: 360px;
			   padding: 0 5px 0 15px;
}

.floatleft { float: left;
		   	 padding: 10px 10px 0 0;
}

.floatright{ float: right;
			 padding: 0 0 10px 10px;
}

.nav a { text-decoration: none;
	   	 font: 15px/160% Arial, Geneva, sans-serif;
		 text-transform: uppercase;
                 font-weight: bold; 
}

.nav li { list-style-type: none;
}

.navsm a { text-decoration: none;
	   font: 16px/160% Arial, Geneva, sans-serif;
	   text-transform: uppercase;
           font-weight: bold; 
}