html {
	margin:auto 0;
	padding:0;
	height:100%;
	background:url(../images/outerwrapperbg.png) repeat-x center top #f5f5f5;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	margin: auto;
	padding: 0;
	height: 100%;
}

body.random1 {
	background:url(../images/outerwrapperbg.png) repeat-x center top #f5f5f5;
}
body.random2 {
	background:url(../images/outerwrapperbg2.png) repeat-x center top #f5f5f5;
}
body.random3 {
	background:url(../images/outerwrapperbg3.png) repeat-x center top #f5f5f5;
}
body.random4 {
	background:url(../images/outerwrapperbg4.png) repeat-x center top #f5f5f5;
}

a {
	color: #225898;
}

a:link {
	text-decoration: none;
	color: #225898;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #0066CC;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
}

.center {
	width:992px;
	margin:0 auto;
}
	
.logo {
	float: left;
	padding: 10px 45px 0px 35px;
}

.logotitle {
	float: left;
	padding: 50px 0px 0px 0px;
	font:normal 30px Georgia;
	letter-spacing: 1px;
	line-height: 34px;
}

h1 {
	font:normal 26px Georgia;
	color: #ce0000;
}

h2 {
	font:normal 18px Georgia;
	margin:0 0 8px -14px;
	background:url(../images/header-bg.png) no-repeat left bottom;
	color:#ce0000;
	padding:10px 0 20px 14px;
}

h3 {
	font-size: 16px;
	color: #ce0000;
	line-height: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
	font-size: 13px;
	font-weight: normal;
}


.main {
	width: 992px;
	padding: 0;
	background: url(../images/leftcolumnbg.jpg) top left repeat-y;
	clear: both;
	overflow:auto;
	padding-bottom: 190px;
	background-color: #FFFFFF;
}  /* must be same height as the footer */


.title {
    font-size: 18px;
    color: #ce0000;
    font-weight: normal;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.subtitle {
    font-size: 14px;
    color: #346296;
}

#wrapper { 
	margin: 0 auto;
	width: 992px;
	min-height: 100%;
}

#header {
	color: #FFFFFF;
	width: 992px;
	float: left;
	height: 216px;
}

/*content*/
#content{
	width:767px;
	float:right;
	padding: 0;
	color: #333;
	padding-bottom: 25px;
}

.content-holder{
	width:732px;
	overflow:hidden;
	padding:15px 20px 45px 20px;
	float: left;
}
#news {
	clear: left;
}

/*main navigation*/
#main-navigation{
	float:right;
	list-style:none;
	width:755px;
	overflow:hidden;
	margin-top: -60px;
}
#main-navigation li{
	float:left;
	background:url(../images/separator.gif) no-repeat 0 100%;
	text-align:left;
	display: block;
	height: 75px;
	padding-top: 28px;
	padding-bottom: 28px;
	padding-right: 10px;
}
#main-navigation li a{
	color:#fff;
	text-decoration:none;
	padding: 26px 15px 28px 15px;	
}
#main-navigation li.dd a {
	background:url(../images/downarrow.gif) no-repeat right center;
}
#main-navigation li a:hover{
	background:#f6f4e9;
	color: #225898;
}
#main-navigation li.dd a:hover {
	background: url(../images/downarrow_l.gif) #f6f4e9 no-repeat right center;
}

#leftcol{
	color: #2E5E9C;
	height: 100%;
	width: 205px;
	float: left;
	padding-bottom: 25px;
	padding-left: 15px;
}

/*left navigation*/

.leftnav{	
	display: block;
	position: relative;	
}

.leftnav .outer{
	margin-top: 0px;	
	padding: 0px 0px;
	padding-top: 10px;
	font-weight: bold;
}

.leftnav .inner{	
	padding-bottom: 5px;
	/*padding-left: 10px;*/
}

.leftnav ul.menu{
	list-style-type: none;
	margin:0px 0px;
	padding:0px 0px;	
	display: block;
	position:relative;	
	font-size: 1.1em;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
}

.leftnav .menu li {
	margin: 0px 0px;
	padding: 0px 0px;	
	display:block;
	position:relative;
	height:100%;
}

.leftnav .menu li{	
	border-bottom: 1px solid #c5c5c5;
	margin-bottom:10px;	
	margin: 0px; 0px;
}

.leftnav .menu li ul li{
	margin-bottom: 0px;
	border: none;
}

.leftnav .menu li a{
	display:block;
	position:relative;
	height:100%;
	margin: 0px 0px;
	padding-top: 6px;
	padding-bottom: 6px;	
	/*border-bottom: 1px solid gray;	*/
}

