/*--------ChrisRose5.css----------*/

body   {font-family: arial, sans-serif;  color: #ccffcc; margin:0px; background-color:  #ffffff; font-size: 90%;}

/*------This code centers the pages within the browser window------*/
#container  {position: relative; margin: auto; width: 750px;}

#contentc   {position: absolute; top: 0px; left: 0px;}

/*------Image at top left with humming bird & Chris Rose Wildlife Artist text------*/
#banner   {position: absolute; top: 10px; left: 10px; z-index: 0; background-color: #ffffff;}

 
/*------Text giving page location in plum at top right------*/
#textboxTop	{color:#993399; font-weight: bold; position: absolute; top: 10px; 
                		left: 610px; width: auto;}

/*------Top Navigation bar------*/
#topnav	{background-color: #ffffff;  color: #993399; font-weight: bold;
font-family: verdana, arial, sans-serif;text-align: left; font-size: 85%;
position: absolute; top: 85px; left: 95px; z-index: 1; width: 750px;}

/*------This code relates to the Home Page: index.html------*/
#contentIndex   {color: #2e8b57; font-weight: normal;  font-family: arial, sans-serif; 
 		  position: absolute; top: 90px;  width: 750px; left: 0px;}

#textboxIndex  {background-color: #ffffff; padding: 1%; margin-top: 2%;  margin-left: 2%;
                    width: 750px; text-align: left; position: absolute;  top:   475px; left: 5px;}

#pictureBoxIndex {background-color: #5D6972; padding: 40px; width: 640px;  
                    	position: absolute; top: 25px; left: 25px;}

a	    {color: #2e8b57;  text-decoration: none;}

a:hover	    {color: #993399;  text-decoration: none;}

#content   {position: absolute; top: 110px; width:750px; left: 0px; 
                background-color: #626a72; margin-right: 25px; margin-left: 20px;}

/*------this code controls the layout of the text on the grey thumb & display pages------*/

#textbox {background-color: #626a72;  font-family: arial, sans-serif;  text-align: left; 
            padding: 1% 1% 0% 1%; margin: 1% 1% 0% 1%;  width: 215px;}

#textbox a	        {color: #ffffff;}

#textbox a:hover	{color: #DFB9D9;}

/*------This code controls the layout of the box containing thumbnail images------*/
#thumbBox	{background-color: #626a72;  margin-top: 20px; margin-right: 20px; 
		            margin-bottom: 20px; margin-left: 0; width: auto; height: auto; float: right;}

/*------This code controls the size, borders & margins of the thumbnail images------*/
.thumb		{width: 100px; height: 100px; margin: 10px; border: 2px solid #ffffff;}


/*------This code controls the font-weight of the picture navigation in the display pages------*/
.pictureNav	            {font-weight: bolder; text-align: center;}

/* ------This code controls the layout of most pictures on the display pages------*/
.picture {border: 3px solid #ffffff; float: right; Margin-top: 30px; margin-right: 30px; 
            margin-bottom: 30px;}

/*------This code controls the positionin of the portrait pictures on the display pages------*/
.picture2 {border: 3px solid #ffffff; float:right; Margin-top: 30px; margin-right: 80px; 
            margin-bottom: 30px;}

/*------This code controls the layout of the footer, footnav & copyright elements------*/
#footer   {z-index: 0; background-color: #ffffff; position: relative; left: 0;}

#footnav {z-index:1; font-family: verdana, arial, sans-serif; background-color: #ffffff; font-weight: bold;
             text-align: left; font-size: 85%; width: 750px; color: #993399; position: relative; top: 43px;
                left: 80px;}

#copyright  {z-index: 2; font-size: 80%; color: #626a72; background-color: #ffffff; width: 750px; position: relative;   top: -20px; left: 350px;} 


/*------This code controls the layout of the Biography, Events, Studio & Contact pages------*/
#conbog  {color: #2e8b57; font-weight: normal;  font-family: arial, sans-serif; 
                 position: absolute; top: 110px;  width: 750px; left: 0px; margin: 10px;}

/*------This code controls the positioning & margins of pictures in the biography page------*/
.left       {float: left; margin-right: 20px;}
.right      {float: right; margin-left: 10px;}