/* CSS Document grotonlaw.com */

body {
  background: #1c7073;
  text-align: center;
  position: relative;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  color: #333333;
}

p { padding: 5px;}

a { color: #333333; text-decoration: underline;}
a:hover { color: #1c7073; text-decoration: underline;}

#main ul li a { font-size: .85em; padding: 5px 0;}
ul { font-size: .8em;}
  ul ul, ul ul ul, ul ul ul ul { font-size: 1em;}
  
ol { font-size: .8em;}
  ol ol, ol ol ol, ol ol ol ol { font-size: 1em;} 
  
br {}
hr { width: 95%; border-top: 1px solid #cccccc; text-align: center;}
img { border: 0;}

/* headings */
h1 { font-size: 1.0em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.3em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em;}

ul.sitemap {
	text-align: left;
	list-style: none;
	line-height: 20px;
	font-size: .95em;
}
  ul.sitemap ul, ul.sitemap ul ul { list-style: none; font-size: 1em;}
ul.main { margin: 0; padding: 0; list-style:none; font-size: .8em;}
ol.main { margin: 10px 15px; padding: 5px 15px; font-size: .8em;}
  ul.main li, ul.main li a, ol.main li, ol.main li a {padding: 5px 0; font-size: 1em;}

 /* for introduction to motor vehicle - nested p element for display */
 #main ul.mv_txt { list-style: none; padding: 5px; margin: 0; font-size: 1em;}
   #main ul.mv_txt li { padding: 3px 0; font-size: 1em;}
   #main ul.mv_txt li a { font-size: 1em;}
   
/* forms and buttons */
#form1 { font: .95em Arial, Helvetica, sans-serif; line-height: 1.2em; padding: 3px; margin-top: 0; text-align: left;}
#form1 p { line-height: 1.3em; padding: 3px; margin: 0;}
#form1 p.light { line-height: 1em; color: #3b5a3f;}

#form2 { width: 350px; font: .95em Arial, Helvetica, sans-serif; margin-top: 5px;}
#form2 input { width: 345px;}
#form2 textarea { width: 345px;}

input { width: 205px; height: 1em; background: #d7d5bd;}
input.radio { width: 20px; background: transparent;}
input div { float: left; padding-left: 10px; width: 200px;}

textarea { width: 200px;}
#submit, #reset, #form2 #submit, #form2 #reset { width: 50px; background: url(../images/bg_nav_hover.gif) top left repeat-x; height: 1.8em; padding-bottom: 3px; color: #fcfcf1;}

/* Global styles */
.left { text-align: left;}
.right { text-align: right; }
.center { text-align: center; }

.bold { font-weight: bold;}
.italic { font-style: italic;}

/* WebOpts copyright */
.purpletext {
	color: #868baa;
	font-weight: bold;
}
.orangetext {
	font-weight: bold;
	color: #cd6100;
}
/* colors */
.red { color: #990000;}
.white { font-size: .9em; color: #ffffff; font-weight: bold;}

/* Wrapper */
#groton { 
	background: transparent;
	width: 860px;
	text-align: center;
	position: relative;
	margin: auto;
}
#container_wrapper {
	float: left;
	clear: both;
	text-align: center;
	width: 860px;
	background: url(../images/container_wrapper.png) top center repeat-y;
	margin: auto;
}
#container {
	float: left;
	clear: both;
	width: 800px;
	text-align: center;
	margin-left: 30px;
	padding: 0;
	border: 1px solid #1c7073;
}
#masthead { 
	float: left;
	clear: both; 
	background: url(../images/header.gif) top left no-repeat; 
	width: 800px; 
	height: 125px;
}

#header {
	background: url(../images/header.gif) top left no-repeat;
	width: 772px;
	height: 125px;
	text-align: center;
}

#contactus {
	background: url(../images/box.png) top left no-repeat;
	border-top: 1px none #FFFFFF;
	float: right;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 380px;
	height: 122px;
	padding: 0 2px 0;
	margin: 1px 0;
}
  #contactus #consult {
    width: 380px;
	padding: 0;
	margin: 0;
  }
  #contactus #consult .header { 
    text-align: center; 
	color: #fee8af;
	padding: 0; 
	margin: 0;
	}

/* line wrapper clearfix */
#subcontainer { 
	float: left; 
	clear: both; 
	width: 800px;
	background: #fcfcf2 url(../images/subcontainer.gif) top right repeat-y;
	padding: 0;
	margin: 0;
}

