html, body, ul, li {margin: 0; padding: 0; border: 0;}

body {
	color: #000; 
	margin: 0 30px;
	background: #fff;
	font-size: 100.01%;
	background:url(images/backgrd.gif);
	font-family: arial, verdana, sans-serif;
	text-align: center;
}

h1 {
	color: #000; 
	font-size: 135%; 
	text-align: center;
	font-family: "comic sans ms",arial, helvetica, sans-serif;
	font-weight: bold;
	}
	
h2 {
	font-size: 120%; 
 	font-family: "comic sans ms",arial, helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #903;
	}
.cnc-h2 {
	font-size: 135%; 
 	font-family: "comic sans ms",arial, helvetica, sans-serif;
	text-align: center;
	font-weight: normal;
	color: #399;
	}
	
h3 {
	font-size: 110%; 
 	font-family: "comic sans ms",arial, helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	color: #399;
	}
	
p {
	color: #000;
	text-align: left;
	}

a:link {color:#03c}
a:visited {color:#903}
a:hover {color:#399}

img.sbeetle {
	position: relative; 
	top: 10px;
	}

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

.nomargin {margin: 0;}
.nobotmargin {margin-bottom: 0;}
.notopmargin {margin-top: 0;}
.topmargin {margin-top: 5px;}
.indent-left {margin-left: 10%}
.indent-left5 {margin-left: 5%}
.indent-left15{margin-left: 15%}
.indent-left20{margin-left: 20%}
.indent-left25{margin-left: 25%}
.indent-left35{margin-left: 35%}
.indent-purpose {margin: 0 0 0 7%; text-indent: -30px; text-align: left;}
.indent-links {margin: 0 0 0 10%; text-indent: -30px; text-align: left;}
.indent-biblio {margin-left: 5%; text-indent: -30px; text-align: left;}
.indent-program {margin-left:170px; text-indent: -140px; text-align: left;}
.indent-program2 {margin-left:190px; text-indent: -140px; text-align: left;}
.indent-program3 {margin-left:20%; text-indent: 10px; text-align: left;}
.indent-program4 {margin-left:25%; text-indent: -15px; text-align: left;}

.lineheight140 {line-height: 140%;}

.border1 {border: 1px solid;}

.size80 {font-size: 80%;}
.small {font-size: 85%;}
.normal-size {font-size: 100%}
.med-small {font-size: 120%}
.medium {font-size: 125%}
.med-large {font-size: 135%;}
.large {font-size: 160%;}
.super {font-size: 180%;}

.red {color:#990000;}
.teal {color:#339999;}
.blue {color:#0033cc;}
.blueteal {color:#006699;}
.blue-purple {color:#9999dd;}
.lav {color: #93f;}
.black {color: #000}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.normal {font-weight: normal; font-style: normal;}
.under {text-decoration: underline;}
.no-decor {text-decoration: none;}

.comic {font-family: "comic sans ms", arial, helvetica, sans-serif;}
.arial {font-family: arial, helvetica, sans-serif;}
.bernard {font-family: "Bernard MT condensed", "comic sans ms", arial, helvetica, sans-serif;}
.rage {font-family: "Rage Italic", "comic sans ms", arial, helvetica, sans-serif;}
.mistral {font-family: "Mistral", "comic sans ms", arial, helvetica, sans-serif;}
.agency {font-family: "Agency FB", "comic sans ms", arial, helvetica, sans-serif;}
.viner {font-family: "Viner Hand ITC", "comic sans ms", arial, helvetica, sans-serif;}
.forte {font-family: forte,"comic sans ms", arial, helvetica, sans-serif;}
.snap {font-family: "Snap ITC", "comic sans ms", arial, helvetica, sans-serif;}
.times {font-family: "Times new roman", verdana, sans-serif;}

.border-red5s{border: 5px solid; border-color: #990033;}
.border-red2s{border: 2px solid; border-color: #990033;}
.border-red2d{border-width: 2px; border-color: #990033; border-style: double;}
.box3 {
	border: 3px solid #903;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
.box40 {
	border: 3px solid #903;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}

hr {text-align: center; width: 50%;}

.clear-all {clear: both;}

table.center {margin-left:auto; margin-right:auto;}
div.center {margin-left:auto; margin-right: auto;}

.footnote {text-align: left; width: 20%;}

.container {
	width: 653px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
}
.container2 {
	width: 653px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
}

ul.bullet {
	padding-left: 40px;
	}
li.bullet { 
	list-style: outside;
	vertical-align: top;
	}

ul.bullet2 {
	padding-left: 10px;
	}
li.bullet2 { 
	vertical-align: top;
	}

/* float-image code starts here*/
.floatleft {
	float: left;
	margin: 0 15px 10px 0;
	background-color: #ccf;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	text-align: left;
	font-size: 85%;
	}
div.floatleft img {
	border: 1px solid #000 ;
	}

.floatleftp {
	float: left;
	margin: 0 15px 10px 0;
	background-color: #ccf;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	text-align: left;
	font-size: 85%;
	}
div.floatleftp img {
	border: 1px solid #000 ;
	}

.floatright {
	float: right;
	margin: 0 0 10px 15px;
	background-color: #ccf;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	text-align: left;
	font-size: 85%;
	}
div.floatright img {
	border: 1px solid #000;
	}

.floatcenter {
	float: right;
	margin-left: auto;
	margin-right: auto;
	background-color: #ccf;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	text-align: left;
	font-size: 85%;
	}
div.floatright img {
	border: 1px solid #000;
	}
	
.floatrightnb {
	float: right;
	margin: 0 0 10px 15px;
	padding: 0;
	}
.floatleftnb {
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
	}
	
/* float-image code end here*/
	
	
	
/* float-list code starts here*/
.floatlistright {
	float: right;
	margin: 3px;
	padding: 0;
	text-align: center;
	line-height: 110%;
	}	  

.floatlistleft1 {
	float: left;
	margin: 3px;
	padding: 5px 5px 10px 20px;
	text-align: left;
	width: 290px;
	}	  

.floatlistleft2 {
	float: left;
	margin: 3px;
	padding: 5px 5px 5px 20px;
	text-align: center;
	width: 290px;
	}	  

.floatlistleft3 {
	float: left;
	margin: 3px;
	padding: 0;
	text-align: center;
	width: 160px;
	}	  

.floatlistleft4 {
	float: left;
	margin: 3px;
	padding: 0;
	text-align: center;
	width: 250px;
	}	  

.floatcenternb {
	margin: 0 15px 10px 0;
	padding: 10px 10px 5px 10px;
	margin-left: auto;
 	margin-right: auto;
	text-align: center;
	}

	
hr.bar  {        /**   Dividing Bar         **/              
                width: 50%; 
                margin:0 auto; 
                height:2px; 
                color:#506F89; 
                background-color:#506F89;
                border:none; 
                } 	
	
	
/* float-list code ends here*/

/* flyout code starts here*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.navmenu {
z-index:1000;
font-size:85%;
float: left;
margin:0 0 10px 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.navmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:130px;
}
/* hack for IE5.5 */
* html .navmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.navmenu li {
position:relative;
background:#900;
height:25px;
text-align:center;
}

/* get rid of the table */
.navmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.navmenu a, .navmenu a:visited {
display:block; 
text-decoration:none;
height:23px;
line-height:23px;
width:126px;
color:#ff9;
font-weight: bold;
text-indent:5px;
	border-left: 2px solid #fc9; /* Makes side borders on flyouts */
	border-top: 2px solid #fc9; /* Makes top borders on flyouts */
	border-right: 2px solid #600; /* Makes side borders on flyouts */
	border-bottom: 2px solid #600; /* Makes bottom border on flyouts */
border-width:2px;
}
/* hack for IE5.5 */
* html .navmenu a, * html .navmenu a:visited {background:#900; font-weight: bold; width:130px; w\idth:126px;}
/* style the link hover */
* html .navmenu a:hover {color:#fff; background:#f00; font-weight: bold;}

.navmenu :hover > a {
color:#fff; 
background:#f00;
font-weight: bold;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:130px; 
}
/* make the second level visible when hover on first level list OR link */
.navmenu ul li:hover ul,
.navmenu ul a:hover ul {
visibility:visible;
}

</style>
<!--[if IE 7]>
<style type="text/css">
.navmenu li {float:left;}
</style>
<![endif]-->


/* flyout code ends here*/