/*  Main CSS for Spotswood Law */

body{
	text-align: left;
	color: #1E1E1E;
	}
	
div, tr, td {
	font-size: 12px;
	font-family: verdana, arial, serif;
	color: #1E1E1E;
	}
	
h1 {
	font-family: verdana, arial, serif;
	text-decoration: underline;
	font-size: 18px;
	font-weight: 900;
}

h2 {
	color: black;
	font-family: verdana, arial, serif;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 900;

	}

h3 {
	color: #415F8B;
	font-size: 18px;
	font-weight: 900;
	margin: 0;
	font-family: trebuchet ms, serif;
	}	

h4 {
	color:#A32222;
	margin:0;
	font-size:14px;
	font-weight:bold;
	}
	
a:link {color: #415F8B; text-decoration: underline; font-size: 12px;}
a:visited{color: #415F8B; font-size: 12px; text-decoration: underline;}
a:link:active, a:visited:active {color: #415F8B; text-decoration: underline; font-size: 12px;}
a:link:hover, a:visited:hover {color: #415F8B; text-decoration: none; font-size: 12px;}

a.headerNav:link {font-size: 10px; color: white; text-decoration: none;  font-weight: 900;}
a.headerNav:visited{font-size: 10px; color: white; text-decoration: none;  font-weight: 900;}
a.headerNav:link:active, a.headerNav:visited:active {font-size: 10px; color: white; text-decoration: none;  font-weight: 900;}
a.headerNav:link:hover, a.headerNav:visited:hover {font-size: 10px; color: #98EF8B; text-decoration: none; font-weight: 900;}

a.linkBreadcrumb:link {color: white; text-decoration: none; font-size: 11px;}
a.linkBreadcrumb:visited{color: white; font-size: 11px; text-decoration: none;}
a.linkBreadcrumb:link:active, a.linkBreadcrumb:visited:active {color: #98EF8B; text-decoration: none; font-size: 11px;}
a.linkBreadcrumb:link:hover, a.linkBreadcrumb:visited:hover {color: #98EF8B; text-decoration: underline; font-size: 11px;}

a.subLinks:link {color: #415F8B; text-decoration: underline; font-size: 10px;}
a.subLinks:visited{color: #415F8B; font-size: 10px; text-decoration: underline;}
a.subLinks:link:active, a.subLinks:visited:active {color: #415F8B; text-decoration: underline; font-size: 10px;}
a.subLinks:link:hover, a.subLinks:visited:hover {color: #415F8B; text-decoration: none; font-size: 10px;}

a.largeLinks:link {color: #415F8B; text-decoration: underline; font-size: 14px; font-weight: 900;}
a.largeLinks:visited{color: #415F8B; font-size: 14px; text-decoration: underline; font-weight: 900;}
a.largeLinks:link:active, a.largeLinks:visited:active {color: #415F8B; text-decoration: underline; font-size: 14px; font-weight: 900;}
a.largeLinks:link:hover, a.largeLinks:visited:hover {color: #415F8B; text-decoration: none; font-size: 14px; font-weight: 900;}


#homeCenterLinks {
	padding: 15px;
	border-left: 0px; border-top: 0px; border-bottom: 1px; border-right: 0px; border-color: #383838; border-style: solid;
	text-align: left;
	width: 100%;
}

#wrap {
	min-height: 200px;
	position:relative;  /* simplifies h1 positioning values */
	overflow:auto; /* latest float-clearer, test well */
	}

#main {
	width: 1000;
	text-align: center;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}

#header {
	width: 1100;
	height: 160;
	text-align: center;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	}
	
#footer {
	border-left: 0px; border-top: 1px; border-bottom: 0px; border-right: 0px; border-color: #8C7D76; border-style: solid;
	width: 1000px;
	color: white;
	height: 55;
	line-height: 2em;
	text-align: center;
	padding-left: 5px;
	background: #4B8842;
	margin-bottom: 20px;
	}

#footerLeft {
	text-align: center;
	margin-right:auto;
	margin-left:auto;
}	
	
#footerRight {
	float: right;
	color: white;
	text-align: right;
	padding-right: 5px;
}

a.footerLinks:link {color: white; text-decoration: none; font-size: 11px; font-family: geneva, arial, serif; font-weight: 900; letter-spacing: 0px;}
a.footerLinks:visited{color: white; font-size: 11px; text-decoration: none; font-family: geneva, arial, serif; font-weight: 900; letter-spacing: 0px;}
a.footerLinks:link:active, a.footerLinks:visited:active {color: white; text-decoration: none; font-size: 11px; font-family: geneva, arial, serif; font-weight: 900; letter-spacing: 0px;}
a.footerLinks:link:hover, a.footerLinks:visited:hover {color: white; text-decoration: underline; font-size: 11px; font-family: geneva, arial, serif; font-weight: 900; letter-spacing: 0px;}

#headerLeft {
	width: 466;
	height: 160; 
	float: left;
	}
	
#headerRight {
	width: 526px;
	height:150px; _height: 160px;
	float: left;
	text-align:right;
	padding: 5px;
	padding-top:10px;
	background-image:url('/images/site_04.jpg');
	background-repeat: no-repeat;
	overflow:hidden;
	}
	
#headerRight a{color:white;text-decoration:none;font-weight:bold;font-size:13px;}
#headerRight a:hover{color:#98EF8B;text-decoration:underline;}	
	
#headerLinks {
	padding-bottom: 3px;
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
	font-family: verdana, arial, sans-serif;
	color: #3B3B3B;
	font-weight: 900;
	font-size: 14px;
	letter-spacing: 0px;
	}

#headerBottom {
	background-image:url('/images/header-menu.jpg');
	background-repeat: no-repeat;
	text-align: left;
	width: 1000px;
	height: 40px;
	line-height: 10px;
	padding:0;
	text-indent: 3px;
	color: white;
	}	

	
#headerBottom div{
	margin-top:0px;
	margin-left:10px;
	padding-top:4px;
	}	
	
#facebook { margin-top: 0px; }	
	
#spacer {
	line-height: 2em;
	height: 12px;
	}

#mainBody {
	width: 980;
	padding:10px;
	text-align: left;
	margin:auto;
	}
	
#mainBody div, #mainBody div, #mainBody li, #mainBody span {margin: 10px;}
	 
.columnLeft {
	float: left;
	width: 640px;
	padding-right:10px;
	}

.columnRight {
	padding-left:5px;
	float:left;
	width:280px;
	text-align: left;
	}
		
	
.smallLeft {
	float: left; 
	width: 48%;
	}
.smallRight {
	float: left;
	width: 48%;
	}	

.clear {
	clear: both;
	height:0px;
	line-height:0px;
	}
	
	
#gray {	
color: #666666;
}

