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

body {
	background-color:#7C816F;
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, sans-serif;
	font-size:.9em;
	}
#GlobalContainer {
	width:752px;
	height:100%;
	background-color:#FFF;
	margin: 2% auto 2% auto;
	}
#GlobalHeader {
	width:752px;
	height:49px;
	background:url("../img/global/Logo.jpg") no-repeat right;	
	margin-bottom:1%;
	}
#LocalContainer {
	clear:both;
	width:96%;
	height:100%;
	padding:7px 5px 5px 15px ;
	}
	
/* Font Rules */

/* --- Default Font ---. */
p {
	font-size:100%;
	color:#666;
	display: inline;
	padding-top:5%;
	}
	
li {
	padding:1%;
	}
	
/* --- Link Rules ---
This is the default link for the site. Notice that the border-bottom color is white which
will negate div resizing when a user hovers over a link. In order to make the "underline" visible,
simply denote the border-bottom-color when styling a local link. */	
a, a:hover { 
	font-family: Arial;
	font-size: 100%;
	color:#000;
	text-decoration:none;
	}
#LocalContainer a {
	font-weight:bold;
	}
h1 {
	font-size: 135%;
	display:inline;
	}
h2 {
	font-size: 190%;
	color:#000;
	display:inline;
	}
h3 {
	font-size: 115%;
	color:#000;
	display:inline;
	}

/* --- Site Colors --- */	
.White, .White:hover {
	color:#FFF;
	}
.Grey, .Grey:hover {
	color:#666;
	}
.Blue, .Blue:hover {
	color:#447FA5;
	}
.Tan, .Tan:hover {
	color:#8E9376;
	}
/* Special Classes */

/* --- No Class ---
This class styles images to omit the decoration of the image. Remember to set
the border to 0 (zero) on the image! */	
.no:hover {
	text-decoration:none;
	border:none;
	}

/* ---Left and Right--- 
Below are the Left and Right rules. These mainly use floats to position the content
that they style. However, you may want to use TextLeft and TextRight classes for
some elements. */

.Left {
	float:left;
	}
.TextLeft {
	text-align:left;
	}	
	
.Right {
	float:right;
	}
.TextRight {
	text-align:Right;
	}