@charset "utf-8";
/*	Dog Travel Network main styles.	*/
html, body {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-align: center; 
	}
* 	{
	margin:0; 
	padding:0;
	}
#container {
	margin: 0 auto; 
	width: 968px; 
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	color: #000000;
	}	
#topad {
	float: left;
	text-valign: top;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 968px;
	background: #3b4c68;
	text-align:  center;
	padding: 0px 0px 0px 0px;
	}
#topnav {
	float: left;
	max-height: 157px;
	width: 968px;
	top: 145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	left: 10px;
	background: #3b4c68;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	border-left: 0px solid #3b4c68;
	border-right: 0px solid #FFFFFF;
	}
#searchbar {
	float: left;
	top: 255px;
	left: 0px;
	max-height: 26px;
	width: 260px;
	background: #3b4c68;
	text-align:  left;
	padding: 4px 0px 0px 4px;
	}
#contentarea {
	float: left;
	top: 500px;
	right: 0px;
	left: 10px;
	width: 968px; 
	background: #FFFFFF; 
	border: 0px solid #003399;
	height: auto;
	}
.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 */

.clearfloats {clear:both:}

#maincontent {
	float: left;
	margin: 0px 0px 10px 0px; 
	width: 810px;
	height: auto;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	text-align: left; 
	border-left: 0px solid #003399;
	border-bottom: 0px solid #003399;
}
#homemain {
	float: left;
	margin: 0px 0px 10px 0px; 
	width: 827px;
	height: auto;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	text-align: left; 
	border-left: 0px solid #003399;
	border-bottom: 0px solid #003399;
}
#advertising {
	float: left;
	width: 790px;
	height: auto;
	background: #ffffff;
	border-top: 0px solid #0066CC;
	padding: 0px 0px 0px 20px;
}
#homeupper {
	float: left;
	width: 827px;
	height: auto;
	background: #ffffff;
	border-top: 0px solid #0066CC;
	padding: 0px 0px 0px 0px;
}
#homewelcome {
	float: left;
	width: 276px;
	padding: 10px 10px 10px 10px;
	background: #1f2c45;
	text-align: left;
	text-valign: top;
}
#homeslots {
	float: left;
	width: 531px;
	height: auto;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	text-align: left;
	text-valign: top;
}
#bizspot {
	float: leftt;
	width: 511px;
	height: auto;
	padding: 10px 0px 10px 10px;
	background: #ffffff;
	border: #0099ff solid;
	border-width: 0px 0px 0px 0px;
	text-align: center; 
	text-valign: top;
}
#slotspot {
	float: right;
	width: 155px;
	height: auto;
	padding: 10px 0px 10px 10px;
	background: #ffffff;
	border: #0099ff solid;
	border-width: 0px 0px 0px 0px;
	text-align: center; 
	text-valign: top;
}
#homeslot1 {
	float: left;
	width: 511px;
	height: auto;
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	border: #0099ff solid;
	border-width: 0px 0px 1px 0px;
	text-align: left; 
	text-valign: top;
}
#homeslot2 {
	float: left;
	width: 511px;
	height: auto;
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	border: #0099ff solid;
	border-width: 0px 0px 1px 0px;
	text-align: left; 
	text-valign: top;
}
#homeslot3 {
	float: left;
	width: 511px;
	height: auto;
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	border: #0099ff solid;
	border-width: 0px 0px 1px 0px;
	text-align: left; 
	text-valign: top;
}
#homeslot4 {
	float: left;
	width: 511px;
	height: auto;
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	text-align: left; 
	text-valign: top;
}
#homevideo {
	float: left;
	top: 20px;
	right: 0px;
	left: 0px;
	width: 486px; 
	background: #FFFFFF; 
	border: 0px solid #003399;
	height: auto;
}
#homelower {
	float: left;
	width:  810px;
	height: auto;
	background: #444444;
	border: #3c4668 solid;
	border-width: 0px 0px 0px 0px;
	text-align: left; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtcupper {
	float: left;
	width: 494px;
	height: 443;
	background: #ffffff;
	border-top: 0px solid #0066CC;
	padding: 0px 0px 0px 0px;
}
#dtctext {
	float: left;
	width: 463px;
	height:  auto;
	background: #ffffff;
	border: #003399 solid;
	border-width: 0px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	margin: 10px 0px 0px 0px;
}
#dtcadphoto {
	float: left;
	width: 495px;
	height:  auto;
	background: #ffffff;
	border: #3c4668 solid;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtcvideo {
	float: right;
	width: 315px;
	height: auto;
	text-align: left; 
	background: #ffffff;
	border: #1f2c45 solid;
	border-width: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtcvideotext {
	float: right;
	width: 303px;
	height: 170px;
	text-align: left;
	background: #333333; 
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
}
#dtclower {
	float: left;
	width:  808px;
	height: auto;
	background: #444444;
	border: #3c4668 solid;
	border-width: 0px 0px 0px 0px;
	text-align: left; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtncomspots {
	float: left;
	width: 808px;
	height: 200px;
	background: #3b4c68;
	border: #3c4668 solid;
	border-width: 1px 1px 1px 1px;
	text-align: center; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtcunleashed {
	float: left;
	width:  808px;
	height: auto;
	background: #9bb6cb;
	border: #3c4668 solid;
	border-width: 1px 1px 1px 1px;
	text-align: left; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtcunleashupper {
	float: left;
	width:  808px;
	height: auto;
	background: #ffffff;
	border: #3c4668 solid;
	border-width: 0px 0px 0px 0px;
	text-align: left; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtcunleashedtext {
	float: left;
	width: 460px;
	height:  auto;
	background: #ffffff;
	border: #003399 solid;
	border-width: 0px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	margin: 10px 0px 0px 0px;
}
#dtcunleashedlix {
	float: right;
	width: 317px;
	height: 449px;
	text-align: left; 
	background: #ffffff;
	border: #1f2c45 solid;
	border-width: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#dtcvideotextlinx {
	float: right;
	width: 303px;
	height: auto;
	text-align: left;
	background: #ffffff;
	border: #1f2c45 solid;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
}
#comphoto {
	float: left;
	width: 461px;
	height: 209px;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	border-left: 0px solid #ff2200;
	border-bottom: 0px solid #ff2200;
}
#comlogin {
	float: right;
	margin: 0px 0px 0px 0px; 
	width: 339px;
	height: 209px;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	text-align: right; 
	border-left: 0px solid #003399;
	border-bottom: 0px solid #003399;
}
#comtrim {
	top: 100px;
	width: 810px;
	height: 9px;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
}
#comupper {
	float: right;
	width: 810px;
	height: 720;
	background: #ffffff;
	border-top: 0px solid #0066CC;
	padding: 0px 0px 0px 0px;
}
#comtext {
	float: right;
	width: 450px;
	height: 400px;
	background: #ffffff;
	border: #003399 solid;
	border-width: 2px 0px 2px 0px;
	padding: 10px 15px 10px 15px;
	margin: 10px 0px 0px 0px;
}
#comad {
	float: right;
	width: 460px;
	height: 250;
	text-align: center; 
	background: #ffffff;
	border-top: 0px solid #0066CC;
	padding: 0px 0px 0px 0px;
}
#comspotlight {
	float: left;
	width: 315px;
	height: auto;
	text-align: center; 
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#comscroll {
	float: right;
	width: 108px;
	height: auto;
	text-align: center; 
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#comspots {
	float: left;
	width: 790px;
	height: 480px;
	background: #ffffff;
	text-align: center; 
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 0px 0px;
}
#comspot123 {
	float: left;
	width: 250px;
	height: 460px;
	text-align: center; 
	background: #ffffff;
	padding: 0px 0px 0px 0px;
}
.bigtitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003366;
	font-weight: bolder;
	text-decoration: none;
}
#rightad {
	float: right;
	width: 118px; 
	height: auto;
	background: #FFFFFF; 
	padding: 10px 10px 10px 10px;
	text-align: center; 
   	border-right: 1px solid #DCE6F5;
	border-left: 1px solid #DCE6F5;
	border-bottom: 0px solid #003399;
}
#column1 {
	float: left;
	width: 780px;
	height: auto;
	background: #ffffff;
	padding: 10px 10px 10px 10px;
	text-align: left; 
	border-left: 0px solid #003399;
	border-bottom: 0px solid #003399;
}
#column2 {
	width: 148px; 
	height: auto;
	background: #DCE6F5; 
	padding: 10px 10px 10px 10px;
	text-align: left; 
	float: right;
   	border-right: 0px solid #003399;
	border-left: 0px solid #003399;
	border-bottom: 0px solid #003399;
}
#column3 {
	width: 0px;
	height: 100%;
	background: #DCE6F5;
	padding: 4px 4px 4px 4px;
	text-align: left; 
	float: left;
	border-right: 0px solid #003399;
	border-bottom: 0px solid #003399;
}
#botarea {
	margin: 0 auto; 
	width: 968px;
	height: 60px;
	padding: 0 0px 0 0px;
	background: #FFFFFF;
	text-align: left;
}	
#botnav {
	float: left;
	width: 954px;
	height: 30px;
	padding: 0 4px 0 10px;
	background: #3b4c68;
	text-align: left;
} 
#footer {
	float: left;
	width: 968px;
	height: 20px;
	padding: 0 0px 0 0px;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-color: #0066CC;
	text-align: center;
	text-valign: bottom;
	}
.weltitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FF9900;
	text-decoration: none;
}
.sellingtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #e47911;
	text-decoration: none;
}
.blktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: none;
	text-align: left;
	text-decoration: none;
}
.bigweltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: none;
	text-align: left;
	text-decoration: none;
}
a.bigweltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: none;
	text-align: left;
	text-decoration: none;
}
a.bigweltext:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: none;
	text-align: left;
	text-decoration: none;
}
.weltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
}
a.weltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
}
a.weltext:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
}
.greentext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99cc33;
	font-weight: none;
	text-align: left;
	text-decoration: none;
}
.dtcvideotexthead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffcc00;
	font-weight: none;
	text-align: left;
	text-decoration: none;
}
.dtcvideotextsub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff9900;
	font-weight: bolder;
}
.dtcvideotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}
a.dtcvideotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3399ff;
	text-align: left;
	text-decoration: none;
}
a.dtcvideotext:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3399ff;
	text-align: left;
	text-decoration: none;
}
.dtcunleashhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	font-weight: bolder;
	text-decoration: none;
}
.regtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.smorg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
}
.sidebar1title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}
a.sidebar1title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}
a.sidebar1title:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0066CC;
	text-decoration: none;
}
.sidebarsubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	}
a.sidebarsubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
a.sidebarsubtitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;	
	text-decoration: none;
}
.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0000CC;
	text-decoration: none;
}
a.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0000CC;
	text-decoration: none;
	}
