body { background: #ffffff url(img/faux_bg.jpg) repeat-y center; margin: 0 auto; padding: 0; text-align: center; font: 100%/1.2 Arial, Helvetica, sans-serif; line-height: 20px; color: #000000;}
a {color: #0099cc; text-decoration: none;}
a:hover {color: #0099cc; text-decoration: underline;}
h1 {color: #ffffff; font-size: 80%; font-weight: bold;}
h2 {color: #ffffff; font-size: 68%; font-weight: bold;}

/* Wrapper for the whole site */
#padding { background: transparent; width: 980px; margin: 0 auto; padding: 0px 20px 0px 20px; text-align: left;}

/* Header */
#header { background: transparent url(img/head_bg.jpg) repeat-x; width: 978px; height: 110px; margin: 0 auto; padding: 0; float: left; text-align: left; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;}
	
/* Hundsmart Logo */
.header-logo { background: transparent; width: 100px; height: 90px; margin: 0 auto; padding: 10px 15px 10px 15px; float: left; border: none;}
	
/* Banner */ 
.header-banner { background: transparent; width: 728px; height: 90px; margin: 0 auto; padding: 10px 0px 10px 10px; float: left; text-align: left;}
		
/* Choose Language */
.header-lang { background: #a4a4a4; width: 48px; height: 18px; margin: 80px 30px 0px 30px; padding: 0; float: left; text-align: left; border: 1px solid #ffffff;}
		

/* Bar, Navigation & Searchbar */	
#nav-bar { background: url(img/nav_bg.gif) repeat-x top; width: 978px; height: 30px; margin: 0px 0px 10px 0px; padding: 0; float: left; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;}
	
/* Navigation */
#jsddm { margin: 0 auto; padding: 0; width: 708px; height: 30px; float: left; text-align: left; font-size: 80%;	}
#jsddm li {	float: left; list-style: none;}
#jsddm li a { background: transparent; display: block; margin: 1px 0px 0px 0px; padding: 4px 15px 3px 15px; text-align: left; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-right: 1px solid #aaaaaa; white-space: nowrap;}
#jsddm li a:hover {	background: transparent url(img/navigation_hover_bg.jpg) repeat-x; display: block; margin: 1px 0px 0px 0px; padding: 4px 15px 3px 15px; text-align: left;text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-right: 1px solid #aaaaaa;}
#jsddm li ul { margin: 2px 0px 0px 0px; padding: 0; position: absolute; visibility: hidden;}
#jsddm li ul li { float: none; display: inline;}
#jsddm li ul li a {	background: url(img/nav_bg.gif) repeat-x; display: block; margin: 0px 0px 0px 0px; padding: 5px 15px 5px 15px; text-align: left; text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-right: 1px solid #aaaaaa;}
#jsddm li ul li a:hover { background: transparent url(img/navigation_hover_bg.jpg) repeat-x; display: block; margin: 0px 0px 0px 0px; padding: 5px 15px 4px 15px; text-align: left;text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #888888;}

#jsddm li ul li a {	background: #F0F0F0; display: block; margin: 0px 0px 0px 0px; padding: 5px 15px 5px 15px; text-align: left; text-decoration: none; text-transform: uppercase; color: #202020;; font-weight: bold; border-left: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #aaaaaa;}

/* Searchbar */	
#searchbar { background: transparent; width: 269px; height: 29px; margin: 0 auto; padding: 0; float: left; text-align: left; border-right: 1px solid #ffffff;}
.search-text { background: transparent; width: 60px; height: 20px; margin: 0 auto; padding: 5px 5px 5px 5px; float: left; text-align: right; color: #ffffff; font-size: 80%; font-weight: bold; text-transform: uppercase;}
 .search-bar { background: #ffffff url(img/searchbar_bg.jpg) no-repeat left; width: 167px; height: 18px; margin: 3px 2px 2px 5px; padding: 5px 5px 0px 20px; float: right; text-align: left; border: none; font-size: 75%; color: #555555;}

/* Content Wrapper */
#content { background: transparent; width: 980px; margin: 0 auto; padding: 0; float: left; text-align: left;}

/* Left Content Side */
#left { background: transparent; width: 660px; margin: 0px 20px 0px 0px; padding: 0; float: left; text-align: left;}
		
/* Right Content */			
#right { background: transparent; width: 300px; margin: 0 auto; padding: 0; float: left; text-align: left;}		

/* UI Tabs */	
.ui-tabs { background: transparent;	width: 660px; margin: 0 auto; padding: 0; float: left;}
			
/* Tabs Container */
.tabs-container { background: transparent url(img/communitynews_dot.gif) repeat-x bottom; width: 580px; margin: 0 auto; padding: 0px 0px 10px 0px; float: left; text-align: left;}
.tabs-container a { color: #3399cc; text-decoration: none;}
.tabs-container a:hover { color: #3399cc; text-decoration: underline;}
.tabs-container-pic { background: transparent; width: 80px; height: 80px; margin: 0px 20px 0px 0px; float: left; text-align: left; border: none;}
.tabs-container-info { background: transparent; width: 380px; min-height: 80px; margin: 0px 20px 0px 0px; float: left; text-align: left;}
.tabs-container-info-date { background: transparent; width: 380px; height: 20px; margin: 10px 0px 0px 0px; padding: 0; float: left; text-align: left; font-size: 70%; color: #999999;line-height: 20px;}
.tabs-container-info-detail { background: transparent; width: 380px; min-height: 50px; margin: 0 auto; padding: 0; float: left; text-align: left; font-size: 82%; color: #000000; line-height: 20px; font-weight: bold;}
.tabs-container-img { background: transparent; width: 80px; height: 80px; margin: 0px 0px 0px 0px; float: left; text-align: left; border: none;}	

/* Log In Box */
.log-in-wrapper { background: url(img/log-in-wrapper-bg.jpg) repeat-y; width: 300px; margin: 0px 0px 0px 0px; padding: 0; float: left; text-align: left;}
.log-in-wrapper-top { background: url(img/log-in-wrapper-borders.jpg) top no-repeat; width: 300px; height: 5px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.log-in-wrapper-bottom { background: url(img/log-in-wrapper-borders.jpg) bottom no-repeat; width: 300px; height: 5px; margin: 0px 0px 15px 0px; padding: 0; float: left; text-align: left;}

.log-in-wrapper-text { background: transparent; width: 260px; margin: 0 auto; padding: 10px 20px 10px 20px; float: left; text-align: center;  color: #666666; font-size: 80%;}

.log-in-wrapper-signup {background: url(img/log-in-wrapper-signup.jpg); width: 212px; height: 19px; margin:10px 19px 0px 19px; padding: 10px 5px 10px 5px; text-transform: uppercase; font-size: 120%;}
.log-in-wrapper-signup a {color: #ffffff; text-decoration: underline; font-weight: bold;}
.log-in-wrapper-signup a:hover {color: #ffffff; text-decoration: underline; font-weight: bold;}

.log-in { background: #e3e3e3; width: 290px; height: 144px; margin: 0px 5px 0px 5px; padding: 0; float: left; text-align: left;}
.log-in-top { background: #ffffff url(img/login-border.jpg) no-repeat top; width: 290px; height: 6px; margin: 0px 5px 0 5px; padding: 0; float: left; text-align: left;}
.log-in-bottom { background: #ffffff url(img/login-border.jpg) no-repeat bottom; width: 290px; height: 6px; margin: 0px 5px 0px 5px; padding: 0; float: left; text-align: left;}

.log-in-title { background: url(img/login_title_bg.jpg); width: 270px; height: 24px; margin: 0 auto; padding: 0px 10px 0px 10px; float: left; text-align: left;	color: #ffffff; font-size: 82.5%;}
.log-in-title a { color: #ffffff; text-decoration: underline;}
.log-in-title a:hover { color: #ffffff; text-decoration: underline;	}

.log-in-box { background: transparent; width: 270px; height: 120px; margin: 5px 5px 5px 5px; padding: 0; float: left; text-align: left;}
.log-in-box-top { background: url(img/login-border.gif) no-repeat; width: 280px; height: 6px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.log-in-box-bottom { background: url(img/loginbox_bg.jpg) repeat-x; width: 280px; height: 114px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.log-in-box-bottom a { color: #333333; text-decoration: underline;}
.log-in-box-bottom a:hover { color: #333333; text-decoration: underline;}

.log-in-box-bar { background: transparent; width: 260px; height: 25px; margin: 10px 15px 0px 15px; padding: 0; float: left; text-align: left; font-size: 82.5%; color: #666666;}
.log-in-box-details { background: #ffffff; width: 150px; height: 15px; margin: 0 auto; padding: 2px 2px 2px 2px; float: right; text-align: left; border: 1px solid #999999;}
.log-in-box-style { background: transparent; margin: 0px 10px 0px 0px; padding: 0; float: left; text-align: left; color: #333333; font-size: 80%;}

.log-in-box-button { background: url(img/login_button_bg.jpg) repeat-x; height: 30px; margin: 0 auto; padding: 0px 5px 12px 5px; border: none; float: right; color: #ffffff; font-size: 80%;}
.log-in-box-button-left { background: url(img/button_borders.jpg) no-repeat left; height: 20px; width: 5px; margin: 0 auto; padding: 0px 0px 0px 0px; border: none; float: right;}
.log-in-box-button-right { background: url(img/button_borders.jpg) no-repeat right; height: 20px; width: 5px; margin: 0 auto; padding: 0px 0px 0px 0px; border: none; float: right;}

/* Logged in */
.logged-in { background: url(img/logged-in-bgx.jpg) repeat-y; width: 280px; min-height: 60px; margin: 0 auto; padding: 0px 10px 0px 10px; float: left; text-align: left; font-size: 80%;}
.logged-in a { color: #0099cc; text-decoration: none;}
.logged-in a:hover { color: #0099cc; text-decoration: underline;}

.logged-in-top { background: url(img/logged_in_bg.jpg) no-repeat top; width: 300px; height: 10px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.logged-in-bottom { background: url(img/logged_in_bg.jpg) no-repeat bottom; width: 300px; height: 10px; margin: 0px 0px 20px 0px; padding: 0; float: left; text-align: left;}
.logged-in-img { background: #cccccc; width: 60px; height: 60px; margin: 0px 10px 0px 0px; padding: 0px; float: left; text-align: left; border: none;}
.logged-in-bar { background: transparent; width: 210px; margin: 0 auto; padding: 0; float: right; text-align: left;	 line-height: 15px; font-size: 95%;}
			
/* Sign Up Box*/
.sign-up { background: #52a9de url(img/signup_bg.jpg) repeat-x; width: 660px; height: 116px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.sign-up-top { background: #ffffff url(img/sign-up-border.jpg) no-repeat top; width: 660px; height: 10px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.sign-up-bottom { background: #ffffff url(img/sign-up-border.jpg) no-repeat bottom; width: 660px; height: 30px; margin: 0px 0px 20px 0px; padding: 0; float: left; text-align: left;}
.sign-up-logo { background: transparent; height: 136px; width: 240px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.sign-up-logo img { border: none;}
.sign-up-text { background: transparent; width: 390px; height: 124px; margin: 5px 10px 5px 20px; padding: 0; float: left; text-align: left; color: #ffffff;}
.sign-up-text h1 { margin: 0 auto; padding: 0; font-size: 110%; letter-spacing:.001em}
.sign-up-text h2 { margin: 0 auto; padding: 0; font-size: 90%; font-weight: normal; letter-spacing:.001em}
.sign-up-text ul { margin: 0 auto; padding: 10px 0px 5px 0px;}		
.sign-up-text li { margin: 0 auto; padding: 2px 0px 2px 0px;}

/* Sign Up Button In The Bottom Of The Box */
.sign-up-today { background: transparent; width: 168px; height: 25px; margin: 7px 35px 0px 0px; padding: 0; float: right; text-align: center; font-size: 90%; font-weight: bold;}
.sign-up-today a { color: #ffffff; text-decoration: none;}
.sign-up-today a:hover { color: #ffffff; text-decoration: underline;}
			
/* Profile Left Section */
.profile-left { background: transparent; width: 220px; margin: 0px 20px 0px 0px; padding: 0; float: left;}

.profile-pic { background: #f8f8f8; width: 210px; height: 150px; margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; float: left; border: 1px solid #cccccc;}

.profile-nav { background: #ffffff; width: 220px; margin: 0px 0px 5px 0px; padding: 0; float: left; font-size: 80%;}
.profile-nav ul{ margin: 0px 0px 10px 0px; padding: 0; list-style-type: none;}
.profile-nav li { background: url(img/communitynews_dot.gif) repeat-x bottom; margin: 0 auto; padding: 2px 0px 2px 0px;}
.profile-nav a { color: #0099cc; text-decoration: none;	} 
.profile-nav a:hover { color: #0099cc; text-decoration: underline;}

.profile-small-box { background: transparent; width: 220px; margin: 0 auto; padding: 0; float: left;}
.profile-small-box a { color: #0099cc; text-decoration: none; font-weight: bold;}
.profile-small-box a:hover{ color: #0099cc; text-decoration: underline; font-weight: bold;}
.profile-small-box-title { background: url(img/profile-leftbox-corners.jpg) no-repeat top; width: 200px; margin: 0 auto; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #ffffff; font-size: 80%; font-weight: bold;}
.profile-small-box-container { background: #f8f8f8; width: 198px; margin: 5px 0px 0px 0px; padding: 10px 10px 10px 10px; float: left; border: 1px solid #cccccc;}
.profile-small-box-bottom { background: transparent; width: 220px; margin: 0 auto; padding: 10px 0px 10px 0px; float: left; text-align: right; color: #0099cc; font-size: 80%;}  

.profile-photo-album-img { background: #ffffff; width: 80px; height: 80px; margin: 0 auto; padding: 3px 3px 3px 3px; border: 1px solid #cccccc; float: left;}
.profile-photo-album-text { background: transparent; width: 98px; margin: 0px 0px 0px 5px; padding: 3px 3px 3px 3px; float: left; font-size: 80%; color: #999999;}

.profile-videos { background: #ffffff; width: 188px; height: 120px; margin: 0 auto; padding: 5px 5px 5px 5px; float: left; text-align: left; border: 1px solid #cccccc;}
.profile-video-title { background: transparent; width: 200px; margin: 5px 0px 0px 0px; padding: 0; float: left; text-align: center;	 font-size: 80%;}

.profile-friends { background: transparent; width: 89px; margin: 5px 5px 5px 5px; padding: 0px; float: left; text-align: left;}
.profile-friends-img { background: #ffffff; width: 81px; height: 81px; margin: 0 auto; padding: 3px 3px 3px 3px; float: left; border: 1px solid #cccccc;}
.profile-friends-text { background: transparent; width: 89px; min-height: 20px; margin: 0 auto; padding: 0;	 float: left; text-align: center; font-size: 80%;}

/* Profile Right Section */
.profile-right { background: transparent; width: 420px; margin: 0 auto; padding: 0; float: left;}

.profile-big-box { background: transparent;	width: 420px; margin: 0 auto; padding: 0; float: left;}
.profile-big-box a { color: #0099cc; text-decoration: none; font-weight: bold;}
.profile-big-box a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;}
.profile-big-box-title { background: url(img/profile-rightbox-corners.jpg)no-repeat top; width: 400px; margin: 0 auto; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #ffffff; font-size: 80%; font-weight: bold;}
.profile-big-box-container { background: #f8f8f8; width: 398px; margin: 5px 0px 20px 0px; padding: 10px 10px 10px 10px; float: left; border: 1px solid #cccccc; font-size: 80%;}
.profile-big-box-bottom { background: transparent; width: 420px; margin: 0 auto; padding: 10px 0px 10px 0px; float: left; text-align: right; color: #0099cc; font-size: 80%;}

.profile-big-box-bar { background: transparent; width: 398px; margin: 5px 0px 0px 0px; padding: 0; float: left;}
.profile-big-box-info { background: transparent; width: 140px; margin: 0px 10px 0px 0px; padding: 0; float: left; text-align: left;	color: #999999;}
.profile-big-box-ans { background: transparent; width: 248px; margin: 0 auto; padding: 0; float: left; text-align: left;}

.profile-big-box-comments { background: url(img/profile-comments-bg.jpg) repeat-y; width: 400px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; float: left; font-size: 80%;}
.profile-big-box-comments-top { background: url(img/profile-comments-corners.jpg) no-repeat top; width: 420px; height: 20px; margin: 5px 0px 0px 0px; padding: 0; float: left;}
.profile-big-box-comments-bottom { background: url(img/profile-comments-corners.jpg) no-repeat bottom; width: 420px; height: 20px; margin: 0 auto; padding: 0; float: left;} 
.profile-comments-box { background: #ffffff; width: 398px;margin: 5px 0px 0px 0px; padding: 0; float: left; text-align: left; border: 1px solid #ccc;}
.profile-big-box-comments-pager { background: transparent; width: 420px; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; text-align: right; color: #999999; font-size: 80%;}
.profile-comments-message { background: #ffffff; width: 356px; height: 60px; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; float: left; text-align: left; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-seriff; font-size: 90%;}
.profile-comments-button { background: transparent; width: 398px; margin: 0px 0px 10px 0px; padding: 0; float: left; text-align: center;}
.profile-big-box-comments-message { background: #f8f8f8; width: 398px; margin: 5px 0px 5px 0px; padding: 10px 10px 10px 10px; float: left; border: 1px solid #cccccc; font-size: 80%;}
.profile-big-box-comments-img { background: #ffffff; width: 80px; height: 80px; margin: 0px 10px 0px 0px; padding: 3px 3px 3px 3px; float: left; border: 1px solid #cccccc;}
.profile-big-box-comments-text { background: transparent; width: 300px; margin: 0 auto; padding: 0; float: left;}
.profile-big-box-comments-text-title { background: transparent; width: 300px; margin: 0 auto; padding: 0; float: left;}
.profile-big-box-comments-text-txt { background: transparent; width: 300px; margin: 0 auto; padding: 0; float: left; font-size: 85%;}
.profile-big-box-comments-text-date { background: transparent; width: 300px; margin: 0 auto; padding: 0; float: left; font-size: 70%; color: #999999;}
								
/* Register */
.register { background: url(img/register-bg.jpg) repeat-y; width: 660px; margin: 0 auto; padding: 0; float: left;}
.register-title { width: 660px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.register-title h1 { margin: 5px 10px 5px 10px; padding: 0; font-size: 110%; color: #666666; text-transform: uppercase;}
.register-button { background: transparent; width: 640px; margin: 0 auto; padding: 0px 10px 0px 10px; float: left; text-align: right;}
.register-button-reg { background: #ff6600; margin: 0 auto; padding: 0px 10px 0px 10px; float: right; text-align: right; border: 1px solid #FF9900; color:#fff; min-height:25px; font-family: Arial, Helvetica, serif; font-size:.8em;}
.register-top {	background: url(img/register-corners.jpg) top no-repeat; height: 10px; width: 660px; margin: 0 auto; padding: 0; float: left;}
.register-bottom { background: url(img/register-corners.jpg) bottom no-repeat; height: 10px; width: 660px; margin: 0 auto; padding: 0; float: left;	}

/* Register First Page */

.user-account { background: #ffffff; width: 293px; margin: 5px 10px 5px 10px; padding: 10px 10px 10px 10px; float: left; border: 1px solid #ccc; font-size: 80%;}

.breeder-account { background: #ffffff; width: 293px; margin: 5px 10px 5px 0px; padding: 10px 10px 10px 10px; float: left; border: 1px solid #ccc; font-size: 80%;}

.account-title { background: url(img/account-title-bg.jpg) no-repeat bottom; width: 293px; height: 25px; margin: 0px 0px 5px 0px; float: left; text-align: left;}	

.account-box { background: transparent; width: 293px; min-height: 220px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.account-box-regular ul { margin: 0px 0px 10px 20px; padding: 0; list-style-type: circle;}
.account-box-plus ul { margin: 0px 0px 0px 23px; padding: 0; list-style-image: url(img/account-box-plus.jpg);}

.account-select-box { background: url(img/account-bg.jpg); width: 293px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.account-select-box-top { background: url(img/account-corners.jpg) top no-repeat; width: 293px; height: 10px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.account-select-box-bottom { background: url(img/account-corners.jpg) bottom; width: 293px; height: 10px; margin: 0 auto; padding: 0; float: left; text-align: left;} 
.account-select-box-title { background: transparent; width: 273px; margin: 0 auto; padding: 0px 10px 0px 10px; float: left; text-align: left;}
.account-select-box-title h1{ margin: 0 auto; padding: 0; font-size: 120%; text-transform: uppercase;}
.account-select-box-text { background: transparent; width: 273px; margin: 0 auto; padding: 0px 10px 0px 10px; float: left; text-align: left;}
.account-select-box-radio{ background: transparent; width: 273px; margin: 5px 0px 0px 0px; padding: 0px 10px 0px 10px; float: left; text-align: left;}

/* Register Second Page */
.register2 { background: #ffffff; width: 618px; margin: 0px 10px 10px 10px; padding: 10px 10px 10px 10px; float: left; text-align: left; border: 1px solid #cccccc; font-size: 80%;}
.register2-box { background: transparent; width: 618px; margin: 0px 20px 0px 0px; padding: 0; float: left; text-align: left; font-size: 90%;}

.register2-box-upload-img {background: transparent; width: 80px; height: 80px; margin: 0px 10px 0px 0px; padding:0; float: left; border: 1px solid #cccccc;}
.register2-box-upload-bar {background: transparent; width: 526px; margin: 0 auto; padding:0; float: right; line-height: 25px;}

.register-box-bar { background: transparent; width: 299px; margin: 0px 0px 5px 0px; padding: 0; float: left; text-align: left;}
.register-box-bar2 { background: transparent; width: 299px; margin: 0px 0px 5px 20px; padding: 0; float: left; text-align: left;}
.register-box-bar-error { background: transparent; width: 618px; margin: 0px 0px 5px 0px; padding: 0; float: left; text-align: left;}
.register2-box-form { background: #ffffff; width: 180px; height: 15px; margin: 0 auto; padding: 2px 2px 2px 2px; float: left; text-align: left; border: 1px solid #999999;}

.register-box-input { background: transparent; width: 165px; height: 25px; margin: 0 auto; float: right; text-align: left;}
		
.register2-box-img { background: transparent; width: 618px; margin: 20px 0px 0px 0px; padding: 0; float: left; text-align: left; font-size: 90%;}
.register2-box-image { background: transparent; width: 135px; height: 55px; margin: 0px 10px 0px 0px; padding: 0; float: left; text-align: left;}

/* Status bar */		
.status { background: transparent; width: 660px; margin: 0px 0px 20px 0px; padding: 0; float: left; text-align: left;}
.status h1 { margin: 0 auto; padding: 0; font-size: 100%; line-height: 26px;}

.status-update { background: transparent; width: 660px; height: 50px; margin: 10px 0px 0px 0px; float: left; text-align: left;}
.status-bar { background: #ffffff; width: 498px; height: 22px; margin: 0px 20px 0px 0px; padding: 10px 15px 10px 15px; float: left; text-align: left; border: 1px solid #cccccc; font-size: 120%;}
.status-button { background: url(img/statusbutton_bg.jpg) repeat-x; margin: 0 auto; padding: 15px 5px 15px 5px; float: left; border: none; color: #ffffff; font-weight: bold; height: 44px;}
.status-button-left { background: url(img/statusbutton_borders.jpg) no-repeat left; width: 10px; height: 44px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.status-button-right { background: url(img/statusbutton_borders.jpg) no-repeat right; width: 10px; height: 44px; margin: 0 auto; padding: 0; float: left; text-align: left;}

/* Page Section */ 
.page { background: transparent; width: 660px; margin: 0px 0px 20px 0px; padding: 0; float: left; text-align: left;	}
.page-top { background: transparent; width: 660px; margin: 0px 0px 20px 0px; padding: 0; float: left; text-align: left;}
.page-top-title { background: #ffcc99; width: 620px; margin: 0 auto; padding: 15px 20px 15px 20px; float: left; text-align: left;}
.page-top-title h1 { margin: 0px 10px 0px 0px; padding: 0; float: left; font-size: 140%; text-transform: uppercase;}
.page-top-title h2 { margin: 0px 10px 0px 0px; padding: 0; float: left; font-size: 100%; font-weight: normal}

.page-top-nav { background: #ff6600; width: 620px; margin: 0 auto; padding: 5px 20px 5px 20px; float: left; text-align: left; color: #ffffff; font-size: 90%;}
.page-top-nav a { color: #ffffff; text-decoration: none;}
.page-top-nav a:hover { color: #ffffff; text-decoration: underline;	}

.page-post { background: transparent; width: 660px; margin: 0px 0px 20px 0px; padding: 0; float: left; text-align: left; font-size: 80%; line-height: 18px;}
.page-text { background: #eeeeee; width: 640px; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #000000;}

/* Page Title 1 */
.page-title { background: url(img/event-top.jpg) no-repeat; width: 640px; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #ffffff;}
.page-title h1{ margin: 0 auto; padding: 0; font-size: 100%; letter-spacing:.001em}

/* Page Title 2 */
.page-title-blue { background: url(img/event-top-blue.jpg) no-repeat; width: 640px; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #ffffff;}
.page-title-blue h1{ margin: 0 auto; padding: 0; font-size: 100%; letter-spacing:.001em}

/* Pager */
.pager { background: transparent; width: 660px; margin: 0 auto; padding: 0; float: left; text-align: center; font-size: 80%; color: #0099cc; font-weight: bold;}
.pager a { color: #0099cc; text-decoration: none; font-weight: bold;}
.pager a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;}

/* News Section */							
.news-left { background: transparent; width: 340px; margin: 0px 20px 0px 0px; padding: 0; float: left; text-align: left; font-size: 80%;}
.news-left h1 { margin: 0; padding: 0; font-size: 140%;	line-height: 25px;}
.news-left a { color: #0066CC; text-decoration: none;}
.news-left a:hover {color: #0066CC; text-decoration: underline;}
.news-left-img { max-width: 338px; max-height: 250px; margin: 0px 0px 10px 0px; padding: 0; float: left; border: 1px solid #ccc;}

.news-right { background: #c4dff0; width: 260px; margin: 0 auto; padding: 20px 20px 20px 20px; float: left; text-align: left; font-size: 80%;}
.news-right h1 { margin: 0 auto; padding: 0; font-size: 120%;}
.news-right-img { width: 258px; height: 200px; margin: 10px 0px 10px 0px; padding: 0; float: left; clear: left; border: 1px solid #ccc;}

/* Videos */
.video-box { background: transparent; width: 660px; margin: 0 auto; padding: 0; float: left;}
							
.video-dropdown-menu { background: transparent; width: 660px; margin: 0px 0px 20px 0px; padding: 0; float: left;}
.countries { width: 120px;}
.place { width: 100px;}
.rase { width: 180px;}
.video-add { background: #0099cc; width: 160px; height: 20px; margin: 0 auto; padding: 2px 2px 2px 2px; float: right; text-align: center; font-size: 80%;}	
.video-add a { color: #ffffff; text-decoration: none; font-weight: bold;}
.video-add a:hover { color: #ffffff; text-decoration: underline; font-weight: bold;}
									
.video-section { background: transparent; width: 640px; margin: 0 auto; padding: 0px 15px 0px 15px; float: left;}			

.video-post { background: transparent; width: 150px; margin: 0px 5px 10px 5px; padding: 0; float: left;}

.video-post-vid { background: #ffffff; width: 138px; height: 78px; margin: 0px 0px 1px 0px; padding: 0; float: left; border: 1px solid #999;}
.video-post-vid img { border: none;}
.video-post-vid img:hover { border: 2px solid #FF6600; width: 134px; height: 74px;}

.video-post-title { background: url(img/video-post-title-bg.jpg) repeat-x; width: 130px; min-height: 40px; margin: 0 auto; padding: 5px 5px 5px 5px; float: left; font-size: 80%;line-height: 15px;}
.video-post-title a { color: #0099cc; text-decoration: none; font-weight: bold;}
.video-post-title a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;}
						
/* Dogs / Photos */
.dog-section { background: transparent; width: 620px; margin: 0 auto; padding: 0px 25px 0px 25px; float: left;}		

.dog-post { background: transparent; width: 110px; margin: 0px 5px 10px 5px; padding: 0; float: left;}
.dog-post-img { background: #ffffff; width: 108px; height: 108px; margin: 0px 0px 1px 0px; padding: 0; float: left; border: 1px solid #999;}
.dog-post-title { background: transparent; width: 100px; min-height: 30px; margin: 0 auto; padding: 5px 5px 5px 5px; float: left; font-size: 80%; line-height: 15px;}
.dog-post-title a { color: #0099cc; text-decoration: none; font-weight: bold;}
.dog-post-title a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;	}
				

/* Article Title */
.article-title { background: transparent; width: 660px; margin: 0 auto; padding: 0; float: left;}
.article-title h1 { margin: 0 auto; padding: 0; font-size: 160%; line-height: 32px; color: #0099cc;}

.article-author { background: transparent; width: 660px; margin: 5px 0px 10px 0px; padding: 0; float: left; font-size: 80%;}
.article-author a { color: #0099cc; text-decoration: none;}
.article-author a:hover { color: #0099cc; text-decoration: underline;}

.article-img { background: #f8f8f8; max-width: 288px; max-height: 270px; margin: 10px 0px 10px 10px; padding: 5px 5px 5px 5px; border: 1px solid #ccc; float: right; clear: right;}
.article-img-author { background: #ffffff; width: 298px; margin: 0px 0px 10px 10px; padding: 0; float: right; clear: right; font-size: 80%;}
							
.article-gallery { background: #f8f8f8; width: 288px; height: 80px; margin: 0px 0px 10px 10px; padding: 5px 5px 5px 5px; border: 1px solid #ccc; float: right; clear: right;}

/* Article Comments */
.article-comments { background: transparent; width: 660px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.article-comments-header { background: transparent; width: 660px; margin: 0 auto; padding: 0; float: left; text-align: left; font-size: 160%; font-weight: bold; line-height: 32px; color: #666666;}
.article-comments-header h1 { margin: 0px 10px 0px 0px; padding: 0; font-size: 100%; color: #0099cc; line-height: 32px;	 float: left;}
							
.article-comments-write { background: url(img/article-comments-write-bg.jpg) repeat-y; width: 620px; margin: 0 auto; padding: 0px 20px 10px 20px; float: left; text-align: left;	font-size: 80%;}
.article-comments-write-top { background: url(img/article-comments-bg.jpg) no-repeat top; width: 660px; height: 20px; margin: 10px 0px 0px 0px; padding: 0; float: left; text-align: left;}
.article-comments-write-bottom { background: url(img/article-comments-bg.jpg) no-repeat bottom; width: 660px; height: 10px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.article-comments-box { background: #ffffff; width: 618px; margin: 5px 0px 0px 0px; padding: 0; float: left; text-align: left; border: 1px solid #ccc;}
.article-comments-message { background: #ffffff; width: 576px; height: 60px; margin: 10px; padding: 10px; float: left; text-align: left; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-seriff; font-size: 90%;}
.article-comments-button { background: transparent; width: 618px; margin: 0px 0px 10px 0px; padding: 0; float: left; text-align: center;}
		



/* Event Widget */
.event { background: transparent; width: 300px; margin: 0px 0px 5px 0px; padding: 0; float: right; text-align: left; clear: right;}

.event-title { background: url(img/event-title-bg.jpg) no-repeat; width: 280px; margin: 0 auto; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #ffffff; font-weight: bold; font-size: 100%;}
.event-title h1{ margin: 0 auto; padding: 0; font-size: 100%;}

.event-box { background: #f8f8f8; width: 278px; margin: 3px 0px 0px 0px; padding: 5px 10px 5px 10px; float: left; text-align: left; border: 1px solid #cccccc;}
.event-bar { background: transparent; width: 278px; margin: 0px 0px 5px 0px; padding: 0; float: left; text-align: left;}
.event-bar-detail { background: transparent; width: 100px; margin: 0 auto; padding: 0; float: left; text-align: left; color: #0099cc;}
.event-bar-ans { background: transparent; width: 168px; margin: 0px 0px 0px 10px; padding: 0; float: left; text-align: left;}


/* Upcomming Events */
.upcomming-events { background: #f8f8f8; width: 640px; min-height: 100px; margin: 0 auto; padding: 10px 10px 10px 10px; float: left; text-align: left;}
.upcomming-events2 { background: #eeeeee; width: 640px; min-height: 100px; margin: 0 auto; padding: 10px 10px 10px 10px; float: left; text-align: left;}

.upcomming-events-img { background: #666666; width: 140px; height: 100px; margin: 1px 10px 0px 0px; float: left; padding: 0; text-align: left;}
.upcomming-events-text { background: transparent; width: 490px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.upcomming-events-title { background: transparent; width: 490px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.upcomming-events-title a { color: #0099cc; text-decoration: none; font-weight: bold;}
.upcomming-events-title a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;}


/* Breedinfo */
.breed-article-img { background: transparent; width: 150px; height: 130px; margin: 0px 10px 0px 0px; padding: 5px 5px 5px 5px; float: left; text-align: left; border: 1px solid #cccccc;}

.breedinfo { background: transparent; width: 300px; margin: 20px 15px 5px 15px; padding: 0; float: left; text-align: left;}
.breedinfo-top { background: url(img/event-top.jpg) no-repeat; width: 640px; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #ffffff; font-weight: bold;}
.breedinfo-top h1{ margin: 0 auto; padding: 0; font-size: 100%;}
.breedinfo-title { background: url(img/event-title-bg.jpg) no-repeat; width: 280px; margin: 0 auto; padding: 5px 10px 5px 10px; float: left; text-align: left; color: #ffffff; font-weight: bold; font-size: 100%;} 
.breedinfo-title h1{ margin: 0 auto; padding: 0; font-size: 100%;}

.breedinfo-box { background: #f8f8f8; width: 278px; margin: 3px 0px 0px 0px; padding: 5px 10px 5px 10px; float: left; text-align: left; border: 1px solid #cccccc;}

.breedinfo-box-container { background: transparent; width: 88px; margin: 5px 2px 0px 2px; padding: 0; float: left; text-align: left;}
.breedinfo-box-img { background: #ffffff; width: 80px; height: 80px; margin: 0 auto; padding: 3px; float: left; text-align: left; border: 1px solid #ccc;}
.breedinfo-box-text { background: transparent; width: 82px; min-height: 30px; margin: 0 auto; padding: 3px; float: left; text-align: left; line-height: 15px;}
.breedinfo-box-text a { color: #0099cc; text-decoration: none; font-weight: bold;}
.breedinfo-box-text a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;}
											
.breedinfo-bar { background: transparent; width: 272px; margin: 3px 0px 5px 0px; padding: 0px 3px 0px 3px; float: left; text-align: right;}
.breedinfo-bar a { color: #0099cc; text-decoration: none; font-weight: bold;}
.breedinfo-bar a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;}

.breedinfo-info { background: transparent; width: 180px; margin: 0px 0px 0px 10px; padding: 0px; float: left; text-align: left;}

/* Searchlist by Fonts */
.search-by-fonts { background: transparent; width: 620px; margin: 0px 0px 20px 0px; padding: 0px 20px 0px 20px; float: left; text-align: center; color: #0099cc; letter-spacing: 5px;}
					
/* Community News - Sidebar Title */
.community-news { background: transparent; width: 300px; margin: 0px 0px 20px 0px; padding: 0; float: left; text-align: left;}
.community-news-title { background: url(img/communitynews_bg.jpg); width: 270px; height: 24px; margin: 0px 5px 0px 5px; padding: 0px 10px 0px 10px; float: left; color: #ffffff; font-size: 80%; font-weight: bold;}
.community-news-title-top { background: #ffffff url(img/communitynews_top.jpg) no-repeat; width: 290px; height: 6px; margin: 0px 5px 0px 5px; padding: 0; float: left;}
.community-news-title-bottom { background: #ffffff url(img/communitynewsarrow.jpg) no-repeat left; width: 290px; height: 10px; margin: 0px 5px 0px 5px; padding: 0; float: left;}
					
/* Community News Categories, Dog food, Dog training etc. */	
.community-news-categories { background: #ffffff url(img/communitynews_dot.gif) repeat-x bottom; width: 280px; margin: 0px 10px 0px 10px; padding: 5px 0px 5px 0px; float: left; text-align: left; font-size: 65%; color: #999999;}
						
.community-news-categories a { color: #0099cc; text-decoration: none; font-weight: bold; font-size: 140%;}
.community-news-categories a:hover { color: #0099cc; text-decoration: underline; font-weight: bold;}
.community-news-img { background: transparent; width: 70px; height: 40px; margin: 0 auto; padding: 0; float: right; text-align: left; border: none;}
					
/* Footer */
#footer { background: url(img/footer_bg.gif) repeat-y; width: 960px; margin: 0 auto; padding: 0px 10px 0px 10px; float: left; text-align: left;}
#footer h1 {margin: 0px 0px 0px 0px; padding: 0; color: #f60; font-size: 100%; font-style: italic;}
.footer-top { background: url(img/footer-corners.gif) no-repeat top; width: 980px; height: 10px; margin: 0 auto; padding: 0; float: left; text-align: left;}
.footer-bottom { background: url(img/footer-corners.gif) no-repeat bottom; width: 980px; height: 10px; margin: 0px 0px 15px 0px; padding: 0; float: left; text-align: left;}

.footer-bar { background: transparent; width: 210px; margin: 0px 50px 0px 10px; padding: 0; float: left; text-align: left; font-size: 80%;}
.footer-bar-text { background: transparent; width: 210px; margin: 0 auto; padding: 0; float: left; text-align: left;;}
.footer-contact {background: #f60; margin: 20px 0px 0px 0px; padding: 5px 20px 5px 20px; float: left; clear: left; text-align: center;}
.footer-contact a {color: #ffffff; text-decoration: none; font-weight: bold;}
.footer-contact a:hover {color: #ffffff; text-decoration: underline; font-weight: bold;}

.footer-bar2 { background: transparent; width: 160px; margin: 0px 0px 0px 10px; padding: 0; float: left; text-align: left; font-size: 80%;}
.footer-bar2 ul {margin: 0px 0px 0px 20px; padding: 0;}
.footer-bar2 li {list-style-image: url(img/footer-ul.jpg)}
.footer-bar2 a {margin: 0 auto; padding: 0; color: #666666; font-weight: bold;}

.footer-text {background: transparent; width: 960px; margin: 0 auto; padding: 0; float: left; text-align: left; font-size: 70%; color: #666666;}