/**************** Header styles ****************/
#UberHead 
{
    overflow:visible;
    outline: 0;
    text-align: left;
}

/*Top Navigation Statements*/
ul.TopNavigation {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-left: 2px #125182 solid;
}

ul.TopNavigation li {
    float: left;
    padding: 0;
    margin: 0;
    padding-top: 0;
    margin-right: 1px;
    filter:DropShadow (Color=#000000, OffX=3, OffY=3, Positive=true);
}

ul.TopNavigation li a {
    display: block;
    padding: 0px 27px;
    color: #ffffff;
    text-decoration: none;
    font-family:Trebuchet MS;
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    border-right: 2px #125182 solid;
}

ul.TopNavigation li a:hover {
    color: #ffffff;
    background-color: #000066;
    filter:DropShadow (Color=#000000, OffX=3, OffY=3, Positive=true);
}


/*Sub Navigation Statements*/
#SubNaviagtion {
    position:relative;
    width: 1000px;
    text-align: left;
    color: #fff;
    height: 33px;
    float: left;
    margin-top: 10px;
    padding-top: 12px;
    background: transparent url() no-repeat;
}

#SubNaviagtion a {
    text-decoration: none;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    padding-left:5px;
    padding-right: 14px; 
}
#SubNaviagtion a:hover {
    color: #FFFF66; 
}
#SubNaviagtion a:active {
    color: #CCFF66; 
}


#LogoMain {
    height: 88px;
    width: 129px;      
    background-image: url(/images/site/FWD_dog_head.png); 
    background-repeat: no-repeat;
    background-position: top;
    float: left;
    text-align: bottom;
}

#LogoMain a{
    font-size: 14px;
    font-weight: bold;
}

#WordMark {
    width: 319px;
    height: 88px;
    float: left;
    background-image: url(/images/site/FWD_LogoWordMark2.jpg); 
}
#BannerAd {
    width: 542px;
    height: 78px;
    float: left;
    padding-top: 10px;
    background-image: url(/images/site/FWD_Head_bannerArea.gif);
    text-align: center;
    color: #a2a2a2;
    font-size: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
}


#BannerAd .contents
{
    
}

#LogoMainFull {
    height: 100px;
    width: 129px;      
    background-image: url(/images/site/FWD_dog_headFull.gif); 
    background-repeat: no-repeat;
    background-position: top;
    float: left;
    text-align: bottom;
}

#LogoMainFull a{
    font-size: 14px;
    font-weight: bold;
}

#BannerAdFull {
    width: 861px;
    height: 100px;
    float: left;
    background-image: url(/images/site/FWD_Head_bannerAreaFull.gif);
    text-align: center;
    color: #a2a2a2;
    font-size: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
}


#BannerAdFull .contents
{
    padding-top: 5px;
}


/**************** Body and tag styles ****************/
body {
     font:76% Verdana,Tahoma,Arial,sans-serif;
     line-height:1.4em;
     text-align:left;
     color:#092e49;
     margin: 0px;
     background: #ffffff url(/images/site/blue-bg.jpg) repeat-x;
     height: 100%;
}
/*a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}*/

#UberWrapper {
     width: 994px;
     margin-left: auto;
     margin-right: auto;  
}

#UberContentWrapper {
     width: 990px;
     float: left;
     color: #585858;
     text-align: left;
     margin-top: 3px;
}

#ContentWhole {
     width: 610px;
     float: left;
     margin-left: 15px; 
     margin-right: 10px;
     min-height: 500px;
     height:100%;
}

#ContentWhole td {
	 font-size: 12px;
     font-family: Verdana, Helvetica, Arial, sans-serif; 
}

h1 {
	 margin-top: 5px;		
	 margin-bottom: 8px;
	 color: #383838;
     font-size: 22px;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     text-decoration: none;
     line-height: 22px;
}

h2 {
	 margin-top: 10px;		
	 padding-top: 10px; 
	 color: #383838;
     font-size: 14px;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     text-decoration: none;
	 line-height: 14px;     
}

#SmallHeader {
	color:#383838;
	font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-decoration: none;
}
.SmallHeader {
	color:#383838;
	font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.header {
	color:#fff;
	background: #000066; 
	font-weight:bold;
	font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.caption {
	color:#467aa7;
	font-size: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-decoration: none;
}


#ResultTable table {
	border-width: 1px;
	border-collapse: collapse;
	border-style: solid; 
	border-color: #e8e8e8; 
}

#ResultTable td.Light {
	Height: 20; 
	background: #ffffff; 
	text-align: left; 
	font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #092e49;
}

#ResultTable td.Dark {
	Height: 20; 
	background: #FFFFCC; 
	text-align: left; 
	font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #092e49;
}

#Message {
    margin-top: -15px;		
    text-align: center;
    color: #9c3c2c; 
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.searchtable {
    border-top: 1px #dedede solid;
    padding-top: 10px;
    text-align: left;
    color: #ffffff;
    font-weight: lighter;
    font-style: normal;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
}

