@charset "UTF-8";

/***** Header styles *****/
#header { background-image: url(../images/maintop-bg.gif); background-repeat: no-repeat; background-position: center top; width: 770px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#headtoplinks { width: 690px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; }
.whitebg { background-color: #FFFFFF; }
.purplebg { background-color: #330066; }
.toplinks { font-weight: bold; text-decoration: none; padding-right: 20px; }
#fpic { width: 770px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(../images/bg_header2.jpg); background-repeat: no-repeat; background-position: center center; background-color: #FFFFFF; text-align: center; }
h1 { font-size: 130%; color: #0060A9; text-align: center; padding: 0px 0px 6px 0px; margin: 0px; }



/***** Footer styles *****/
#footer { background-color: #E8E7F4; background-repeat: no-repeat; background-position: center bottom; width: 750px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 17px; padding-right: 20px; font-size: 85%; clear: both; text-align: right; }
#footer img { padding-left: 20px; padding-right: 20px; }




/***** Overall page styles *****/
body { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #333333; margin: 0px; background-color: #CCCCCC; padding: 0px; }
#main { background-color: #E8E7F4;  background-repeat: repeat-y; background-position: center top; width: 770px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-style: solid; border-width: 1px; }
#pcontent { float: left; width: 490px; margin-top: 23px; margin-bottom: 20px; margin-left: 20px; background-color: #FFFFFF; padding: 20px; }
#pcontentsum { float: left; width: 690px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; background-color: #FFFFFF; padding: 20px; }
#pcontent p { margin-top: 15px; }
#pcontent p.small { margin-top: 0px; font-size: 79%; }
#pcontent h2 { font-size: 140%; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
#pcontentsum h2 { font-size: 140%; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
.padleftbot { padding-left: 20px; padding-bottom: 20px; }
.padleft { padding-left: 20px; padding-bottom: 5px;}
hr { border: none 0; border-top: 1px solid #CCCCCC; height: 1px; color: #CCCCCC; padding: 5px; margin: 30px 0px 10px 0px;}



/***** General styles *****/
a { color: #330066; font-weight: bold; text-decoration: none; }
a:hover { color: #AA0044; }
a.namedisplay {color: rgb(0,0,0); text-decoration: none;}
a.namedisplay:hover {color: rgb(0,0,0); text-decoration: none;}
li { margin-bottom: 7px; }
.projects li { margin-bottom: 15px; }

.underline { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }
.whitetxt { color: #FFFFFF; }
.pad10 { padding-left: 10px; }




/***** Menus *****/
#pmenu { float: left; width: 220px; margin-top: 0px; margin-bottom: 20px; margin-left: 20px; padding-top: 20px; padding-left: 0px; }
#pmenu ul { margin: 0px; padding-top: 0px; padding-left: 0px; }
#pmenu li { margin-bottom: 5px; margin-top: 0px; padding-top: 0px; color: #CC0066; margin-left: 0px; }
#pmenu a { text-decoration: none; }

.pmenuindent {	padding-left: 18px; margin: 0px; }

.level1link { margin-top: 5px; font-weight: bold; padding-top: 4px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 4px; list-style-type: none; margin-left: 0px; padding-left: 0px; }
.level1linkbot { margin-top: 5px; font-weight: bold; padding-top: 4px; list-style-type: none; padding-bottom: 4px; }
.level2link { font-size: 90%; padding-top: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 2px; list-style-type: none; }
.level3link { font-size: 70%; font-weight: lighter; list-style-type: circle; padding-top: 0px; padding-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; margin-left: 10px; list-style-position: inside; }

#pmenubot { background-image: url(../images/pmenu-bot.gif); background-repeat: no-repeat; background-position: left bottom; width: 100%; background-color: #FFFFFF; }




/***** Home page specific styles - not in use? *****/
#fcontent1, #fcontent2, #fcontent3 { width: 720px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; }
#fcontent2, #fcontent3 { width: 720px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; background-image: url(../images/fcontent-top.gif); background-repeat: no-repeat; background-position: center top; }

#fcontent1clear { clear: both; width: 720px; }
#fcontent2clear, #fcontent3clear { clear: both; width: 720px; background-image: url(../images/fcontent-bot.gif); background-repeat: no-repeat; background-position: center bottom; }

#fcontent1left  { float: left;  width: 195px; min-height: 395px; margin-top: 20px; margin-bottom: 0px; margin-left: 20px;  padding: 5px 20px 5px 20px; background-color: #FFFFFF; }
#fcontent1right { float: right; width: 195px; min-height: 395px; margin-top: 20px; margin-bottom: 0px; margin-right: 20px; padding: 5px 20px 5px 20px; background-color: #FFFFFF; }

#fcontent2left h2, #fcontent3left h2 { font-size: 120%; color: #333333; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; }
#fcontent2right h2, #fcontent3right h2 { font-size: 120%; color: #333333; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }
#fcontent1left ul { padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#fcontent1left li { font-weight: bold; margin-top: 5px; margin-left: 0px; padding-left: 0px; text-decoration: none; padding-bottom: 5px; list-style-type: none; }
#fcontent2right ul, #fcontent3right ul { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 13px; }
#fcontent2right li, #fcontent3right li { list-style-image: url(../images/bullet-pink-round.gif); margin-left: 0px; padding-left: 0px; }
#fcontent1left a { text-decoration: none; }
.featurepic { padding-right: 5px; }



/*----------------------------*/
/* Navigation - other pages   */
/*----------------------------*/
.nav1 {overflow: hidden; clear: both; float: left; width: 200px; min-height: 300px; height: 730px; margin: 0px; color: rgb(75,75,75); font-size: 1.0em; background-color: #E8E7F4; }
.nav1 ul {width: 180px; margin: 0px; padding: 20px 20px 5px 20px; background-color: #E8E7F4;}
.nav1 li {list-style: none; margin: 3px 0px 3px 0px; padding: 0px; min-height: 2.2em; height: auto !important; height: 2.2em; line-height: 2.2em; background-color: #91003A; text-align: left; font-weight: bold; }
.nav1 li a {display: block; min-height: 1.0em; height: auto !important; height: 2.2em; line-height: 2.2em; margin: 0px; padding: 0px 20px 0px 20px; color: #FFFFFF; text-decoration: none; font-size: 100%;}
.nav1 li a:hover, .nav1 li a.selected {color: #000000; background-color: #BFD4E2; }

.nav1 li.sub1 { display: inline; text-align: left; margin: 0px 0px 5px 0px; }
.nav1 li.sub1 a { display: block; min-height: 1.2em; height: auto !important; height: 1.2em; line-height: 1.2em; color: #000000; text-align: left; padding: 5px 0px 5px 20px; background-color: #BFD4E2; font-size: 85%; }
.nav1 li.sub1 a:hover, .nav1 li.sub1 a.selected { color: #000000; background-color: #80A9C6; }

.nav1 li.sub2 { display: inline; text-align: left;}
.nav1 li.sub2 a { display: block; min-height: 1.2em; height: auto !important; height: 1.2em; line-height: 1.2em; color: #FFFFFF; text-align: left; padding: 0px 0px 5px 40px; background-color: #80A9C6; }
.nav1 li.sub2 a:hover, .nav1 li.sub2 a.selected { color: #000000; background-color: #80A9C6; }
.nav1 img { padding: 0px 24px 0px 26px; }


/* Tables */
.table_sm {clear: left; margin: 0.5em 0px 1.5em 0px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: #BFD4E2 ;}
.table_sm tr {margin: 0px; padding: 0px;}
.table_sm td {padding: 3px 7px 3px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 79%;}

.table {clear: left; margin: 0.5em 0px 1.5em 0px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: #BFD4E2 ;}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 3px 7px 3px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 100%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}
