/*MARIBESO*/


/*to overcome idiosyncratic browser defaults: and to center the thing (using text-align command)*/
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: center;
  background-color: #000000;
}


/*this box is meant to hold the entire page within a container  [did say width 75%; now using "750" --seems ok?!]*/
div.page {
	width: 100%;
	margin-left: auto;  
	margin-right: auto;  
	text-align: center;
	height: 100%;
	color: #000000;
	background-color: #000000;
        padding: 0px;
        border: 10%;
       
}


/*top title, no overlap on monarch:(about about-papillon and about-us pgs)-----------------------------------------------------------*/
div.box1a {
border-top: none;
border-right: 0;
border-bottom: none; 
border-left: 20%;
border-width: 0;
border-color: none;
width: 100%;
height: 122px;
background-color:#000000;
background-image: url(images/toptitlelgbug.jpg);
background-repeat: no-repeat;

margin: 0 0 0 15%;
padding: 0%;
}


/*top title, no monarch:(index pg)-----------------------------------------------------------*/
div.box1h {
border-top: none;
border-right: 0;
border-bottom: none; 
border-left: 20%;
border-width: 0;
border-color: none;
width: 100%;
height: 122px;
background-color:#000000;
background-image: url(images/toptitlenobug.jpg);
background-repeat: no-repeat;
margin: 0 0 0 15%;
padding: 0%;
}


/*top title, no monarch, WITH WORM:(index pg)-----------------------------------------------------------*/
div.box1w {
border-top: none;
border-right: 0;
border-bottom: none; 
border-left: 20%;
border-width: 0;
border-color: none;
width: 100%;
height: 122px;
background-color:#000000;
background-image: url(images/toptitlecaterpillar.jpg);
background-repeat: no-repeat;
margin: 0 0 0 15%;
padding: 0%;
}
/*top title, TALLER, with chrysalis:(index pg)-----------------------------------------------------------*/
div.box1c {
border-top: none;
border-right: 0;
border-bottom: none; 
border-left: 20%;
border-width: 0;
border-color: none;
width: 100%;
height: 141px;
background-color:#000000;
background-image: url(images/toptitletallchrysalis.jpg);
background-repeat: no-repeat;
margin: 0 0 0 15%;
padding: 0%;
}

/*little black strip between title & body-----------------------------------------------------------*/
div.box2a {
border-top: none;
border-right: 0;
border-bottom: none; 
border-left: 10%;
border-width: 0;
border-color: none;
width: 100%;
height: 13px;000000;
background-image: url(images/blackspace.jpg);
background-repeat: no-repeat;

margin: 0%;
padding: 0%;
}

/*box for body left, holds NAVIGATION:--------------------------------------------*/
div.box5 {
margin: 0px;
padding-left: 10px;

color: #efe4da;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
border-width: none;
border-color: none;

width: 15%;
background-color: #000000;
float: left;
text-decoration: none;
}

/*nav ID code inserted into div box 5----------------------------------*/
#navigation {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
   padding: 0;
	text-align: right;
	text-decoration: none;
}

#navigation ul {
list-style: none;
margin: 0 5% 0 0;
padding: 0;
text-decoration: none;
}

#navigation li {
border-bottom: none;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#navigation li a {
display: block;
margin: 0px;
padding: 0px;
border-left: none;
border-right: none;
background-color: #000000;
color: #ffffff;
text-decoration: none;
}

#navigation li a:link {
width: 100%;
background-color: #000000;
color: #ffffff;
}

#navigation li a:visited {
width: 100%;
background-color: #000000;
color: #ffffff;
}

/*text on hover and active:*/
#navigation li a:hover {
width: 100%;
background-color: #000000;
color: #fad8bf;
}

#navigation li a:active {
width: 100%;
background-color: #000000;
color: #f5b081;
}



/*BOX 6: text & imgs, MAIN body of page: no bkg img (ABOUT PAPILLONS, ABOUT US, )---------------------------*/
div.box6 {
color: #000000;
background-color: #000000;

/*get this-80% causes it to "clear": (formerly set as--width: 79.7%;)*/
width: 78%;
border: 0px;
margin: 0 20px 0 20px;
padding: 0;
float: left;
}


/*BOX 7: text & images, MAIN body of page: home bkg img:(HOME page)-------------------------:*/
div.box7 {
color: #ffffff;
background-color: #000000;
background-image: url(images/hometextandimg.jpg);
background-repeat: no-repeat;
/*80% causes it to "clear"*/
width: 78%;
height: 100%;
border: 0px;
margin-left: 15;
padding: 0;
float: left;
}


/*BOX 8: MAIN body of page:  no bkg img:(CONTACT pg)-------------------------*/
div.box8 {
color: #ffffff;
background-color: #000000;
background-image: url(images/contactimg.jpg);
background-repeat: no-repeat;
/*80% causes it to "clear"*/
width: 78%;
height: 100%;
border: 0px;
margin-left: 15;
padding: 0;
float: left;
}

