@charset "UTF-8";
/* Global CSS Document */


body  {
				margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
				padding: 0;
				background-color: #000;
				font-size: 1em;
}

.anniegould #container { color: #fff; }

.anniegould #leftcol {
				float: left; /* since this element is floated, a width must be given */
				width: 340px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
				background: #0e0e0e;
				padding-right: 30px;
				padding-left: 30px;
				height: 1500px;
				padding-top: 50px;
}

#container #leftcol h1 {
				margin-bottom: 50px;
				margin-top: 0px;
}




/* navigation : Left column --------------------------------------- */

#leftnav {
				font-family: "Lucida Grande", Tahoma, sans-serif;
				font-size: 0.8em;
				margin-bottom: 50px;
}

#leftnav ul {
				margin:0;
				padding:0;
				list-style-type:none;
				font-family: "Lucida Grande", Tahoma, sans-serif;
}

#leftnav ul li {
				display:block;
				float:left;
}

#leftnav a:link, #leftnav a:visited {
				color:#9cf;
				text-decoration:none;
				float:left;
				margin-right:10px;
				padding-right: 5px;
				padding-top: 3px;
}

#leftnav a:hover {
				padding-right: 5px;
				padding-top: 2px;
				color: #9CF;
				border-top: 1px dotted #bfc7d9;
}




/* mainContent : Right column --------------------------------------- */

.anniegould #mainContent {
				width: 550px;
				margin-left: 400px;
				padding-right: 50px;
				padding-left: 30px;
				padding-top: 50px;
				height: 1500px;
} 

#container #mainContent h1 {
				margin-bottom: 125px;
				margin-top: 0px;
}




/* footer --------------------------------------- */

#container #leftcol p.footer {
				color: #a7ac6c;
				font-size: 0.7em;
				line-height: 1.5em;
				clear: both;
				font-family: "Lucida Grande", Tahoma, sans-serif;
}

#container #leftcol p.footer a:link, #container #leftcol p.footer a:visited {
				color: #f66;
				text-decoration: none;
}

#container #leftcol p.footer a:hover {
				border-bottom: 1px dotted #fff;
				color: #bfc7d9;
}






/* dividers --------------------------------------- */

.lline1 {
				height: 1px;
				padding: 0;
				border-bottom: 1px dotted #4E4E4E;
				clear: both;
				margin-bottom: 50px;
}

.lline2 {
				height: 1px;
				padding: 0;
				border-bottom: 1px dotted #4E4E4E;
				overflow:hidden;
				margin-top: 20px;
				margin-bottom: 30px;
}

.lline3 {
				height: 1px;
				padding: 0;
				border-bottom: 1px dotted #4E4E4E;
				margin-bottom: 57px;
				clear: both;
}

.rline1 {
				height: 1px;
				border-bottom: 1px dotted #4E4E4E;
				margin-bottom: 25px;
				width: 400px;
				margin-top: 25px;
}

.rline2 {
				height: 1px;
				border-bottom: 1px dotted #4E4E4E;
				width: 300px;
				margin-top: 125px;
				margin-bottom: 30px;
}

/* ------------------------------------------------- */


.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;
}

[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.anniegould #leftcol { width: 230px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.anniegould #leftcol { padding-top: 30px; }
.anniegould #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]