/* sets all margins & padding to zero to help with cross-browser issues */
* {
  margin: 0px;
  padding: 0px;
} 

/* applies to whole page - adds background color, font family, & default font color and size*/
body {
	background-color: #3a4858;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9 em;
	text-align:left;
}

/* puts wrapper around header, content and footer (all of page), used to create top margin, add gradient, and width for repeating images */
#frame {
	margin-top: 189px;
	background-image:url(../images/backgroundGradientNew.jpg);
	background-repeat:repeat;
	width: 2000px;
}

/* clears the double-margin problem in IE6 only*/
/*\*/ * html #frame { display: inline; } /**/ 


/* adds header image & background repeating pattern*/
#header {
	background-image: url(../images/topPatternNew.jpg);
	background-repeat: repeat-x;
	position:fixed;
	top: 0;
	left: 0;
	width: 2000px;
}

/*add wrapper around content section of page with columns, navigation, text area, allows to control placement of content*/
#content{
	width: 1150px;
}

/* used to apply striped background to bottom of page */
#footer {
	background-image:url(../images/footerBackground.jpg);
	background-repeat: repeat-x
}


/* used to create two-column design layout, applies to navigation section */
#leftColumn {
	float: left;
	width: 225px;
}

/* used to create two-column design layout, applies to box and content section */
#rightColumn {
	float: right;
	width: 915px;

}

/* applies to right-column boxed in content section, used to create surrounding text-box*/ 
#box {
	background-color: #fdfef8;
	border: 3px solid #94ae7a;
	border-top: 0px;
	width: 850px;
	padding: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top:0px;
}

/* used to set properties for text within box - margins, size, etc. */
#textArea{
	width:830px;
	margin-left: 10px;
	margin-right: 10px;
	color: black;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* used to create two columns in content box - left column */
#leftColumnSub {
	float:left;
	width: 404px;
	padding-right:10px;
}

/* used to create two columns in content box - right column */
#rightColumnSub {
	float:right;
	width: 404px;
	padding-left: 10px;
}

/*adds border to left column, if desired*/
#leftColumnSub.border {
	border-right: 1px solid #94ae7a;
}

/*adds border to left column, if desired*/
#rightColumnSub.border {
	border-left: 1px solid #94ae7a;
}

/* used to set main left-hand navigation properties */
#navigation {
	color: #ffffff;
	background-color: transparent;
	margin-top: 15px;
}
#navigation ul{
	margin-left: 55px;
}
#navigation li {
	list-style-type:none;  
	margin-bottom: 10px;
}
#navigation a:link {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.15em;
}
#navigation a:visited {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.15em;
}
#navigation a.active {
	color: #94ae7a;
}
#navigation a:hover {
	color: #e8cf65;
}
#navigation a:hover.active {
	color: #94ae7a;
}

/* applies formatting to top-level heading (navigation category) on each page*/
#textArea h1 {
	color: #ab751f;
	font-size: 1.5em;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0px;
	padding:3px;
	margin-bottom: 7px;
	/*border-bottom: 2px solid #94ae7a;*/
	background-color: #e8d9a0;
}

/* applies formatting to second-level heading on each page*/
#textArea h2 {
	color: #4d6c56;
	font-size: 1.1em;
	font-style:italic;
	margin:0px;
	padding:0px;
	margin-bottom: 7px;
}

/* applies formatting to paragraphs on each page*/
#textArea p{
	font-size: .9em;
	margin:0px;
	padding:0px;
	padding-bottom: 7px;
}

/* applies formatting to unordered lists on each page*/
#textArea ul {
	padding-left: 15px;
}
#textArea ul li {
	list-style-position:outside;
	list-style-type:circle;
}

/* applies formatting to links on all pages*/
a:link {
	color: #3f5e76;
	font-size: 105%;
	text-decoration:none;;
}
a:hover {
	color: #7a97ae;
	font-size: 105%;
	text-decoration: underline;
}
a:visited {
	color: #3f5e76;
	font-size: 105%;
	text-decoration: none;
}
a:visited:hover {
	color: #7a97ae;
	font-size: 105%;
	text-decoration: underline;
}

/* applies formatting to images on each page*/
img {
	margin: 0;
	padding: 0;
	border: none;
}

/* floats an image left*/
img.left {
	float:left;
	margin-right: 10px;
}

/* floats an image left and adds border*/
img.leftBorder {
	float:left;
	border: 1px solid #94ae7a;
	margin-right: 10px;
}

/* floats an image right*/
img.right {
	float:right;
	margin-left: 10px;
}

/* floats an image right and adds border*/
img.rightBorder {
	float:right;
	border: 1px solid #94ae7a;
	margin-left: 10px;
}

/* applies styles to text through classes */
.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.bolditalic {
	font-style:italic;
	font-weight: bold;
}
.blue {
	color: #3a4858;
}
.blueStrong {
	color: #3a4858;
	font-weight:bold;
}
.blueEmphasis {
	color: #3a4858;
	font-style:italic;
	font-weight:bold;
}
.orange {
	color: $85520e;
}
.orangeEmphasis {
	color: #85520e;
	font-style:italic;
	font-weight:bold;
}
.orangeStrong {
	color: #85520e;
	font-weight:bold;
}

/* adds a color/border around text for emphasis, centers text  */
.centerBox {
	text-align:center;
	background-color: #dfe8d3;
	border: 1px solid #616161;
}
.centerBox p {
	padding: 3px;
	margin: 0px;
}

/* format the horizontal rules */
hr {
	border: 1px solid #94ae7a;
}