/*Style Sheet for Version 5 Browsers */

/*The Body Background */
body {
	background-color : #FFFFFF;
	background-image : url(../img/top_bg.jpg);
	background-repeat : repeat-x
}


/*Styles for the Main Content Layer */
.maindiv {
	border-left : 1px dotted #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height : 140%; 
	font-size : 12px;
	padding-left : 20px;
	padding-right : 20px;
	float: left;
}

.maindiv p { margin-top : 6px }


.maindiv h1 {
	background-color: #FFFFFF;
	line-height : 140%;
	border: 2px dotted #663366;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #663366;
	font-weight: bold;
	text-align: left;
	font-variant: small-caps;
	vertical-align: bottom;
	margin-bottom: 16px;
	margin-top: 0px;
	
}

.maindiv h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-bottom : 12px;
	margin-top : 4px
}

.maindiv h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-bottom : 12px;
	margin-top : 30px
}


.maindiv h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 8px;
	margin-top : 10px;
	font-weight: bold;
}

.maindiv a:link { 
color : #003399; 
text-decoration : none;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.maindiv a:visited { color : #993366; 
text-decoration : none;
border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}


.maindiv a:hover {
	color : #7D7EBD;
	text-decoration: underline;
	border-bottom: 0;	
}


/* Lists*/
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 4px;
	margin-right : 40px;
	margin-top : 4px
}

ol { color : #99CC66 }

ul { color : #000000}

/*Style for The Little Icon Layers */
.icondiv {
	border-bottom : 1px solid #CCCCCC;
	border-left : 0px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-top : 1px solid #CCCCCC
}

.icondivL {
	border-bottom : 1px solid #CCCCCC;
	border-left : 1px solid #CCCCCC;
	border-right : 0px solid #CCCCCC;
	border-top : 1px solid #CCCCCC
}

/*Style Applied to the Sidebar Layer */
.navDiv {
	color : #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px
}

.navDiv p { margin-bottom : 12px; margin-top : 6px }

.navDiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-left : 0px;
	margin-top : 0px
}

.navDiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 24px
}

/*Style Applied to the Paragraphs for Main Section Links */
p.navButts {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 4px;
	margin-top : 4px
}

.navButts a {
	background-color : #F4F4F4;
	border : 1px solid #999999;
	color : #333333;
	display : block;
	padding-bottom : 4px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%;
	font-weight: bold;
}

.navButts a:hover {
	background-color : #CDC9D8;
	border : 1px solid #999999;
	color : #FFFFFF;
	text-decoration : none
}

/*Style Applied to the Paragraphs for the Sub-Section Links */
p.navSubs {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 2px;
	margin-left : 10px;
	margin-top : 2px
}

.navSubs a {
	background-color : #FFFFFF;
	color : #333333;
	display : block;
	padding-left : 2px;
	text-decoration : none;
	width : 100%
	padding-top: 3px;
	padding-bottom: 3px;
}


.navSubs a:hover {
	background-color : #F4F4F4;
	color : #663366;
	text-decoration : none
}

/*Style Applied to the Paragraphs for the LAST Sub-Section Links */
p.navSubsL {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 10px;
	margin-left : 10px;
	margin-top : 2px
}

.navSubsL a {
	background-color : #FFFFFF;
	color : #333333;
	display : block;
	padding-left : 2px;
	text-decoration : none;
	width : 100%
	padding-top: 3px;
	padding-bottom: 3px;
}


.navSubsL a:hover {
	background-color : #F4F4F4;
	color : #663366;
	text-decoration : none
}

/*Style Applied to the Paragraphs for the Active Sub-Section Links */
p.navSubsA {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 2px;
	margin-left : 10px;
	margin-top : 2px
}

.navSubsA a {
	background-color : #FFFFFF;
	color : #663366;
	display : block;
	padding-left : 2px;
	text-decoration : none;
	width : 100%;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}


.navSubsA a:hover {
	background-color : #F4F4F4;
	color : #999999;
	text-decoration : none
}



/*Style Applied to the Paragraphs for the LAST + Active Sub-Section Links */
p.navSubsAL {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 10px;
	margin-left : 10px;
	margin-top : 2px
}

.navSubsAL a {
	background-color : #FFFFFF;
	color : #663366;
	display : block;
	padding-left : 2px;
	text-decoration : none;
	width : 100%;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}


.navSubsAL a:hover {
	background-color : #F4F4F4;
	color : #999999;
	text-decoration : none
}


/*Style Applied to the Paragraphs for Static Down-State Main Section Links */
p.navViz {
	color : #333333;
	background-color : #F4F4F4;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	margin-bottom : 6px;
	margin-left : 0px;
	margin-top : 6px
}

