/* Start of CMSMS style sheet 'LAPS Main' */
/* MASTER */

* {
	margin:0;
	padding:0;
}

body {
	text-align: left;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 76%;
	line-height: 1em;
}

div {
	font-size: 1em;
}

img {
	border: 0;
	float: left;
	margin-right: 0.7em;
	margin-bottom: 0.7em;
}

img.no_float {
        float: none;
}

a,
a:link, 
a:active,
a:visited {
	text-decoration: none;
	background-color: inherit; 
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #1B75BB; 
        outline: none;
}

a:hover {
	color: #006838;
}

a:focus {
	outline:none;
}

/* HEADINGS */
h1 {
	font-size: 1.5em;
	text-transform:uppercase;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #006838;
	line-height: 1em;
	margin: 0;
}

h2 {
	color: #0099FF; 
	font-size: 1.5em; 
	font-weight: normal;
	text-align: left; 
	background: url('images/laps/h2_bg.gif') top left no-repeat;
	padding-left: 1.2em;
	padding-bottom: 7px;
	border-bottom: 2px solid #0099FF; 
	line-height: 1.0em;
	margin: 0 0 0.5em 0;
}

h3 {
	color: #18507C; 
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

h4 {
	color: #666666; 
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 0;
}


h5 {
	color: #0099FF; 
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 0;
}

h6 {
	color: #18507C; 
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 0;
}

/* TEXT */
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;  
	line-height:1.4em;
	padding: 0;
}

blockquote {
	margin-left: 2em;
}

pre {
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

pre {
	border: 1px solid #000;  /* black border for pre blocks */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* LISTS */
ul,
ol,
dl {
	font-size: 1.0em;
	line-height:1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}

div#dl dt {
	font-weight: bold;
	margin: 0 0 0.25em 3em;
}
div#dl dd {
	margin: 0 0 0 3em;
}
/* END LISTS */

/* CLEARFIX */
.clearfix {
   clear: both;
}

.eee_block {
	background: #EEEEEE;
	padding: 1em;
}

.fff_block {
	background: #FFFFFF;
	padding: 1em;
}

div.hr {
	height: 1px;
	margin: 1em 0;
	border-bottom: solid 1px #CCCCCC;
}

/* relational links under content */
div.left49 {
	float: left;
	width: 49%;  /* 50% for both left and right might lead to rounding error on some browsers */
}

div.right49 {
	float: right;
	width: 49%;
	text-align: right;
}

/* LAYOUT */
body {
	background-color: #AEDEE4;
	color: #666666;
	margin: 1em; 
}

div#pagewrapper {
	margin: 0 auto;
	padding: 5px;
	width: 960px;
	background-color: #FFFFFF;
}

div#content {
	margin: 1em;
}

.col1{
    float:left;
    width: 49%;
    margin-right: 11px;
}

.col2{
       float:left;
    width: 48%;

}

.c1 {
	clear: both;
	margin-left: 0;
	float: left;
	display: inline;
	width: 33%;  
}

.c2 {
	float: left;
	width: 34%;
	margin-right: 0%;  
}

.c3 {
	float: left;
	width: 32%;
}

input {
	border: solid 1px #CCCCCC;
	padding: 4px 3px;
	margin: 0;
	color: #333333;
	vertical-align: middle;
	background: #F3F3F3;
}

textarea {
	border: solid 1px #CCCCCC;
	padding: 4px 3px;
	margin: 0;
	color: #333333;
	background: #F3F3F3;
}

input.button,
input.fbsubmit {
	border: none;
	background: none;  
}

input:focus {
	outline:none;
}


/* HEADER */
div#header {
	height: 250px;
	border: solid 2px #0099FF;
	padding: 7px;
}

div#header h1 a {
	background: url(images/laps/laps_main_banner.gif) top left no-repeat; 
	display: block; 
	height: 250px;
	text-decoration:none; 
}

div#main_ad {
       display: block;
       height: 320px;
       width: 635px;
      background: #ccc;
     float: left;
}

/* SEARCH */
div#search {
	width: 23em;    
	text-align: right;
	padding: 0.6em 0 0.2em 0;
	margin: 0 1em;
}

.searchResult ul {
        list-style: none;
}


div.breadcrumbs {
	padding: 1em 0 1.2em 0; 
	font-size: 90%;            
	margin: 0 1em;      
	border-bottom: 1px solid #CCCCCC;
}

div.breadcrumbs span.lastitem { 
	font-weight:bold; 
} 

/* HOME PAGE */
#home_page div#content {
	margin: 0;
}

div#home {
	margin: 0;
	padding: 0;
}

#hc_eq1 {
	margin-left: 0;
	float: left;
	display: inline;
	width: 33%;  
	border-right: solid 5px #FFFFFF;
}

#hc_eq2 {
	float: left;
	width: 33%;
	margin-right: 0%;  
}

#hc_eq3 {
	background: #EEEEEE;
	float: right;
	width: 32%;
}

div#home p {
	margin: 0;
}

div#home ul li{
	padding-left: 130px;
	padding-top: 1em;
	padding-right: 1em;
	line-height: 1.4em;
	list-style:none;
}

div#home ul#donate_block {
	background: #DFEB9D url('images/laps/hp_donate.gif') no-repeat 1em 1em;
	margin: 0;
	padding: 0;
	border-bottom: solid 5px #FFFFFF;   
	display: block;
	height: 12em;
}