#imageBorder {
	border-left: 1px; border-top: 1px; border-bottom: 1px; border-right: 1px; border-color: #383838; border-style: solid;	
}

hr {
	border-left: 0px; border-top: 1px; border-bottom: 0px; border-right: 0px; border-color: #383838; border-style: dotted;	
}

input {
	font-size: 10px;
	color: black;
	}
	
textarea {
	font-size: 12px;
	color: #797979;
	}	

.gradient {
	background-image:url('/images/gradient.gif');
	height: 92px;
	vertical-align: top;
	line-height:16px;
	padding: 10px;
	}
	
.large {
	font-size: 26px;
	font-weight: 900;
	}
	
#displayBox {
	background-color: #E8E8E8;
	border-left: 1px; border-top: 1px; border-bottom: 1px; border-right: 1px; border-color: #CCCCCC; border-style: solid;	
}

.h4 {
	font-size: 14px;
	color: #415F8B;
	}
	
.dataTable td{
	border:1px black solid;
	}
		
#newsHighlight {width:100%;}

#slideshow{
	overflow:hidden;
	height: 280px;
	z-index:2;
	
}	

img#homeHeader{

	overflow:hidden;
}
		
/* Shared Admin Files CSS */
.clear { clear: both;height:0px; }

#loginContainer {
	height:200px;
	width: 300px;
	text-align:center;
	margin: auto;
	overflow:hidden;
	margin-top: 50px;
}
	
#loginContainer h2 { color: #502C8E; font-size: 14px; }
	
#loginContainer p, #loginContainer div { padding: 5px; text-align:left; }
	
.loginLeft, .loginRight {
	float: left;
	height: 20px;
	width: 120px;
}
	
.loginLeft { width: 75px; }
		
#loginSubmit { margin-left: 187px; }
	
#forgotPassword { margin-left: 140px; }
		
#forgotPassword a { color: white; text-decoration: none; }

#adminBox .adminListing td { padding-left: 5px; }

#adminHeading img { vertical-align: middle; }	

#adminHeading  { color: #502C8E; font-weight: bold; font-size: 16px; }

#adminMain { padding-left: 20px; padding-top: 20px; }
			
#adminAppsMain {
	padding-top: 35px;
	width: 600px;
	margin: auto;
	padding-left: 25px;
}

#adminAppsMain h3{
	text-align:center;
	color: white;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}	

#adminBox { overflow-y: auto; height: 400px; padding:5px;}

#adminBox p { padding-bottom: 2px; padding-left: 10px; }

#adminBox input, #adminBox textarea, #adminBox select { margin-left: 10px; }

.heading { background: #502C8E; height: 25px; font-weight: bold; margin:auto; line-height: 25px; color: white; }
	
.adminListing { width: 100%; border: 1px #8C8C8C solid; }
	
.adminListing img { vertical-align: middle; }
	
.adminListing .borderBottomDotted { border-bottom: 1px black solid; height: 25px; }
	
#adminIcons img { vertical-align: middle; }

#adminIcons { padding-top:10px; padding-left: 10px; }
	
#adminType { padding-top: 10px; padding-left: 10px; }
	
#adminRegionEdit { height: 250px; overflow-y: scroll; }