/* Richard Stonier Website Stylesheet */

/* Main Tag Styles */
*
{
    font-family:arial,Verdana;
    font-size:12px;
    font-weight:normal;
}
BODY
{
    background-color:#424242;
    margin-top:10px;
    padding:0px;
    text-align:center;
	color:#ffffff;
	
}

ul
{
list-style-type:square;
line-height:18px;
}

h1
{
    font-weight:bold;
    font-size:18px;
    color:#FE6500;
}

.bold
{
    font-weight:bold;
}
    

b
{
    font-weight:bold;
}

#popup
{
    margin-top:5px;
    font-weight:normal;
    text-align:left;
    color:Black;
    font-size:12px;
}

input.submit
{
    color:black;
    border:solid 1px black;
    font-weight:bold;
    font-size:10px;
    background-color:#cccccc;
}
    

/* Landing page */
#holder
{
    width:750px;
    border:solid 3px #ffffff;
    /*height:500px;*/
    display:block;
    margin:0 auto;
    /*background-image:url('../images/landing_page.jpg');*/
}

#holder a img
{
    border:none;
    margin:0px;
    padding:0px;    
}

#landingBottom
{
    display:block;
    clear:left;
    margin-top:5px;
    width:750px;
    height:30px;
    margin:0 auto;
}

#copyright
{
    width:300px;
    float:left;
    display:inline;
    text-align:left;
}

#navOptions
{
    width:350px;
    display:inline;
    float:right;
    text-align:right;
    text-transform:lowercase;
}

#navOptions a
{
    color:#FFFFFF;
    text-decoration:none;
}

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

#topnavOptions
{
    width:200px;
    display:inline;
    float:right;
    text-align:right;
    text-transform:lowercase;
    padding-top:10px;
    padding-right:20px;
}

#topnavOptions a
{
    color:#000000;
    text-decoration:none;
}

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

/* homepage structure */

#homeContent
{
    width:750px;
    min-height:600px;
    background-color:#ffffff;
    color:#000000;
    display:block;
    margin:0 auto;
    overflow:auto;
}

#topHolder
{
    display:block;
    width:750px;
    height:165px;
}


#nav
{
    width:550px;
    /*height:30px;*/
    display:inline;
    /*border:solid 1px black;*/
    float:left;
    text-align:left;
    padding-left:20px;
    padding-top:10px;
}

#nav a.navUp
{
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    color:Black;
}

#nav a.navUp:hover
{
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    color:#FE6500;
}

#nav a.navUp2
{
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    color:Black;
}

#nav a.navUp2:hover
{
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    color:#FE6500;
}

#nav a.navDown, #otherContent a
{
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    color:#FE6500;
}

#nav a.navDown:hover, #otherContent a:hover
{
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    color:black;
}

#nav a.navDown2
{
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    color:#FE6500;
}

#nav a.navDown2:hover
{
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    color:black;
}

#logo
{
    width:500px;
    display:inline;
    float:left;
    text-align:left;
    padding-left:20px;
    margin-top:20px;
}

#downTitle
{
    float:right;
    width:24px;
    display:inline;
    margin-right:20px;
    height:100px;
    /*border:solid 1px black;*/
    padding-top:3px;
}

#pageNumber
{
    float:right;
    width:50px;
    display:inline;
    height:100px;
    /*border:solid 1px black;*/
    text-align:right;
    font-size:20px;
    font-weight:bold;
}


/* home page */
#welcomHolder, #otherHolder, #birdsHolder
{
    width:750px;
    display:block;
    clear:left;

}

#welcomeCopy
{
    /*border:solid 1px black;*/
    width:430px;
    height:30px;
    float:right;
    margin-right:20px;
    display:inline;
}

#welcomeLeft
{
    width:160px;
    float:left;
    margin-left:100px;
    height:385px;
    text-align:left;
    display:inline;
}

#welcomeLeft a, #welcomeRight a, #imageDetail a, #contactHolder a
{
    text-decoration:none;
    font-weight:bold;
    color:#FE6500;
}

#welcomeLeft a:hover, #welcomeRight a:hover, #imageDetail a:hover, #contactHolder a:hover
{
    text-decoration:none;
    font-weight:bold;
    color:black;
}



#welcomeRight
{
    width:160px;
    float:right;
    height:385px;
    text-align:left;
    display:inline;
}

#aboutRichardImg
{
    float:left;
    margin-left:100px;
}