/*BOX 9: MAIN body of page, w/ t.tracks bkg img:(TINY TRACKS page)-------------------------:*/
div.box9 {
color: #ffffff;
background-color: #000000;
background-image: url(images/tinytracks.jpg);
background-repeat: no-repeat;
/*80% causes it to "clear"*/
width: 78%;
height: 100%;
border: 0px;
margin-left: 30;
padding: 0;
float: left;
}

/*BOX 10: MAIN body of page:  no bkg img:4 imgs(Dogs Of The Kennel page)----------------:*/

div.box10 {
color: #ffffff
background-color: #000000;
height: 75%;
/*80% causes it to "clear"*/
width: 78%;
border: 0px;
margin-left: 30;
padding: 0;
float: left;
}


/*BOX 11: text & imgs, MAIN body of page: PHOTO GALLERY)---------------------------:*/
div.box11 {
color: #000000;
background-color: #000000;
/*80% causes it to "clear"*/
width: 78%;
border: 0px;
margin: 0 0 0 5%;
padding: 0;
float: left;
}


/*BOX 12: MAIN body of page, w/ t.tracks bkg img:(BIG PAWS page)-------------------------:*/
div.box12 {
color: #ffffff;
background-color: #000000;
background-image: url(images/bigpaws.jpg);
background-repeat: no-repeat;
/*80% causes it to "clear"*/
width: 78%;
height: 100%;
border: 0px;
margin-left: 30;
padding: 0;
float: left;
}
.thumbnail{
float: left;
position: relative;
width: 22%;
border: none;
margin: -0.5% 1% 0 1%;
padding: 5px;
font-family: sans-serif;
font-size: 12px;
color: #ffffff;
background-color: transparent;
text-decoration: none;
}


/*--for wide text under dogsd of kennel--*/
.thumbnail8{
float: left;
position: relative;
width: 100%;
border: none;
margin: -0.5% 1% 0 1%;
padding: 5px;
font-family: sans-serif;
font-size: 12px;
color: #ffffff;
background-color: transparent;
text-decoration: none;
}

/*on NEWS AND LINKS PAGE:*/
.thumbnail2{
float: left;
position: relative;
width: 30%;
border: none;
margin: 0 0 0 2%;
padding: 2px;
font-family: sans-serif;
font-size: 10px;
color: #ffffff;
background-color: transparent;
text-decoration: none;
}

/*used on dogs of kennel page:*/
.thumbnail3{
float: left;
position: relative;
width: 22%;
border: none;
margin: 0;
padding: 5px;
font-family: sans-serif;
font-size: 10px;
color: #f5b081;
background-color: transparent;
text-decoration: none;
}


/*photo to right*/
.thumbnail4{
float: center;
position: relative;
width: 25%;
border: none;
margin: 0 0 0 5%;
padding: 5px;
font-family: sans-serif;
font-size: 10px;
color: #ffffff;
background-color: transparent;
text-decoration: none;
}

/*images on boarding page:*/
.thumbnail5{
float: left;
border: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: transparent;
}


/*on gallery pages:*/
.thumbnail6{
float: left;
position: relative;
border: none;
margin: 0 0 0 5;
padding: 2px;
font-family: sans-serif;
font-size: 10px;
color: #ffffff;
background-color: transparent;
text-decoration: none;
}

/*on gallery pages*/
.thumbnail7{
float: left;
position: relative;
border: none;
margin: 0 0 0 10;
padding: 2px;
font-family: sans-serif;
font-size: 10px;
color: #ffffff;
background-color: transparent;
text-decoration: none;
}

/*used with line-break between rows of thumbnails!*/
.clearboth { clear: both;
text-decoration: none; }

/*TYPOGRAPHY:---------------------------------------------------------------------------------------------*/

p {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #ffffff;
background-color: transparent;
text-align: left;
line-height: 145%;
text-decoration: none;
margin: 0 1% 1% 2%;
padding: 0px;
border: 0px;
}

/*not-centred type:--------------------------------ACTUALLY NOTcentred----------------------------*/
.centred {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #ffffff;
background-color: transparent;
text-align: left;
line-height: 145%;
text-decoration: none;
margin: 0 1% 1% 5%;
padding: 0px;
border: 0px;
}

/*centred type:--------------------------------THIS ONE IScentred----------------------------*/
.middle {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #ffffff;
background-color: transparent;
text-align: left;
line-height: 145%;
text-decoration: none;
margin: 0 1% 1% 10%;
padding: 0px;
border: 0px;
}


/* normal weight type 11 pt:*/
.normaltext{
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
background-color: transparent;
text-align: left;
text-decoration: none;
margin: 1% 1% 1% 3%;
padding: 0px;
border: 0px;
}