a.topmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0000CC;
	text-decoration: none;
	}
.botmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}
a.botmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	}
a.botmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	}
.footerclose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
}
.eventDate {
	font-weight: bold;
	padding-top: 5px;
	}
a.eventLink {
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #0000FF;
	line-height: 15px;
	}
a.eventLink:hover {
	text-decoration: underline;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #3D3F3E;
	line-height: 15px;
	}
/* begin styles for RSS Feed */

.rss-box {
	 margin: 10px 5%;
	 padding: 4px 8px;

	 background-color: #eaeae8;
	 border: 0px dashed #7485CA;
         text-align: left;
         width: 276px;
}

.rss-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	text-decoration : none;
	color: #003399;
	border-bottom: 1px solid #99ccff;
}
.rss-title a:link, .rss-item a:visited, .rss-item a:active {
	text-decoration : none;
	color: #003399;
	border-bottom: 1px solid #99ccff;

	}

.rss-title a:hover { 
	text-decoration : none;
	color: #003399;
	border-bottom: 1px solid #99ccff;
	}

ul {
        border: 0;
        margin: 10px 10px 10px 10px;
        padding: 0;
        list-style-type:none;
}

.rss-items {
  
}

.rss-item  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: none; 
  margin: 8px 0;
  color: #000000;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	text-decoration : none;
	color: #0000ff;
	border-bottom: 0px solid #e6e7e8;

	}

.rss-item a:hover { 
	text-decoration : none;
	color: #EB6812;
	border-bottom: 0px solid #e6e7e8;
	}
	
.rss-date {
	font-size: 11px;
	font-weight : normal;
	color: #F60;
	}
	
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }