@charset "utf-8";
/* CSS Document */

/* --- 1. Global and Defaults --- */
body  {
	font: 100% "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif;
	background: white;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	}
	
img{
	border: none;
	}
	
ul { 
	padding:0px;
	margin:0px;
	}

	
/* --- 2. Containers and Positions  --- */
#container { 
	width: 85%;
	background: white;
	margin: 15px auto;
	border: 3px solid rgb(172, 25, 25);
	text-align: left;
	} 

#header { 
	background-image: url(../graphics/header_bg.gif);
	background-repeat: repeat-x; 
	padding: 0 10px;
	height: 78px;
	border-bottom: solid 2px rgb(172, 25, 25);  
	} 


#sidebar1 {
	float: left; 
	width: 24%; 
	background: white;
	padding:  0 0 15px 0;
	border-right: 2px solid rgb(172, 25, 25);
	border-bottom: 2px solid rgb(172, 25, 25);  
	}


#mainContent { 
	margin: 0 20px 1.5em 26%;
} 
#footer { 
	padding: 0 10px; 
	background: rgb(172, 25, 25);
	}


/* --- 3. Fonts and Paragraphs ---*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Black", Gadget, Verdana, Arial, Helvetica, sans-serif;
	color: rgb(172, 25, 25);
	padding: 0px;
	margin: 0.8em 0 0.3em 0;	
	}

h4, h5, h6 {
	color: black;
	}
 
h1{	font-size: 1.6em;}

h2{	font-size: 1.8em;}

h3{	font-size: 1.4em}

#header h1 {
	font: 16px/22px "Arial Black", Gadget, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 7px 8px 5px 15px;
	color: white;
	float: right
}

#sidebar1 h1, #sidebar1 h2, #sidebar1 h3, #sidebar1 h4, #sidebar1 h5, #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar1 h1{font-size: 1.4em;}

#sidebar1 h2{font-size: 1.1em; }

#sidebar1 p{font: 0.9em/1.2em "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif;}

p{
	font: 1em/1.3em "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif;
	margin: 0;
	margin: 0.1em 0 0.6em 0;
	}
.small{
	font-size: 0.7em
	}
.cent_align{
	text-align: center;
	}
.caption{
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	}
#mainContent ul{
	margin:  0.1em 0 0.6em 20px;
	list-style-image: url(../graphics/bullet.gif); 	
	}
#mainContent ul li	{
	padding-left: 0.6em;

	}

ul.sideb{
	margin:  0.1em 0 0.6em 20px;
	}
li.sideb	{
	padding-left: 0.6em;
	font: 0.9em/1.2em "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif;
	}
		
#footer p {
	margin: 0; 
	padding: 5px 0;
	font: 0.8em "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif;
	color: white;
	text-align: center;
	}

/* --- 4. Menubar ---*/

#menubar{
	width: 100%;
	background-color: rgb(172, 25, 25);
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	}

#menubar ul { 
	width: 100%;
	border-top: 2px solid rgb(255, 255, 204);
}
div#menubar ul li {
    font: Bold 16px tahoma,arial,helvetica, sans-serif; 
   	list-style-type:none;	
}

div#menubar ul li a {
	display:block;
	width: 99%;
	background-color: rgb(172, 25, 25);
	color: rgb(255, 255, 204);
	text-align: center;
	text-decoration: none;
	line-height:25px;
	border: 1px solid rgb(255, 255, 204);
	border-top: none;
	border-bottom: 2px solid rgb(255, 255, 204);	
	
}
div#menubar ul li a:hover {
	text-decoration: none;
	color: black;
	background-color: rgb(172, 25, 25);
}
a:link{color : rgb(172, 25, 25); font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; text-decoration: none;}
a:visited{color : rgb(143,79,107); font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; text-decoration : none;}
a:hover{color : rgb(172, 25, 25); text-decoration : underline;}


#footer a{
	color: white;
	text-decoration: none;
	margin: 0 2.5% 0 2.5% ;
	}
#footer a:hover{
	color: white;
	text-decoration: underline;
	}
hr{
	width: 65%;
	border-width: 0;
	background-color: rgb(172, 25, 25);
	color: rgb(172, 25, 25);
	height: 2px;
	}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bldred{
	font-weight:900;
	color: rgb(172, 25, 25);
	}