div#home ul#adopt_block {
	background: #DFEB9D url('images/laps/hp_adopt.gif') no-repeat 1em 1em;
	margin: 0;
	padding: 0;
	display: block;
	height: 12em;
}

div#home ul#foster_block {
	background: #DFEB9D url('images/laps/hp_foster.gif') no-repeat 1em 1em;
	margin: 0;
	padding: 0;
	display: block;
	height: 12em;
}

div#home ul#volunteer_block {
	background: #DFEB9D url('images/laps/hp_volunteer.gif') no-repeat 1em 1em;
	margin: 0;
	padding: 0;
	border-bottom: solid 5px #FFFFFF;
	display: block;
	height: 12em;
}
/* END HOME PAGE */

div#main {
	margin-left: 29%; 
	margin-right: 2%; 
}


div#sidebar {
	float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
	width: 26%;    /* sidebar width, if you change this please also change #main margins */
	display: inline;  /* FIX ie doublemargin bug */
	margin-left: 0;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
	padding: 0 1%;
	width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

/* FOOTER */
div#footer {
	margin-top: 0em;
	padding-top: 1em;
	clear:both;
	color: #666;
	background-color: #EEEEEE;
	border-top: solid 1px #0099FF;
	display: block;
	height: 100%;
}

div#footer ul {
	list-style: none;
	margin-left: 1em;
	margin-right: 2em;
}

div#footer .c2 .SponsorSummary {
	margin-right: 2em;
}

 li.paw {
	background: url('images/laps/doc_icon.gif') no-repeat 0 0.1em; 
	padding-left: 18px;
	margin: 1em 0;
        list-style: none;
}

div#footer .petfinder {
	clear:both;
	line-height: 130%;
	display: block;
	height: 5em;
	margin-right: 2em;
	margin-bottom: 1em;
}

div#footer .petfinder a{
	line-height: 150%;
}

div#footer .sponsor_link {
	clear: both;
	margin-right: 2em;
	border-top: solid 1px #cccccc;
	padding: 1em 0;
}

div#footer #bottom {
	clear: both;
	border-top: solid 1px #dddddd;
	margin: 0 1em;
	padding: 1em 0;
}

div#footer #bottom p {
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 0.9em;
}
/* END FOOTER */

/* LICENSE ORDER */
.license-order {
       display: block;
       border: solid 1px #ccc;
       padding: 1em;
       margin: 1em 0;
}

.license-order input,
.license-order select {
       margin: 0.3em 0 0.3em 0;
}

.license-order .submit {
     border: none;
     padding: 0;
     float: left;
}

.license-order td {
    width: 100px;
}


/* END LICENSE ORDER */

/* CONTACT FORM */
.contactform {
	display: block;
	background-color: #DFEB9D;
	border: solid 1px #A5AF6D;
	padding: 1em;
}

.contactform textarea {
	width: 95%;
        margin-bottom: 0.5em;
}

.contactform label {
	font-weight: bold;
        display: block;
	margin-bottom: 0.5em;
        margin-top: 0.5em;
}

.contactform .fbsubmit {
	background: url('images/laps/email_btn.gif');
        margin-top: 0.5em;
	width: 87px;
	height: 29px;
}


/* LOST AND FOUND FORM */
.lost-found-form {
	display: block;
	background-color: #DFEB9D;
	border: solid 1px #ccc;
	padding: 1em;
}

.lost-found-form textarea {
	width: 95%;
        margin-bottom: 0.5em;
}

.lost-found-form label {
        width: 250px;
	font-weight: bold;
        display: block;
	margin-bottom: 0.5em;
        margin-top: 0.5em;
}

.lost-found-form input {
        width: 300px;
}
.lost-found-form .fbsubmit {
	background: url('images/laps/Send_Report_BTN.jpg');
        margin-top: 0.5em;
	width: 97px;
	height: 29px;
}

.lost-found-form p {
       margin-top: 0.5em;
}


/* END LOST FOUND FORM */


/* ORDER CONFIRMATION FORM */
.order-confirmation-form {
	display: block;
	background-color: #DFEB9D;
	border: solid 1px #ccc;
	padding: 1em;
}

.order-confirmation-form textarea {
	width: 95%;
        margin-bottom: 0.5em;
}

.order-confirmation-form label {
        width: 550px;
	font-weight: bold;
        display: block;
	margin-bottom: 0.5em;
        margin-top: 0.5em;
}

.order-confirmation-form input {
        width: 400px;
}
.order-confirmation-form .fbsubmit {
	background: url('images/laps/submit_order_BTN.jpg');
        margin-top: 0.5em;
	width: 97px;
	height: 29px;
}

.order-confirmation-form p {
       margin-top: 0.5em;
}


/* ORDER CONFIRMATION FORM */


/* OVERLAY */
#overlay {
	/* overlay is hidden before loading */
	display:none;
	/* standard decorations */
	width:600px;	
	border:5px solid #ccc;
}

#overlay img {
	border: none;
        margin: 0;
}

#overlay .close {
    background:url(images/laps/close.png) 0 0 no-repeat; 
    position:absolute; 
    right:-20px; 
    top:-20px; 
    cursor:pointer; 
    height:36px; 
    width:36px;
    border: none;
}

/* End of 'LAPS Main' */