/************          G E N E R A L   L A Y O U T            ******************************/
body {margin:0 auto; font-family:Verdana , Geneva , sans-serif; font-size:100%; color:#444;}
a {color:#368;}
a:hover {background:#368; color:#fff; text-decoration:none;}
a.no_hover, #logo a {background:none;}
h1 {font-size:1.5em;}
img {border:none; border:1px solid #666;}
img.left {float:left; margin:10px 20px 10px 0; padding:0;}
img.right {float:right; margin:10px 0 10px 20px; padding:0;}
img.no_border{border:none;}
div#header {margin: 0 auto; height:225px;}
/*#header                         {position:relative; z-index:10; padding:10px; border-bottom:5px solid #f00; background:#ff9600;}
#header:before                   {content:""; display:block; position:absolute; z-index:-1; top:5px; left:0px; right:0px; 
                                        bottom:5px; border-bottom:5px solid #ffea00;}*/

/*div#logo-image {background: url(../images/sg_logo.gif) no-repeat left; width:225px; height:205px; top:10px; }*/
div#logo img {display:inline-block; margin: 10px 0 0 20px; border:none; }




.content_block { padding:20px; background:#FFFFFF; margin:20px; clear:both; border-bottom:2px #cfcfcf solid; border-right:2px #cfcfcf solid;}



ul {list-style:none;}
ul.bullet_list {list-style:circle;}

p#newsite {background:#DDD;}

.clear {clear:both;}

/*
FCE4Ca background
FBD3CA
CAD9FB*/
div#colmask {position:relative;	clear:both;	float:left;	width:100%;	overflow:hidden; margin:0;  background: url(../images/sg_break_t.gif) top repeat-x #FBD3CA; /*background:#FCE4Ca;*/ }
* html div#colmask {margin:1em 0 0 0;}
.colright, .colmid,	.colleft {float:left;	width:100%;	position:relative;}
.subcontent, .side_nav,	.col3, .col1, .col2, .col {float:left; position:relative;	padding:0 0 1em 0;	overflow:hidden;}
.subcontent { background-color:#FFCCFF; border:#d8d2ca 1px solid;  }

.leftmenu .colright {float:left; width:200%; position:relative; left:13em;/* background: #FCE4Ca;*/ /*border-left:3px #FFF solid;*/}
.leftmenu .col1wrap {float:right; width:50%; position:relative; right:13em; padding-bottom:1em; }
.leftmenu  .flexcontent {margin:0 1em 0 14em; position:relative; right:100%; overflow:hidden; }
.leftmenu .fixed_nav {float:left; width:12em; position:relative; right:12em; padding-top:2em;}

.leftmenu .colright .block {background-color:#FCDDF1;border:1px solid #FDB1F6; clear:both; margin-bottom:1em;}
.leftmenu .colright .block p {padding:10px;}
.leftmenu .colright .block h1 {padding:0 0 0 10px;}
.leftmenu .colright .block img.right {margin:10px; border:#FFF solid 2px;}
.leftmenu .colright .block img.left {margin:10px; border:#FF6BFE solid 2px;}

/***********          E N D   G E N E R A L   L A Y O U T            ***********************/

/***********          N A V I G A T I O N             ***********************/
ul#nav {float:left; list-style:none; text-align: left; margin:0; padding:0; font-size:105%;  /*font-size:1.2em;*/ position:absolute; right:0; width:11em; font-weight:bold;}
ul#nav li {height:36px; padding:0; margin:0; /*width:100%;*/ border-bottom:#fff 1px solid;  }
ul#nav li.no_border { border-bottom:none;}
ul#nav li a {color:#222; height:30px; padding:6px 0 0px 32px;  margin:0; text-decoration:none; display:block; /*background: url(../images/sg_nav.gif) no-repeat #FFFFFF;*/ background: url(../images/sg_nav.gif) no-repeat #FF9FCF left; background-position:0 0;}
ul#nav li a:hover { background: url(../images/sg_nav.gif) no-repeat #CAE2FB left; background-position: 0 -36px;}
ul#nav li.at a { background: url(../images/sg_nav.gif) no-repeat #FF0582 left; background-position: 0 -72px; color:#fff;}

/***********         E N D   N A V I G A T I O N             ***********************/

/******************          F O O T E R            ********************/
div#footer {background: url(../images/sg_break_b.gif) top repeat-x #333333; clear:both; width:100%; color:#FF9FCF; padding-top:1em; text-align:center; height:7em; }

/*** IE6 Fix ***/
* html #footer {padding-top:35px;}

div#bottom_nav {float:left; width:100%; overflow:hidden; position:relative; clear:both; color:#fff; }
div#bottom_nav ul { clear:left; float:left; list-style:none; margin:0; padding:0 0 .3em 0; position:relative; left:50%; text-align:center;} 
div#bottom_nav ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
div#bottom_nav ul a {text-decoration:none; padding:0 .25em; color:#FF9FCF;}
div#bottom_nav ul a:hover {background:#fff; color:#333;}
/******************          E N D   F O O T E R                       **********/

/* D O G   I N F O */
div.float {float: left; margin: 10px 4px; padding-top:5px; width:125px; height:152px; border:#CCCCCC solid 1px; }
* html div.float {height:156px;}
div.float a {display:block; text-align:center; text-decoration:none; font-size:110%; font-weight:bold; color:#000000; }


div#soon, div#pending {clear:both; }
div#adoptable, div#success, div#angel_list {float:left; }
* html div#success, * html div#adoptable, * html div#angel_list{float:none;}
div#success img {float:left; padding:0 20px 20px 0;}

/** html div#dog_info {clear:both; padding:10px 20px; width:auto; border:#CCCCCC solid 1px; background:transparent url(../images/sg_diag.gif) repeat; margin-bottom:20px;}*/
div#dog_info ul {list-style-type:none; padding-left:25px;}
div#dog_info a#close {float:right;}
div#dog_info div#slide_show {float:left; width:400px; padding: 0 30px 20px 10px; }
div#dog_info div#slide_show img {display:block; margin:auto; padding:0;}
div#dog_info h3 {font-size:150%; font-weight:bold; text-align:center;}
div#dog_info {clear:both; padding:10px 20px; width:auto; border:#CCCCCC solid 1px; background:transparent url(../images/sg_diag.gif) repeat; margin-bottom:20px;}
/** html div#dog_info {background:none;}*/
/* E N D  D O G   I N F O */


/* ANGEL INFO */
div#angel_info img {float:right; border:thick #CCCCCC solid; margin:10px 0 0 20px; }
/* div#angel_info {border:#CCCCCC solid 1px;}*/
div#angel_info {clear:both; padding:10px 20px; width:auto; border:#CCCCCC solid 1px; margin-bottom:20px; background:transparent url(../images/sg_diag.gif) repeat;}
/* END ANGEL INFO */

div#event_info {padding:10px 20px; width:auto; border:#CCCCCC solid 1px; margin-bottom:20px; }
div#event_info p.time_stuff { font-weight:bold; margin-left:10px;}

div#news_flash {border:#CCCCCC solid 1px; background:transparent url(../images/sg_diag.gif) repeat; padding:10px 20px;}
/**/
div.form-container { margin:0; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 20px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 90px; display: block; float: left; text-align: right; position: relative; }
div.form-container p.label {margin-right: 10px; padding-right: 10px; width: 200px; display: block; text-align: right; position: relative;}
div.form-container label.no-float { padding-left:10px; display:inline; float:none;}
div.form-container label.long-label {width:200px;}
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 50px; }
div.form-container div.buttonrow { margin-left: 60px; }
div.form-container form fieldset div.input-group {border:#EEE 1px solid; width:300px; margin: 10px 0; }