﻿body {
	background-color: #e8e8e8;
	margin-top: 10px;
}

/* HEADER AND FOOTER NAVIGATION */
#nav {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
} 
#nav li { 
	display:inline; 
	padding:0; 
	margin:0; 
} 
#nav a:link {
	color:#7c7c7c;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 
#nav a:visited {
	color:#7c7c7c;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 
#nav a:hover { 
	color:#336633;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

/* used for selecting the current page as active - set id in the body tag of each page */
#home #nav-home a, 
#about #nav-about a, 
#drsm #nav-drsm a, 
#mediation #nav-mediation a, 
#adr #nav-adr a,
#blog #nav-blog a,
#fee #nav-fee a,
#calendar #nav-calendar a,
#contact #nav-contact a
 { 
	color:#336633; 
	text-shadow:none;
	text-decoration: underline;

	 
} 
#home #nav-home a:hover, 
#about #nav-about a:hover, 
#drsm #nav-drsm a:hover, 
#mediation #nav-mediation a:hover, 
#adr #nav-adr a:hover,
#blog #nav-blog a:hover,
#fee #nav-fee a:hover,
#calendar #nav-calendar a:hover,
#contact #nav-contact a:hover
 { 
} 
#nav a:active { 
	color:#336633; 
} 


/* IN CONTENT AND RIGHT COLUMN LINK STYLES */
a:link {
	color:#336633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

a:active {
	color:#336633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

a:visited {
	color:#336633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
	 
a:hover {
	color:#336633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}


/* FONT STYLES */
.headertitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color:#7c7c7c;
	margin-top: 60px;
	padding-right: 15px;
	font-weight:bold;
}

.tagline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left: 20px;
	padding-top: 90px;
}

.title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	font-weight:bold;
  }

.subtitle { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 12px; 
	color:#000000;
}

.homepagecontent { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px; 
	color:#000000;
	padding-left:0px;
	padding-right: 150px;
}

.content { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px; 
	color:#000000;
}

.contentindent { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px; 
	color:#000000;
	margin-left:30px;
}


.footnote { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 18px; 
	color:#666666;
}

.footer { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px;
	padding-top: 50px;
	padding-bottom:20px;  
	color:#7c7c7c;
	text-align:center;
}

.superscript {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8px;
	color:#000000;
	vertical-align:top;
}

/* DEFAULT LIST STYLE */
ul.squareright {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#000000;
list-style-type: square;
list-style-position:outside;
}
ul.squareright li {
margin-left:-25px;
margin-top: 10px;
}

ul.square {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#000000;
list-style-type: square;
list-style-position:outside;
}
ul.square li {
margin-left:-25px;
margin-top: 0px;
}

ul.squareindent {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#000000;
list-style-type: square;
list-style-position:outside;
margin-top:0px;
}
ul.squareindent li {
margin-top: 0px;
margin-left: 20px;
}

/* FORM STYLES */
.form_1 {
	width: 90%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px; 
	color:#333333; 
}

.form_2 {
	width: 90%;
	height: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px; 
	color:#333333; 
}

.input {
	border: 1px solid #999999;
	background-color:#e8e8e8;
	margin-right: 80px;
	margin-top: 40px;	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px; 
	color:#333333; 
} 

/* GRAPHICAL ELEMENTS */
hr {
border: 0;
height: 1px;
color: #cccccc;
background-color: #cccccc;
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
}

.navdivider {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #cccccc;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}

.embeddedimage {
padding-right: 20px;
padding-bottom: 5px;
}

<!-- FOR THE BLOG ENTRIES -->
#creditfooter
{
display: none;
}

div.feedburnerFeedBlock #creditfooter {
display: none;
}

div.feedburnerFeedBlock ul li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#000000;
list-style-type: square;
list-style-position:outside;
}
