/* CSS Document */

/*@import url("round.css");*/

 body {
	background-image: url(bg.jpg);
	background-color:#1B2330;
	margin-top:0;
	margin-left:0;
	font-size:80%
}


.ppd_container {
	width:999px;
	margin: 0 auto;
	position:relative
}

.ppd_outer {position:relative; overflow: hidden}



.container {
	padding:0;
	margin:0;
	width: 999px;
	margin: 0px auto;
	position:relative;
	}

.clear {clear:both; margin:0; padding:0}


 .pagetop {
	position: relative;
	padding:0;
	margin:0;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	height: 182px;
	width: 999px;
}
 .pagebody {
	padding:0;
	margin:0;
	background-image: url(images/bottom.jpg);
	background-repeat: repeat-y;
	width: 999px;
	height: 482px;
	z-index: 1;
	position:relative;
	}
 .pagefooter {
	padding:0; margin:0;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	height: 90px;
	width: 853px;
}

.textbody {
	margin-bottom: 10px;
	margin-left: 205px;
	overflow: auto;
	z-index: 0;
	width: 570px;
	height: 350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #000000;
}


span {
	font-size:1.2em;
	color:#000099
}

#buttons {
	width: 731px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	left:170px;
	top:142px;
	background:	url(images/topnavbuttons.png) no-repeat;
}



#buttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; text-indent: -100em; overflow: hidden;}

#buttons a {display: block;}


#btn1-on, #btn1 {
	left:0px;
	top:2px;
	width:123px;
	height:35px;
}

#btn2-on, #btn2 {
	left:137px;
	top:1px;
	width:84px;
	height:30px
}



#btn3-on, #btn3 {
	left:230px;
	top:1px;
	width:70px;
	height:25px;
}

#btn4-on, #btn4 {
	left:300px;
	top:1px;
	width:80px;
	height:27px;
}

#btn5-on, #btn5 {
	left:380px;
	top:1px;
	width:105px;
	height:27px;
}

#btn6-on, #btn6 {
	left:490px;
	top:1px;
	width:59px;
	height:28px;
}


#btn7-on, #btn7 {
	left:550px;
	top:1px;
	width:119px;
	height:25px;
}

#btn1 a, #btn2 a, #btn7 a, #btn3 a, #btn4 a, #btn5 a, #btn6 a {height: 32px;}


#btn1-on, #btn1 a:hover {background: url(images/topnavbuttons.png )0-31px no-repeat;}
#btn2-on, #btn2 a:hover {background: url(images/topnavbuttons.png) -137px -30px no-repeat;}
#btn3-on, #btn3 a:hover {background: url(images/topnavbuttons.png) -230px -30px no-repeat;}
#btn4-on, #btn4 a:hover {background: url(images/topnavbuttons.png) -300px -30px no-repeat;}
#btn5-on, #btn5 a:hover {background: url(images/topnavbuttons.png) -380px -30px no-repeat;}
#btn6-on, #btn6 a:hover {background: url(images/topnavbuttons.png) -490px -30px no-repeat;}
#btn7-on, #btn7 a:hover {background: url(images/topnavbuttons.png) -550px -30px no-repeat;}



h1 {
	left:10px;
	top:0px;
	width:266px;
	height:30px;
	position: absolute;
	margin: 0;
	padding: 0;
}

h1 li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	text-indent: -100em;
	overflow: hidden;
	top: 11px;
	left: -10px;
}

#title-btn1 {left:0px;	top:13px;	width:286px;	height:46px; background: url(images/titles.gif) -15px -1px no-repeat}
#title-btn2 {left:0px;	top:13px;	width:286px;	height:46px; background: url(images/titles.gif) -15px -66px no-repeat}
#title-btn3 {left:0px;	top:13px;	width:286px;	height:40px; background: url(images/titles.gif) -15px -126px no-repeat}
#title-btn4 {left:0;	top:13px;	width:286px;	height:48px; background: url(images/titles.gif) -15px -186px no-repeat}
#title-btn5 {left:0px;	top:13px;	width:286px;	height:50px; background: url(images/titles.gif) -15px -256px no-repeat}
#title-btn6 {left:0;	top:7px;	width:286px;	height:55px; background: url(images/titles.gif) -15px -388px no-repeat}
#title-btn7 {left:0;	top:13px;	width:286px;	height:55px; background: url(images/titles.gif) -15px -328px no-repeat}

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

a:hover {text-decoration:underline}.textbody .bio {
	width: 75%;
	margin: 0px auto;
	padding: 11px;
	border: 1px solid #8e99dc;
	background: #7e88c4;
}
.textbody li {
	list-style: url(images/bullet.gif) outside;
}


.textbody .emph {
	color: #822021; font-size:1em !important
}
.textbody p {
	margin-right: 20px;
}

.textbody img {margin: 0 10px 10px 0}


.toplinks {
	font-size: 12px;
	font-weight: normal;
}
.toplinks ul li {
	padding-bottom: 3px;
}


.myBox {
    margin: 0 auto;
    color: #000;
    width: 75%;
    padding: 0 20px 0 0;
    text-align: left;
    border: 2px solid #3f445e;
	font-size:80%;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.myBox1 {
    margin: 0 auto;
    color: #000;
    width: 65%;
    padding: 20px;
    text-align: left;
    border: 2px solid #3f445e;
	text-align: center;
	font-size:90%;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	
}

.myBox2 {
    margin: 0 auto;
    color: #fff;
    width: 60%;
    padding: 0 20px 0 0;
    text-align: left;
    border: 2px solid #fff;
	font-size:120%;
	background-color:#006;
	text-align:center;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.myBox li {padding-top:5px}
.myBox2 li {padding-top:10px; list-style:none}

.note {color: #f00;}
.smFont {font-size:12px}

.bc div {
	float:left;
	font: bold 32px/62px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#logo {
	position:absolute;
	width:633px;
	height:86px;
	left: 180px;
	top: 14px;
}