/*  boxes */

.headh {background: #125182; border-right:1px solid #125182; border-left:1px solid #125182;} 
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;} 
.contenth {} 
.contenth div {margin: 0; padding: 5px 5px 5px 10px; color: #777373; height: auto; font-weight: bold; }
		
.steptitle { color: #404040; padding-top: 10px; padding-bottom: 3px; padding-left: 5px; font-family:Trebuchet MS; font-size:24px; font-weight:bold; float:left; height: 32px; width: 100%; clear:both; margin: 0;}
.steptitle h1{ color: #3366CC; clear:both; font-family:Trebuchet MS; font-size:24px; font-weight:bold; }
.blogtitle { color: #000; padding-top: 10px; padding-bottom: 3px; font-family:Trebuchet MS; font-size:18px; font-weight:bold; float:left; height: 32px; width: auto; clear:both;}

/*  boxes */

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;} 
.b1h {height:1px; background:#e8e8e8; margin:0 5px;} 
.b2h, .b2bh {height:1px; background:#fff; border-right:2px solid #e8e8e8; border-left:2px solid #e8e8e8; margin:0 3px;} 
.b3h, .b3bh {height:1px; background:#fff; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; margin:0 2px;} 
.b4h, .b4bh {height:2px; background:#fff; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; margin:0 1px;} 
.b2bh, .b3bh, .b4bh {background: #fff; } 
.headh {background: #e8e8e8; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8;} 
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;} 

.contenth {background: #ffffff url() repeat-x; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8;} 
.contenth div {margin: 0; padding: 5px 5px 5px 10px; color: #0066CC; height: auto; font-weight: bold; }
		
.steptitle { padding-top: 10px; padding-bottom: 3px; padding-left: 5px; font-family:Trebuchet MS; font-size:24px; font-weight:bold; color:#ffffff; float:left; height: 32px; width: auto; clear:both;}

.featureb1h, .featureb2h, .featureb3h, .featureb4h, .featureb2bh, .featureb3bh, .featureb4bh{font-size:1px; overflow:hidden; display:block;} 
.featureb1h {height:1px; background:#000066; margin:0 5px;} 
.featureb2h, .featureb2bh {height:1px; background:#E0ECFF; border-right:2px solid #000066; border-left:2px solid #000066; margin:0 3px;} 
.featureb3h, .featureb3bh {height:1px; background:#E0ECFF; border-right:1px solid #000066; border-left:1px solid #000066; margin:0 2px;} 
.featureb4h, .featureb4bh {height:2px; background:#E0ECFF; border-right:1px solid #000066; border-left:1px solid #000066; margin:0 1px;} 
.featureb2bh, .featureb3bh, .featureb4bh {background: #fff; } 
.featureheadh {background: #fff; border-right:1px solid #000066; border-left:1px solid #000066;} 
.featureheadh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;} 
.featurecontenth {background: #fff url(/images/site/blue-bg-short.jpg) repeat-x; border-right:1px solid #000066; border-left:1px solid #000066; } 
.featurecontenth div {margin: 0; padding: 5px 5px 5px 10px; color: #000066; height: auto; font-weight: bold; }

.maptopbuttons
{ 
	float: left; 
	background: #e8e8e8; 
	border: 1px #808080 solid; 
	color: #404040; 
	padding: 3px 15px 5px 20px; 
	color:#333; 
	font-weight:bold;  
	font-size: 12px;
	cursor: pointer;
}

/**************** Gutter styles ****************/

#ContentGutterRight {
    width: 172px;
    float: right;
    margin-left: 5px;
    margin-bottom: 15px; 
}

#ContentGutterLeft {
    width: 172px;
    float: left;
}

ContentGutterLeftMap{
	width: 172px;
    float: left;
}

.mapguttercontent { text-align: left; background-color:#ffffff; color:#000000; }

.guttercontenth div {margin: 0; padding: 5px 5px 5px 3px; color: #777373; text-align: center; }
.guttertitle { font-family:Trebuchet MS; font-size: 20px; font-weight:bold; color:#777373; float:left; clear: both; width: 160px; }
#html>body .guttertitle { width: 170px; }

.gutterb2bh, .gutterb3bh, .gutterb4bh{font-size:1px; overflow:hidden; display:block;} 
.gutterb2bh {height:1px; background:#fff; border-right:2px solid #e8e8e8; border-left:2px solid #e8e8e8; margin:0 3px;} 
.gutterb3bh {height:1px; background:#fff; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; margin:0 2px;} 
.gutterb4bh {height:2px; background:#fff; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; margin:0 1px;} 

.guttercontent { background-color: #ffffff; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}

.guttercontent a {
    display: block;
    color: #a0000d;
    text-decoration: none;
}

.guttercontent a:hover {
    display: block;
    color: #a0000d;
    text-decoration: none;
}


/**************** Footer styles ****************/

#UberFooter {
     width: 100%;
     height: 97px;
     float: left;
     margin-top: 20px;
     color: #686868;
     font-size: 11px; 
     text-align:center;
     padding-top: 80px;
     clear: both;
     
}

#UberFooter a {
     color: #6699FF;
     text-decoration: none; 
}

#UberFooter a:hover {
     color: #6699FF; 
}

/**************** Offender Page styles ****************/
#OffenderLogoMain {
     height: 105px;
     width: 109px;      
     BACKGROUND-IMAGE: url(http://www.familywatchdog.us/images/FWD_dog_head_offender_tall.jpg);
     background-repeat: no-repeat;
     background-position: top;
     float: left;
}
#OffenderWordMark {
     width: 0px;
     height: 105px;
     float: left;
     BACKGROUND-IMAGE: none;
}
#OffenderBannerAd {
     width: 754px;
     height: 105px;
     float: left;
     BACKGROUND-IMAGE: url(http://www.familywatchdog.us/images/FWD_Head_bannerArea_tall.jpg);
     text-align: center;
     color: #a2a2a2;
     font-size: 10px;
     font-family: Verdana, Helvetica, Arial, sans-serif; 
}

#OffenderContentWhole {
     width: 840px;
     float: left;
     margin-left: 5px; 
     margin-right: 5px;
}

table.photobox td {
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1;
	border-style:solid;
	border-width: 2px; 
	float: left;
	}


/**************** Front Page styles ****************/

#ContentFrontPage {
    width: 812px;
    float: left;
    color: #585858;
    text-align: left;
}

.OneColContent{FLOAT: left; WIDTH: 811px; padding: 0; margin: 0 3px 0 0; }
.OneColContent .Content { padding: 5px 5px 0px 5px; margin: 0; FONT-SIZE: 11px;}
.OneColContent ul { padding: 0; margin: 0; } 
.OneColContent li { FONT-SIZE: 11px;}

.TwoColContentLeft{FLOAT: left; WIDTH: 270px; padding: 0; margin: 0; }
.TwoColContentRight{FLOAT: left; WIDTH: 482px; padding: 0px 5px 0px 5px;  margin-left: 50px;}
.TwoColContentLeft .Content { padding: 5px 5px 0px 5px; margin: 0; FONT-SIZE: 11px;}
.TwoColContentLeft ul { padding: 0; margin: 0; } 
.TwoColContentLeft li { FONT-SIZE: 11px;}

.TwoColContentLeftTop{FLOAT: left; WIDTH: 250px; padding: 0; margin: 0; }
.TwoColContentRightTop{FLOAT: right; WIDTH: 551px; padding: 0; margin: 0;}
.TwoColContentLeftTop .Content { padding: 5px 5px 0px 5px; margin: 0; FONT-SIZE: 11px;}
.TwoColContentLeftTop ul { padding: 0; margin: 0; } 
.TwoColContentLeftTop li { FONT-SIZE: 11px;}
.TwoColContentRightTop .Content {padding: 5px 5px 0px 10px; FONT-SIZE: 11px; }


.ThreeColContentLeft{FLOAT: left; WIDTH: 324px; padding: 0; margin: 0 3px 0 0; }
.ThreeColContentMiddle{FLOAT: left; WIDTH: 237px; padding: 0 5px 0px 5px; margin: 0;}
.ThreeColContentRight{FLOAT: right; WIDTH: 236px; padding: 0; margin: 0;}
.ThreeColContentLeft .Content { padding: 5px 5px 0px 5px; margin: 0; FONT-SIZE: 11px;}
.ThreeColContentLeft ul { padding: 0; margin: 0; } 
.ThreeColContentLeft li { FONT-SIZE: 11px;}
.ThreeColContentMiddle .Content { padding: 5px 5px 0px 5px; margin: 0; FONT-SIZE: 11px;}
.ThreeColContentRight .Content {padding: 5px 5px 0px 10px; FONT-SIZE: 11px;}

.frontmarket{ color: #ffffff; text-align:center; font-weight: bold; }

.fdaweather { background: #5097d0; color: #ffffff; }
.subweather { text-align: center; width: 180px; padding-left: 3px; padding-right: padding-left: 3px; padding-right: 3px; }
.subweathertoday { text-align: center; width: 200px; padding-left: 5px; padding-right: 5px; }

.notify {font-size: 12px; color: #03F; font-weight: bold;}
.notify a {COLOR: #03F; font-size: 12px; text-decoration:none; font-weight: normal;}
.notify a:HOVER {COLOR: #ff6600;}
.notify a:VISITED {COLOR: #ffff00; font-size: 12px; text-decoration:none}

.notifylogin {font-size: 12px; color: #03F; font-weight: bold; text-align: center;}
.notifylogin a {COLOR: red; font-size: 12px; text-decoration:none; font-weight: bold;}
.notifylogin a:HOVER {COLOR: #ff6600;}
.notifylogin a:VISITED {COLOR: red; font-size: 12px; text-decoration:none; }