/* CSS Document */

body{margin:0; padding:0; background-image: url("http://dogsunite.com/background.jpg"); font-family:verdana, Helvetica, sans-serif; color:#777777; font-size:12px;
}

h2{color:#748892;}
h3{color:#748892;}
h4{color:#748892;}


.calOne{ width:500px; float:left}
.calTwo{}


/*links*/

.links a{color:#D98086; text-decoration:none; font-size:12px}
.links a:hover{color:#748892; text-decoration:underline}
.links2 a{color:#D98086; text-decoration:none}
.links2 a:hover{color:#748892; text-decoration:underline}
.links3 a{color:#748892; text-decoration:none; font-size:12px}
.links3 a:hover{color:#D98086; text-decoration:underline}

/*structure*/
#top{ width:100%; height:26px; background:#F3F0F2}
#wrap{width:1008px; margin:0 auto;}
#left_side{width:247px; float:left;}
#mainContent{width:567px; float:left; padding:0 0 20px 6px}
#right_side{width:184px; float:left}

/*general classes*/

.warning{color:#AA0000}


/*General ID*/
#welcome{width:1008px; margin:0 auto; font-weight:bold; text-align:right}

/*message*/
.m1{width:100%; height:25px; margin:1px; font-size:12px;}
.m1a{width:100%; height:25px; margin:1px; font-size:12px}

.m2{ width:105px; padding:5px 0 5px 5px; float:left; border-right:3px #FFFFFF solid; overflow:hidden}
.m2a{ width:90px; padding:5px 0 5px 5px; float:left; border-right:3px #FFFFFF solid; overflow:hidden}
.m3{ width:290px; padding:4px; float:left; border-right:3px #FFFFFF solid; overflow:hidden}
.m4{ width:90px; padding:5px; float:left;}
.m5{ width:100%}
.m6{width:120px; height:130px; overflow:hidden; float:left; font-size:12px}
.m7{width:380px; float:left; font-size:12px}
.m8{width:15px; float:left}
.m9{width:15px; height:210px float:left; background-color:#FFFFFF}
.env{position:relative; top:5px; left:4px}

/*columns*/
#colOne{width:200px; float:left}
#colTwo{width:320px; float:left}

/*left sidebar box*/
.boxOne{ width:239px; float:right; background:#F3F0F2}
.boxHeader{width:239px; height:27px; background:#FFFFFF url(../images/middle.gif) repeat-x}
.bhText{color:#FFFFFF; font-size:15px; padding:4px 0px 0 17px}
.boxFooter{width:239px; height:27px; background:#FFFFFF url(../images/middleBottom.gif) repeat-x}
.memberBox{width:45px; height:45px; margin:5px; overflow:hidden; float:left}

/*main boxes*/

.boxTwo{ width:561px;  background:#F3F0F2; margin-top:7px}
.boxHeader2{width:561px; height:27px; background:#FFFFFF url(../images/middle.gif) repeat-x}
.bhText2 a{padding:4px 17px; font-size:15px; color:#FFFFFF; text-decoration:none}
.bhText2 a:hover{ text-decoration:underline}
.bhText2{color:#FFFFFF; font-size:15px; padding:4px 0px 0 17px}
.boxFooter2{width:561px; height:27px; background:#FFFFFF url(../images/middleBottom.gif) repeat-x}
.boxFooter2 a{color:#FFFFFF; text-decoration:none; font-size:12px;}
.boxFooter2 a:hover{color:#D98085}
.boxFooterWhite{width:561px; height:6px; background:#FFFFFF}
#mainBoxText{margin:20px; width:521px}
.bcText{ width:450px; float:left; font-size:12px; color:#748892}
.bcText2{color:#D98085}
.bcText2 a{color:#D98085; text-decoration:none}
.bcText2 a:hover{color:#748892; text-decoration:underline}
.boxRight{ width:400px; padding-left:20px; float:left; font-size:14px}

/*sub nav*/

#sub_nav{width:550px; margin-top:5px; font-weight:bold}
#sub_nav a{color:#D98085; text-decoration:none; font-size:13px; padding:0 10px}
#sub_nav a:hover{color:#748892; text-decoration:underline}


#sub_nav2 a{color:#D98085; text-decoration:none; font-size:13px; padding:0 10px}
#sub_nav2 a:hover{color:#748892; text-decoration:underline}

/*nav*/

#nav{width:561px; height:36px; background:url(../images/navMiddle.gif) repeat-x; margin-top:7px}
#navM{width:545px; height:30px; margin:3px 0; background:url(../images/navBMiddle.gif) repeat-x; float:left}
#navM a{color:#FFFFFF; background-color:#d98085; padding:5px 9px 7px 8px; font-size:15px; font-weight:bold; text-decoration:none; float:left}
#navM a:hover{color:#000000; background-color:#FFFFFF;}
#navMSel a{color:#000000; background-color:#FFFFFF; font-size:15px; font-weight:bold; text-decoration:none; float:left}

/*right side*/

#sign{font-size: 10px; width:177px; height:36px; background:#FFFFFF url(../images/smBox.gif); margin:7px 0 0 0px}
#sign2 a{color:#777777; text-decoration:none; font-size:12px; position:relative; bottom:12px}
#sign2 a:hover{text-decoration:underline}
#sign3 a{color:#777777; text-decoration:none; font-size:12px; position:relative; top:8px; left:2px}
#sign3 a:hover{text-decoration:underline}
#sign4 a{font-size:13px; font-weight:bold; color:#000000; text-decoration:none; position:relative; top:8px; left:2px}
#sign4 a:hover{text-decoration:underline}
.online{width:45px; height:65px; padding:2px; margin:4px; border:1px solid #000000; font-size:9px; text-align:center; overflow:hidden; float:left; color:#000000}
#search{width:177px; background-color:#FFFFFF; margin:7px 0 0 0px; text-align:center}
.adbox{width:150px; margin:0px 17px 5px 17px}

/*forms*/
.regForm1{ width:520px; height:35px}
.regForm2{ width:150px; height:35px; float:left; font-size:12px; color:#748892}
.regForm3{ width:370px; height:35px; float:left}
.f1{ width:400px; height:30px}
.f2{width:150px; height:30px; float:left}
.f3{width:250px; height:30px; float:left}
.sf1{ width:520px; height:35px}
.sf2{width:150px; float:left}
.sf3{width:170px;float:left}
.sf4{width:150px; float:left; position:relative; bottom:8px }


/*mySpace*/
#avatar{width:239px; background-color:#FFFFFF; float:right}
#aHead{width:239px; height:6px}
#aCont{width:160px; margin:10px 40px; text-align:center; color:#748892}
#aCont a{ font-size:14px; color:#D98085}
#aCont a:hover{color:#748892}
#aFooter{width:239px; height:6px}
#listAbout{list-style:none}
#mpAvatar{ width:75px; padding:5px; float:left}
.mpP1{ width:160px; padding:5px; float:left; font-size:12px}
.mpP2{ width:200px; padding:5px; float:left; font-size:12px}

.mesBox{ text-align:center; float:left; margin:10px}
.mesBox a{ background:#D98085; border:#748892 2px solid; width:50px; padding:10px; color:#FFFFFF; display:block; font-weight:bold; text-decoration:none}
.mesBox a:hover{ background:#748892; border:#D98085 2px solid}

/*members*/
.memberBox2{width:155px; height:140px; padding:5px; float:left}
.memberBox3{width:70px; height:130px; padding:0 5px 10px 5px; overflow:hidden; float:left}
.memberBox4{width:70px; height:130px; overflow:hidden; float:left; font-size:11px}
.memberBox4 a{ color:#d98085; text-decoration:none}
.memberBox4 a:hover{color:#748892; text-decoration:underline}

/*pagination*/
div.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #748892; text-decoration: none; color: #000099;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #D98085; color: #000;}
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #748892; font-weight: bold;  background-color: #D98085; color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;}

/*photo*/
.ph1{ display:block; width:82px; height:82px; float:left; overflow:hidden; margin:5px 10px 5px 10px}
.ph1 a{ display:block; color:#D98085}
.ph1 a:hover{color:#748892}
.ph2{ width:92px; height:102px; float:left; text-align:center}

/*groups*/
.g2{width:260px; height:160px; float:left; overflow:hidden}
.g5{width:120px; height:160px; float:left}
.g1{ display:block; width:100px; height:100px; float:left; overflow:hidden; margin:5px 10px 5px 10px}
.g6{width:120px; height:30px; text-align:center; font-size:12px; float:left}
.g3{width:140px; float:left; font-size:12px}
.g4{font-size:16px; font-weight:bold}
.g4 a{color:#D98085; text-decoration:none}
.g4 a:hover{color:#748892}
#groupImage{width:200px; padding:10px; float:left;}
#groupContent{width:320px; float:left; font-size:12px; padding-top:10px}

/*event*/
.ev1{width:100px; height:130px; float:left; margin:10px; overflow:hidden;}
#forum2{float:right; font-size:14px; border:1px solid #D98085; padding:10px; text-align:center}

/*footer*/
#footer{width:100%; height:66px; background:url(../images/footer.gif) repeat-x; clear:both; margin-top:20px}
#footerNav{ width:1008px; margin:0 auto; padding-top:20px}
#footerNav a{ font-size:14px; color:#000000; padding:20px 10px; text-decoration:none}
#footerNav a:hover{color:#ffffff}

/*admin*/
.admOne{width:400px; height:200px; float:left}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;}
.videos{
       border: 2px solid gray; 
    }