/* bird page */
#birdCategoriesHolder
{
    float:left;
    margin-left:20px;
    width:250px;
    display:inline;
    height:420px;
    background-image:url('../images/cat_bkg.jpg');
}

#birdCategories
{
    float:right;
    width:200px;
    display:block;
    height:420px;
    text-align:left;
    overflow:auto;
    margin-top:5px;
    scrollbar-face-color: #cccccc; 
    scrollbar-shadow-color: #e8e8e8; 
    scrollbar-highlight-color: #e8e8e8; 
    /*scrollbar-3dlight-color: #000000;*/ 
    scrollbar-darkshadow-color: #cccccc;
    scrollbar-track-color: #e8e8e8; 
    scrollbar-arrow-color: #000000;
    font-weight:bold;
    font-size:11px;
    color:#cccccc;

}

#birdCategories a.notCat
{
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    color:Black;
}

#birdCategories a.notCat:hover
{
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    color:#FE6500;
}

#birdCategories a.sameCat, #imageInfo2 a, #imgDetails a, #scrollThumbnails a, #subnav a
{
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    color:#FE6500;
}

#birdCategories a.sameCat:hover, #imageInfo2 a:hover, #imgDetails a:hover, #scrollThumbnails a:hover, #subnav a:hover
{
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    color:Black;
}

#subnav
{
    padding-left:185px;
    padding-top:3px;
}

a.smallnav
{
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    color:#FE6500;
}

a.smallnav:hover
{
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    color:Black;
}

#scrollThumbnails
{
    width:450px;
    display:block;
    float:right;
    margin-right:20px;
    height:100px;
    overflow:auto;
    text-align:left;
    scrollbar-face-color: #cccccc; 
    scrollbar-shadow-color: #e8e8e8; 
    scrollbar-highlight-color: #e8e8e8; 
    /*scrollbar-3dlight-color: #000000;*/ 
    scrollbar-darkshadow-color: #cccccc;
    scrollbar-track-color: #e8e8e8; 
    scrollbar-arrow-color: #000000;
}

#imageDetail
{
    width:450px;
    display:block;
    float:right;
    border:solid 1px black;
    margin-right:20px;
    margin-top:2px;
    margin-bottom:2px;
    text-align:left;
    height:20px;
}

.thumbnails
{
    padding-left:2px;
    padding-right:2px;
}

#imgHolder
{
    width:450px;
    display:block;
    float:right;
    margin-right:20px;
    margin-top:20px;
    text-align:left;
}

#mainImage
{
    width:300px;
    display:inline;
    float:left;
    height:300px;
    border:solid 1px #cccccc;
}

#imageInfo
{
    width:140px;
    height:300px;
    overflow:auto;
    margin-left:5px;
    display:inline;
    float:right;
    scrollbar-face-color: #cccccc; 
    scrollbar-shadow-color: #e8e8e8; 
    scrollbar-highlight-color: #e8e8e8; 
    scrollbar-darkshadow-color: #cccccc;
    scrollbar-track-color: #e8e8e8; 
    scrollbar-arrow-color: #000000;

}  

#imageInfo2
{
    width:120px;
    display:block;
    float:left;
    margin-top:30px;
    height:80px;
}

#moreInfo
{
    width:450px;
    display:block;
    float:right;  
    margin-right:20px;
    height:23px;
    padding-top:2px;
    text-align:right;
}

#imgHeadings
{
    font-weight:bold;
    color:#FE6500;
}


/* other content page */
#otherContent
{
    width:350px;
    float:lright;
    padding-left:350px;
    text-align:left;
    display:block;
    margin-top:10px;
}


/* contact page */
#contactHolder
{
    width:750px;
    display:block;
    clear:left;
    text-align:left;
}

#contactForm
{
    width:320px;
    float:right;
    margin-right:20px;
    display:block;
    overflow:auto;    
}

hr.contact
{
    width:300px;
    height:1px;
    color:#666666;
    float:left;
}

#contactHolder input, textarea
{
    border:solid 1px #666666;
    font-weight:bold;
    font-size:11px;
    color:Black;
}

#contactHolder input.but
{
    color:#FE6500;
}

#otherContent input, textarea
{
    border:solid 1px #666666;
    font-weight:bold;
    font-size:11px;
    color:Black;
}

#otherContent input.but
{
    color:#FE6500;
}