.leftnav .menu ul li a{	
	/*border-bottom: 1px dotted gray;	*/
}

.leftnav a{
	display:block;
	position:relative;
	color: #225898;	
	text-decoration:none;
	margin: 0px 0px;	
}

.leftnav .menu{
	text-align:left;
	padding-top:1px;
}

.leftnav ul.menu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: .9em;
}

.leftnav ul.menu li a{		
	/*padding-left: 10px;*/
}

.leftnav ul ul li a{	
	padding-left: 1em;
	color: #727272;	
}

.leftnav ul.menu ul ul li a{	
	padding-left: 2em;	
}

.leftnav ul.menu ul li a, .leftnav ul.menu ul li ul li a{
	color: #727272;		
}

.leftnav a:hover{
	color: #0066CC;
}

.leftnav .menu li a:hover{	
	color: #0066CC;	
}

.leftnav .menu ul a:hover{
	background: url(../images/sys_images/leftnav_orange_arrow.gif) 0em .5em no-repeat;	
	background-color: #FFFFFF;	
	color: #676767;
}

#rightcolumn {
	float: right;
	color: #333;
	width: 737px;
	display: inline;
	padding-top: 15px;
	padding-bottom: 25px;
}

p.breadcrumb {
  color:#000;
  font-size:10px;
  margin: 0;
  padding: 10px 0px 0px 0px;
}
#main .content-holder p.breadcrumb a {
  color:#fff;
  font-size:10px;
}
#main .content-holder p.breadcrumb a:hover {
  color:#fff;
  text-decoration:none;
}
#content .inside-content {
	margin-top:25px;
	width: 737px;
}
#content .inside-content h1 {
  color:#333;
  font-size:24px;
}
#content .inside-content h2 {
  color:#333;
  font-size:18px;
}
#content .inside-content h2 a {
  color:#333;
  font-size:18px;
}
#content .inside-content p {
  color:#333;
}
#content .inside-content h4 {
  margin: 0 0 0 0;
  color: #014B81;
  font-size:15px;
}
#content .inside-content h5 {
  margin: 7px 0 0 0;
  color: #014B81;
  font-size:13px;
}
#content .inside-content ul li p {
  margin:0;
  padding:0;
}

.linktop {
	font-size: 10px;
	float: right;
	padding-top: 10px;
}
#clear {
    clear: both;
}

#message a{
	display: block;
	z-index: 999;
	opacity: .6;
	position: fixed;
	right:5px;
	bottom:80px;
	width: 90px;
	padding: 4px;
	background-color: #330033;
	font-size: 10px;
	text-align: center;
	color: #fff;
}

#footer{
	width: 100%;
	background-color: #333333;
	float: left;
	color: #FFFFFF;
	padding-top: 15px;
	position: relative;
	margin-top: -190px; /* negative value of footer height */
	height: 190px;
	clear:both;
}

#footer ul{
	margin:0px;
	width: auto;
	float: right;
	padding: 0 0 0 75px;
}

#footer ul li {
  list-style:none;
}

#footer ul li a {
  color:#FFFFFF;
}

#footer ul li a:hover {
  text-decoration:underline;
}
	
.footer {
	width: 960px;
	margin: 0 auto;
	font-size: 11px;
	text-decoration: none;
}

.footer a{
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:none;
	font-weight: normal;
}

.footer a:hover{
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:underline;
}

.alignleft {
	float: left;
	width: 33%;
}

/************** Side Box *****************/