/* main content area - headers, paragraphs, etc. */
#content {
	float: left;
	width: 580px;
	font-size: 1em;
	background-color: #fcfcf2;
}
  #content h2.main_h { color: #ffffff; background: #3a5a3f; height: 40px; margin-top: 0; padding: 10px;} 
  
  #main { float: left; text-align: left; width: 564px; padding: 5px 8px; margin-top: 0px;}
    #main p { font-size: .8em; margin: 0; padding: 5px;}
	#main p.tall { padding: 10px 5px;}
	  
    #content #main h1.head, #content #main h2.head { margin: 1px 0; padding: 0 0 5px 20px; background: url(../images/dots.gif) left no-repeat; line-height: 25px;}
	#content #main h3.head, #main h4.head { margin: 2px 0; padding: 0 0 2px 20px; background: url(../images/dots.gif) left no-repeat; line-height: 22px;}
	#content #main h3.headfloated { background: url(../images/dots.gif) left no-repeat; margin-left: 158px; padding: 0 0 0 15px;line-height: 22px;}
	#main h4, #main h5 { padding: 3px; margin: 0;}

#groton #container_wrapper #container #subcontainer #content #main .main li a, #groton #container_wrapper #container #subcontainer #content #main .main li a:visited, #groton #container_wrapper #container #subcontainer #content #main .main li a:active {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

#office_location { float: left; margin: 15px 0; padding: 5px;}
#office_location h3.head, h4.head { padding: 0; margin: 0;}

  #address {
	width: 275px;
	float: left;
}
  #cb_shadow_address	{
	float: left;
	clear: both;
	background: url(../images/shadow_bot_ad.png) top center no-repeat;
	width: 278px;
	height: 16px;
    }


/* right column info */
#right_col {
	float: right;
	width: 219px;
	text-align: left;
	overflow: hidden;
	padding-bottom: 10px;
	border-top: 1px solid #cccccc;
}
  #right_col h1, #right_col h2, #right_col h3, #right_col h4 {
	margin: 0;
	color: #ffffff;
	text-align: left;
	line-height: 1.5em;
	margin-bottom: 4px;
	padding-top: 2px;
  }
  #right_col h5 { margin: 0; padding: 5px;}
  #right_col p { margin: 2px; padding: 2px;}
  #right_col a:hover { color: #1c7073; }
  
  #right_col ul.col_ul { list-style-image: url(../images/li_dot.gif); padding: 5px 25px; margin: 0; font-size: .8em;}
  #right_col ul.col_link_ul { list-style: none; padding: 5px 20px; margin: 0; font-size: 1em;}
  #right_col ul.col_ul li, #right_col ul.col_ul li a { color: #333333; text-decoration: none;}
  #right_col ul.col_ul li a:hover { color: #1c7073; text-decoration: underline;}
  
  #right_col .head { margin: 0; padding: 0 0 0 25px; background: #666666 url(../images/dots.gif) left no-repeat; line-height: 1.8em; }
  
  
 #profile, #rights { font-size: .9em;}
 #rights { padding-bottom: 10px;}
  
#contactusbox {
	width: 219px;
	float:left;
	font-size: .9em;
	background: #f1f1f1;
}
#contactusbox2 {
	width: 350px;
	float:left;
	font-size: .9em;
	background: transparent;
}
  #contactusbox .col_head { font-size: 1.5em;}
#cb_shadow, #cb_shadow2	{
	float: left;
	background: url(../images/shadow_bot.png) top center no-repeat;
	width: 220px;
	height: 13px;
}
#right_col #verdict { width: 219px; padding: 5px 0; margin: auto; }
#right_col #verdict p { font-size: .75em; padding-left: 2px; text-align: left;}

/* bottom shadow */
#bottom {
	float: left;
	position: relative;
	text-align: center;
	background: url(../images/bottom_shdw.png) top center no-repeat;
	width: 860px;
	height: 47px;
	margin: 0;
	padding: 0;
}
	.offsitelink a, a:visited {
	color: #333333;
	text-decoration: none;
}
.offsitelink a:hover {
	color: #333333;
	text-decoration: underline;
}

/* copyright info */
#copyright, #copyright a { text-align: center; color: #fee8af; text-decoration: none;}
  #copyright a:hover { text-decoration: underline;}
  
#copyright p {
	font: .80em Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 2px;
}
  #copyright p.tall { padding: 5px 0;}

ul .sitemap {
	text-decoration: underline;
}

/* browser clearfixes and floats */
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px;}
.clear_tall { clear: both; height: 5px; line-height: 5px; font-size: 5px;}

.floatleft { float: left; vertical-align: top; padding: 3px;}
  .floatleft img { margin: 0 5px; }
  
.floatright { float: right; vertical-align: top; padding: 3px;}
  .floatright img { margin: 0 5px; }

.clearfix:after {
  content: ".";
  display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block;}
/* end hide from IE-mac */