/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.4 verdana,arial,sans-serif;
	background:#dddbcd url(../images/body_bg.gif) repeat-x 0 0;
	color:#000;
}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h1, h2, h3 {margin:0 10px 1em; padding:0}

/* ---- headers ---- */

h1 {
	font-family:"Times New Roman", Times, serif;
	color:#103866;
	font-size:2.0em;
	font-style:italic;
	font-weight:normal;
}

h2 {
	color:#054431;
	margin-bottom:5px;
	font-size:1.6em;
	font-weight:normal;
	border-bottom:1px solid #a2cbbf;
	font-family:"Times New Roman", Times, serif;
}

/* ---- lists ---- */
ul {margin-left:35px}
li {margin-right:0}
ul li ul {margin-top:10px}

/* ---- container ---- */

#container {
	margin:0 auto;
	width:770px;
	background:url(../images/container_bg.gif) repeat-y 0 0;
}

/* ---- textsize ---- */

#textsize {
	width:760px;
	height:30px;
	text-align:right;
	padding:7px 10px 0 0;
	margin:0;
	color:#fff;
	background:url(../images/top_bg.gif) repeat-x 0 0;
}

#textsize a {color:#fff; padding:0 2px}

.contactus a:hover {text-decoration:none}
.contactus a {text-decoration:underline}

#textsize a.textsize_medium {text-decoration:underline}
#textsize a.textsize_large {text-decoration:none}
#textsize a.textsize_extralarge {text-decoration:none}

/* ---- banner ---- */

#banner {
	width:770px;
	height:226px;
	background:url(../images/banner_bg.gif) no-repeat 0 0;
}

.banner_pic {margin-left:8px}
.logo_print {display:none}

#pwp {float:right; margin-top:1px}
#pwp a {
	color:#fff;
	width:180px;
	height:24px;
	padding-top:6px;
	padding-left:6px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background:url(../images/button_newsletter.gif) no-repeat 0 0;
}

#pwp a:hover {background-position:0 -30px}

/* ---- middle ---- */

#middle_wrapper {
	width:768px;
	min-height:476px;
	height:auto !important;
	height:476px;
	margin-left:1px;
	padding-top:36px;
	background:url(../images/middlewrap_bg.gif)	repeat-x 0 0;
}

/* ---- sidebar ---- */

#sidebar {
	width:210px;
	min-height:400px;
	height:auto !important;
	height:400px;
	float:left;
}

ul#menu {list-style:none; margin:0; padding:0; position:relative; left:7px}
ul#menu li {margin:0 0 -1px; padding:0}
	
ul#menu li a {
	padding:8px 0 8px 23px;
	display:block;
	width:178px;
	height:17px;
	text-decoration:none;
	border-top:1px dotted #444;
	border-bottom:1px dotted #444;
	font-weight:bold;
	color:#595959;
	background:url(../images/nav_bg.gif) no-repeat 0 0;
}

ul#menu li a:hover,
ul#menu li.selected a {color:#000; background-position:0 -33px}

#sidebar h2 {
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px solid #103866;
	color:#103866;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

p.highlight {font-size:.95em}
p.highlight a {color:#103866}
p.highlight a:hover {text-decoration:none}
.getacro {margin-top:20px; text-align:center}
.getacro a img {border:1px solid #054431}
.getacro a:hover img {border:1px solid #ccc}

/* ---- content ---- */

#content {
	width:531px;
	min-height:400px;
	height:auto !important;
	height:400px;
	line-height:1.8em;
	padding:0 10px;
	color:#444;
	font-size:1.1em;
	float:right;
}

.img_right {border:2px solid #054431; margin:8px 0 4px 10px; float:right}
#content li {margin-bottom:5px}
#content a, #sidebar a {color:#103866}
#content a:hover, #sidebar a:hover {text-decoration:none}
#content li li {list-style-type:disc}

.quote {font-style:italic; line-height:1.47em}
.sig {font-style:normal; float:right; margin-right:50px}

#rightbar {float:right; width:230px; margin-bottom:20px}
#rightbar2 {float:right; width:230px; height: 400px; margin-bottom:20px; background:#FFF) no-repeat }
#rightbar2 .button {
	margin-top: -90px;
}

#learnmore a {
	display:block;
	width:204px;
	height:47px;
	float:right;
	overflow:hidden;
	clear:both;
	background:url(../images/learnmore_button.gif) no-repeat 0 0;
}

#workshop a {
	display:block;
	width:204px;
	height:47px;
	float:right;
	overflow:hidden;
	clear:both;
	background:url(../images/workshop_button.gif) no-repeat 0 0;
}


#learnmore a:hover, #workshop a:hover {background-position:0 -47px}

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

#footer {
	width:770px;
	clear:both;
	font-weight:bold;
	text-align:center;
	padding-top:14px;
	color:#595959;
	font-size:.95em;
	background:#dddbcd url(../images/footer_bg.gif) no-repeat 0 0;
}

#footer a {color:#595959; text-decoration:none}
#footer a:hover {text-decoration:underline}