/*used for about pages (us, papillons):*/
.indent{
	margin-right: 15%;
	margin-left: 5%;
	text-align: justify;
	
	text-decoration: none;
}


/*used for tiny tracks page, main part:*/
.indent2 {
	margin-right: 50%;
	margin-left: 5%;
	font color: #d86314;
	text-align: justify;
	font-weight: bold;
	text-decoration: none;
}

/*used for "return to such-and-such page" w little arrow:*/
.indent3{
clear: both;
	margin-right: 0;
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: -1px;
	font-size: 11px;
	text-decoration: none;
}

/*used for index dogs of kennel pg:*/
.indent4{
	margin-right: 15%;
	margin-left: 15%;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

/*used for tiny tracks page, contact line:*/
.indent5 {
	margin-right: 20%;
	margin-left: 35%;
	font color: #d86314;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

/*used for index:*/
.indent6 {
	margin-right: 55%;
	margin-left: 6%;
	font color: #d86314;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

/*used for webring powered-by on index pg:*/
.indent7{
	margin-right: 0;
	margin-left: 30%;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

/*used for tiny tracks page, main part:*/
.indent8 {
	margin-right: 55%;
	margin-left: 5%;
	font color: #d86314;
	text-align: justify;
	font-weight: bold;
	text-decoration: none;
}
h1{
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bolder;
color: #3237fa;
background-color: transparent;
text-align: center;
text-decoration: none;
margin: 0 1% 1% 2%;
padding: 0px;
border: 0px;
}

h2{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: #D86314;
background-color: transparent;
text-align: center;
text-decoration: none;
margin: 0 1% 1% 2%;
padding: 0px;
border: 0px;
	
}

h3{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: #D86314;
background-color: transparent;
text-align: left;
text-decoration: none;
margin: 0 1% 1% 5%;
padding: 0px;
border: 0px;
	
}

/*-----------------------same as H1 but LEFT ALIGNED and indented---------------------------------------*/
h4{
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bolder;
color: #3237fa;
background-color: transparent;
text-align: left;
text-decoration: none;
margin: 0 1% 1% 5%;
padding: 0px;
border: 0px;
}
/*-----------------------same as H1 and 4 but LEFT ALIGNED with NO indent---------------------------------------*/
h5{
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
color: #F5B081;
background-color: transparent;
text-align: left;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}


/* caption under graces puppies*/
h6{
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #ffffff;
background-color: transparent;
text-align: center;
text-decoration: none;
margin: 0 1% 1% 2%;
padding: 0px;
border: 0px;
}

/* normal weight 11 pt:*/

.normaltext{
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
color: #3237fa;
background-color: transparent;
text-align: left;
text-decoration: none;
margin: 1% 1% 1% 3%;
padding: 0px;
border: 0px;
}

/*nav LINKS used as p-class--to control link-type-- on maribesos CONTACT PG:-----------------------------*/
.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #DK6314;
background-color: transparent;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
.menu a:link {
color: #DK6314;
background-color: transparent;
text-decoration: underline;
}

.menu a:visited {
color: #DK6314;
background-color: transparent;
text-decoration: underline;
}

.menu a:hover {
color: #DK6314;
background-color: transparent;
text-decoration: underline;
}

.menu a:active {
color: #DK6314;
background-color: transparent;
text-decoration: underline;
}

/*end bottom-nav links-------------------------------------------------------------------------------------------*/

/*NOTHING BELOW HERE USED YET-------------------------------------------------------------------------------------*/

/*frames image in column above:*/
.frame{
	border-color: #a84c2f;
	border-style: solid;
	border-width: 5px 5px 5px 5px;
}

/*text BELOW image choices:*/
.lowertext{
clear: both;
margin-right: 5px;
margin-right: 5px;
padding: 0px;
border: 0px;
width:75%;
float: left;	
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #4F8636;
}

/*text on catalogue-intro page:*/
.leftcolumn{
margin: 10px; 
width: 30%;
padding: 0px;
border: 0px;
float: left;	
text-align: left;
font-weight: normal;
}

/*image on catalogue-intro page:*/
.rightcolumn{
margin-right: 10px;
width: 60%; 
padding: 0px;
border: 0px;
float: right;	
}


/*for detail page full img with border*/
.imgfull{
position: relative;
margin-top: 1%;
margin-right: 1%;
margin-bottom: 1%;
margin-left: 1%; 
padding: 0px;
float: none;

border-style: none;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px; 
	border-color: #ffffff;
}

/*---------------------------------------------------box for bottom-navigation(not really needed?)*/
div.box4 {
clear: both;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
border-width: none;
border-color: none;
width: 100%;
margin: 0px;
padding: 0px;
color: #ffffff;
}


.youarehere{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #f5b081;
background-color: transparent;
font-weight: bold;
text-align: center;
text-decoration: underline;  
}