@charset "utf-8";

/* reset */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	position: relative; /* Forgetting position relative on block level elements causes problems, so I add it in the beginning */
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
/* address,caption,cite,code,dfn,em,strong,th,var {  see notes below */
address {
/*
- I would change address tags to a normal font style,
- caption, cite, code, dfn and var are almost never used, so why bother
- em should typically be italic
- strong should typically be bold
- th tends to be bold in 
*/
	font-style: normal;
/*	font-weight: normal; not needed */
}
ol,ul {
	list-style:none; /* I would only have this rule if ALL lists on the website are not supposed to have bullets. Why would you want a numbered list (ol) without numbers? */
}
caption,th { /* caption is rarely used, so I wouldn't bother adding it */
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

.class {
  width:200px; /* All browsers */
  *width:250px; /* IE */
  _width:300px; /* IE6 */
  .width:200px; /* IE7 */
}

/* reset */ 

.leigh{ position: absolute; top:100px; left: 0px;}


a img {
	border: none; /* images that are links get ugly blue borders */
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote {
	margin: 1em auto; /* Typically you want spacing between paragraphs, headings and lists in the body text, this would be changed to match the site I'm working on */
}

li {
	margin-left: 30px; /* Normally on websites bullet lists are indented, using margin-left on the li causes fewer problems than padding-left on the ul */
}

body, textarea {
	font-size: 14px; /* For some reason textareas tend to have too large of a font and they use a mon-space font, this sets it to the same as the body text */
	font-family: Arial, Helvetica, sans-serif;
}


html {
	margin: 0;
	padding: 0;
	overflow:-moz-scrollbars-vertical; /* always show firefox scrollbar */
/* I moved the following line up above
font-size: 14px;  /* sets the 1em font size */
		}
	
#wrapper {
/* I wouldn't use the following line, plus I set position relative above */
/*	position: relative;	top: 0; right: 0; bottom: 0; left: 0; /* make is go 0px from top and 0px from bottom */

	width: 975px; /* sets width of main container */
	min-height: 500px; /* I only set min-height if the background image depends on it (IE6 doesn't recognize min-height) */
	margin: 0 auto; /* centers box */
	margin-bottom:25px;
	}

body {
	font-size: 14px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	}
	
body {	
	/*background: url('/images/chin-back.jpg') no-repeat top center;*/
	/*background-color:#e9ecf3;*/
	background-color:#0d2d54;
	
	}
		
h1 { font-size: 2em; } /* I have stopped using ems, caused too many problems. All I use ar px for font sizes */
h2 { font-size: 1.5em;	}
h3 { font-size: 1.25em;	}
h4 { font-size: 1.125em;	}
h5 { font-size: 1em;	}
h6 { font-size: .875em;	}
p  { font-size: 1em;	}
img { border: 0; } /* Removes default border around linked images */ /* Oh, I added this above */

a:link, a:visited, a:active { text-decoration: none; color:#000000;}
a:hover { text-decoration: underline; color:#ba6b25;}

/* LAYOUT */

#global-nav {
	position: absolute; top: 0; left: 0;
	width: 975px; /* sets width of main container */
	height: 35px;
	/*background: url('/images/global-nav-back.jpg') no-repeat top center;*/
	background-color:#0c2d58;
	z-index: 99;
	}
#global-nav ul {
	list-style: none;
	margin-top: 5px;
	/*margin-left:150px;*/
	}

#global-nav li {
	float: left; /* makes the nav menu inline*/
	margin: 0 1em 0 0;
	}
/* floats can be dangerous if you don't set the width, usually doesn't cause problems if used like this. I tend to simply use <a> tags for nav */

#global-nav li a {
	border-left-width: 1px;
	border-left-color:#e9e9e9;
	border-left-style: solid;
	padding-left: 1em;
	}
	
#global-nav li a.nav-no-border {border: none;}

#global-nav a:link, #global-nav a:visited, #global-nav a:active {	color: white;}
#global-nav a:hover {	color:#CCCCCC;}

#main-text-area {
	position: relative; float: left; left:0;
	width:975px;
	background-color: white;
	margin-bottom: 40px;
	}
	
#header-image { /* background: url('/images/header.jpg') no-repeat top center; */ height: 20px; margin-top: 35px;}
	
#footer {
/* Handled above
	position: relative;	top: 0; right: 0; bottom: 0; left: 0; /* make is go 0px from top and 0px from bottom */
	float: left; /* This shouldn't need to be floated s.p. */
	clear:both;
	width: 100%; /* sets width of main container */
	height: 70px;
	background: url('/images/footer-back.jpg') no-repeat top center;
	background-color:#463f35;
	margin: 0 auto; /* centers box */
	font-size: .9em;
	}
#footer-inner {
	position: relative;
	width: 975px;
	margin: 0 auto; /* centers box */
	margin-top: 10px;
	padding-top: 10px;
	}
	
#footer-left {position: relative; float: left;  }
#footer-right {position: relative; float: right; text-align: right; }

#left-column {
	position: relative;
	float: left;
	width: 630px;
	margin-left: 10px;
	}

#right-column {
	position: relative;
	float: right;
	width: 300px;
	border-left-width: 1px;
	border-left-color:#000000;
	border-left-style: solid;
	padding-left: .5em; /* Use padding left/right and width or padding top/bottom with height with caution. It will cause problems in IE 5 */
	margin-top: 35px;
	margin-bottom: 15px;
	}