.navViz a {
	background-color : #663366;
	border : 1px solid #999999;
	color : #FFFFFF;
	display : block;
	padding-bottom : 4px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%
}



.contact {
	color : #666666;
	line-height : 140%; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 6px;
	margin-top : 0px
}

.contact a {
	background-color : #F4F4F4;
	color : #006699;
	display : block;
	padding-bottom : 6px;
	padding-left : 5px;
	padding-top : 5px;
	padding-right : 5px;
	text-decoration : none;
	width : 100%
}

.contact a:hover {
	border : 1px solid #999999;
	text-decoration : none
	padding-bottom : 5px;
	padding-left : 4px;
	padding-top : 4px;
	padding-right : 4px;
	width : 100%;
	background-color: #F4F4F4;
	color: #3399CC;
	display: block;
}



.search {
	color : #666666;
	line-height : 140%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 6px;
	margin-top : 0px;
		
}

.search a {
	background-color : #F4F4F4;
	color : #009999;
	display : block;
	padding-bottom : 7px;
	padding-left : 6px;
	padding-top : 7px;
	padding-right : 6px;
	text-decoration : none;
	width : 100%
}

.search a:hover {
	border : 1px solid #999999;
	text-decoration : none
	display : block;
	padding-bottom : 6px;
	padding-left : 5px;
	padding-top : 6px;
	padding-right : 5px;
	width : 100%;
	background-color: #F4F4F4;
	color: #3399CC;
}


/*Style Applied to the Paragraphs for Copyright-Small-Text */
p.copyrights {
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : normal;
	margin-bottom : 12px;
	margin-top : 60px
}

p.footer0 {
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : normal;
	margin-top : 6px
}

/*Turns off Borders around Hyperlinked Images*/
img { border : 0px; display : block }


/*Styles Applied to Form Elements */
form {
	border : 1px dotted #CCCCCC;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-right : 36px;
	margin-top : 0px;
	padding : 12px
}

input { background-color : #CDC9D8; border : 1px solid #999999 }

input:focus { background : #FFFFFF }

textarea { 
	background-color : #FAE4A5;
	border : 1px solid #999999; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px 
}

.checks { background-color : #FFFFFF; border : 1px none }

.formBut { background-color : #CCCCCC }

/*Styles Applied to Float Images left or right */
.floatright { float : right }


.floatleft {
	float : left;
	padding-right: 10px;
}

.rightbar {
	float : right;
	width: 200px;
	margin-left: 20px;
	border-left : 1px dotted #CCCCCC;
	padding-left: 12px;
	font-size : 11px;
	z-index: 5;
	margin-bottom: 20px;
	}
	
.leftblock {
	float : left;
	margin-right: 10px;
	z-index: 5;
	margin-bottom: 20px;
	}
	
.rightblock {
	float : right;
	margin-left: 10px;
	z-index: 5;
	margin-bottom: 20px;
	}

.tit1 {
	background-color: #FFFFFF;
	line-height : 120%;
	border: 2px dotted #663366;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #663366;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: bottom;
	margin-bottom: 14px;
	margin-top: 18px;
	
}

.rule1 {
	background-color: #FFFFFF;
	height: 16px;
	border: 2px dotted #663366;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	margin-top: 12px;
	margin-bottom: 8px;
	
}


.rule2 {
	background-color: #FFFFFF;
	height: 16px;
	border: 1px dotted #663366;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	margin-top: 12px;
	margin-bottom: 8px;
	width: 33%;
}

.rule3 {
	background-color: #FFFFFF;
	height: 8px;
	border: 1px solid #CCCCCC;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	
}

#dside1 {
	margin: 0 0 0 0;
	left: auto;
	top: auto;
	font-size: 10px;
	width: 24px;
	float: right;
	padding: 0 0 0 0;
}

#dside2 {
	margin: 0 0 0 0;
	left: auto;
	top: auto;
	font-size: 10px;
	width: 24px;
	float: right;
	padding: 0 0 0 0;
}

#dside3 {
	margin: 0 0 0 0;
	left: auto;
	top: auto;
	font-size: 10px;
	width: 24px;
	float: right;
	padding: 0 0 0 0;
}



#footer {
	border-top: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding-top: 6px;
	color: #999999;
	padding-bottom: 12px;
}


#footer p {margin: 0 0 12px 0;}


#footerX {
	border-top: 1px solid #ccc;
	margin: 0px 0 0 0;
	padding-top: 4px;
	color: #999999;
}


.footer a.toppage {
	background: url(../img/top.gif) center left no-repeat;
	padding-left: 18px;
	font-size: small;
}


.footer a:hover.toppage {
    background: url(../img/top_h.gif) center left no-repeat;
    padding-left: 18px;
}