.side-box {
	background:#e9e9e9;
	padding:12px;
	margin-bottom:16px;
	display:inline-block;
	min-height:1%;
	margin-left:1.3em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

/**IE7 **/
*+ html .side-box h2 {min-height:1%;}

.right-box {float:right;padding:0;display:inline-block;}
.left-box {float:left;margin-right:16px;margin-left:-1.0em;display:inline;}

.width-630 {width:630px;}
.width-470 {width:470px;}
.width-460 {width:460px;}
.width-360 {width:360px;}
.width-326 {width:326px;}
.width-300 {width:300px;}
.width-290 {width:290px;}
.width-270 {width:270px;}
.width-240 {width:240px;} 
.width-220 {width:220px;}
.width-210 {width:210px;}
.width-200 {width:200px;}
.width-190 {width:190px;}
.width-180 {width:180px;}


.slider {
	border:none;
	padding:0;
	text-align:center;
}

.pagination{
	float: right;
}

.bulletleft {
	float:left;
	width: 355px;
	margin: 0px 25px 0px -20px;
}

.map {
	float: right;
	margin: 0 0 0 15px;
}	

.login_box {
    width: 182px;
	margin: 10px auto 10px auto;
	padding: 5px;
	font-size: 8pt;
	text-align: left;
}

.login_box .input {
	width: 12em;
	margin: 0px;
	text-align: left;
}

.login_button {
	margin-left: 30%;
	margin-top: 5px;
	background-color: #315A8D;
	color: white;
	font-size: 8pt;
}

.login_button:hover {
	background-color: #5780b5;
}

hr {
    width: 75%;
    border: 0;
    border-top:1px solid #DDDDDD;
	margin: auto;
}
.caption {
	font-size: 11px;
	line-height: 18px;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.error {
	color: #CE0000;
}


.grid-1,.grid-2,.grid-3,.grid-4,.grid-5 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.first {margin-left: 0;}
.last  {margin-right: 0;}

.container .grid-1  {width:60px;}
.container .grid-2  {width:140px;}
.container .grid-3  {width:220px;}
.container .grid-4  {width:300px;}
.container .grid-5  {width:380px;}

.prepend-top    {margin-top:20px;}
.append-bottom  {margin-bottom:10px;}
.margin-left    {margin-left:20px;}
.margin-right   {margin-right:20px;}

/**** Inner SideBar ****/

#sidebar {
	float:right;
	width: 192px;
	margin-top:15px;
	overflow:hidden;
	padding: 0px 0px 0px 20px;
	clear: both;
}

/* SIDEBAR MODULES
========================================================================================== */

#module-ad300x250 {
	width:180px;
	border:4px solid #dddddd;
	margin-bottom:10px;
	font-size:0;
	position:relative;
	z-index:1000;
}

/* module: module-signup-sidebar
--------------------------------------------- */
#module-signup-sidebar {
	width:162px;
	border:4px solid #dddddd;
	background:#F5F5F5;
	padding:10px;
	background-image: url(../images/Talbot_County_md_seal_transparent.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#module-signup-sidebar ul		{border-top:1px solid #e1dccf; list-style-position:inside; margin:0 0 20px 0; padding:0;}
#module-signup-sidebar li		{border-bottom: 1px solid #e1dccf; padding: 2px 16px;}


/* module: kids-zone
--------------------------------------------- */
#module-kids-zone {
	width:162px;
	border:4px solid #dddddd;
	padding:10px;
	background-image: url(../images/chalkboard-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:25px;
	background-color: #00874A;
}
	
#module-kids-zone h2 {
	font:normal 18px Georgia;
	margin:0 0 8px -14px;
	color: #FFFFCC;
	background:url(../images/header-bg.png) no-repeat left bottom;
	padding:0 0 20px 14px;
}

#module-kids-zone a	{
	color: #FFFFCC;
}

/* module: emergency-notifications
--------------------------------------------- */
#module-emergency-notifications	{
	width:162px;
	border:4px solid #dddddd;
	background:#FDF495;
	padding:10px;
	background-image: url(../images/Talbot_County_md_seal_transparent.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* module: business-plans
--------------------------------------------- */
#module-business-plans	{
	width:162px;
	border:4px solid #DDDDDD;
	background:#E8F0F2;
	padding:10px;
	background-image: url(../images/file.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 15px;
}

#module-business-plans h2	{
	font:normal 18px Georgia;
	margin:0 0 8px -14px;
	color: #339933;
	background:url(../images/header-bg.png) no-repeat left bottom;
	padding:0 0 20px 14px;
}

/* module: login
--------------------------------------------- */
#module-login	{
	width:185px;
	height:30px;
	background-image: url(../images/loginbutton.jpg);
	background-repeat: no-repeat;
	padding: 5px 0 0 35px;
}


/* event calendar */
.event-calendar {
    font-size: 11px;
    background-color: #FFFFFF;
	border:4px solid #DDDDDD;
}

.cal-month {
    font-weight: bold;
    background-color: #2E5E9C;
    color: #FFFFFF;
}

.cal-day-name {
    background-color: #E8F0F2;
}

.cal-day-event {
    background-color: #FDF495;
}

.cal-today {
    font-weight: bold;
}

.cal-instructions{
    font-size: 10px;
    line-height: 1.3;
}

#searchbox {
    float: right;
    text-align: right;
}

.selectfont {
    float: right;
    color:#000;
    font-size:10px;
    margin: 0;
    padding: 10px 0px 0px 0px;
}
#new {
	float: left;
	width: 215px;
	margin: 15px 15px 0px 0px;
	background-color: #F5F5F5;
	padding: 15px;
}

#facebook {
	float: right;
	font-size: 11px;
	padding-right: 25px;
	padding-top: 10px;
}
