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

/*--------basic styling------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
#wrapper {
	position:relative;
	width: 900px;
	margin: 15px auto 15px;
	text-align: left;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	}
#clear {
	clear:both;
	}
#clearRight {
	clear: right;
}
.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;
}


/*-------position container elements-------*/
#header {
	float: right;
	padding: 10px 0px 0px 0px;
} 
#leftNav {
	float: left; /* since this element is floated, a width must be given */
	width: 170px; /* 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: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 3.5em 0 0 1em; /* padding keeps the content of the div away from the edges */
}
#leftNav p {
	margin: 2em 1em .5em 1.5em;
	font-size: 80%;
	font-style: italic;
}
#leftNav p.NoSpceTopIndent {
	margin: -.5em 1em .5em 2em; 
	font-size: 80%;
	font-style: italic;
}

#leftNav ul,li {
	margin: 0px;
	padding: 0px;
}
#leftNav li {
	list-style-type: none;
	font-size: 85%;
	margin: 0 0 1em 1em;
	padding: .5em 0 .1em .1em;
	border-bottom: 1px dotted #660033;
}
#leftNav .boldHighlight {
	font-weight:bold;
	color:#663300;
}
#leftNav li a {
	display: block;
	text-decoration: none;
	color: #6666FF;
}
#leftNav a:hover {
	background-color:#FFCCFF;
}
#leftNav .indentLast {
	margin-left: 3em;
}
#leftNav .indent1 {
	margin-left: 2em;
}
#leftNav .indent {
	margin-left: 1em;
	color: #660066;
}

#contentRight {
	float:right;
	margin: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: auto;
	width: 710px;
	text-align: center;
} 
#contentRight p {
	margin: 10px 20px 7px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	font-weight: normal;
	line-height: 1.4em;
}
#contentRight p.indent {
	margin: 10px 70px 7px 50px;
}
#contentRight p.flushRight {
	text-align: right;
	margin: 0px 20px 20px 0px;
	font-style: oblique;
	font-weight: normal;
	font-size: .8em;
}
#contentRight h1 {
	color: #990000;
	margin: 20px 0 24px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	text-align: center;
}
#contentRight h1.lessSpace {
	margin: 20px 0px 0px 0px;
}
#contentRight h2 {
	margin: 20px 20px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	color: #000066;
	font-variant: small-caps;
}
#contentRight h3 {
	margin: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	font-style: oblique;
	color: #000066;
	font-weight: normal;
}

#contentRight h3.subHead3 {
	margin: 0px 0px 20px 0px;
	font-weight: bold;
}
#contentRight h4 {
	margin: 0px 20px 5px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align: left;
	color: #000066;
}
#contentRight h4.centered {
	margin-bottom: 20px;
	text-align: center;
}

#contentRight h5 {
	margin: 10px 20px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	font-weight: normal;
	line-height: 1.7em;
}
#contentRight .indentLeft-h5 {
	margin-left: 100px;
}
#contentRight .textCenter-h5 {
	text-align: center;
}
#contentRight h6 {
	text-align: center;
	margin: 3px 0px 25px 0px;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.4em;
}
#contentRight h6.unBold {
	margin: 0px 0px 5px 0px;
	font-style: normal;
}
#contentRight a {
	text-decoration: none;
	color: #336633;
}
#contentRight a:hover {
	text-decoration: underline;
}

#blockLeft {
	margin: 0px 20px 10px 20px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
#blockRight p {
	margin: 10px 10px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
}
#gicleeLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 120px; /* 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: #FFFFFF; /* padding keeps the content of the div away from the edges */
	padding: 3.5em 0 0 1em; /* padding keeps the content of the div away from the edges */
}
#giclee {
	float: right;
	margin: auto; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: auto;
	width: 650px;
	text-align: center;
	margin-top: 10px;
	margin-right: 100px;
}
#giclee h1 {
	color: #990000;
	margin: 20px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	text-align: center;
}
#giclee p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin: 10px 50px 20px 50px;
}
#gicleeLeft ul,li {
	margin: 0px;
	padding: 0px;
}
#gicleeLeft li {
	list-style-type: none;
	font-size: 85%;
	margin: 0 0 1em 1em;
	padding: .5em 0 .1em .1em;
	border-bottom: 1px dotted #660033;
}
#gicleeLeft li a {
	display: block;
	text-decoration: none;
	color: #6666FF;
}
#gicleeLeft a:hover {
	background-color:#FFCCFF;
}



#footer2 {
	position: relative;
	width: 900px;
	margin: 4px auto 0px;
	height: 30px;
}
#footer2 a {
	text-decoration: none;
	color: #6666FF;
	font-size: 0.8em;
}
#footer2 a:hover {
	text-decoration: underline;
}
hr {
	margin: 20px 20px 20px 10px;
}
tr {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	vertical-align: bottom;
}