﻿body { font-family:Sans-Serif;
       font-size:12px;
       background-color:#f0f0f0;
      }

p
{
	margin-bottom:1em;	
}

h1
{
   font-size:20px;
   margin-bottom:0px;
   color:#7d0709;

}

.hrule
{
    width:50%;
    border-top:solid 1px gray;
}


/*--------- Labels used as error messages (e.g. when record already exists) -----------*/
.errorMessage
{
    color:Red;
    font-weight:bold;
    margin-left:3px;
   
}



/* Top level wrapper around entire page */
#wrapper
{
    width:770px;
    margin:0 auto;
    background-color:#ffffff;
    padding:10px;
}

#mainNavigation 
{
    background-color:#9d0a0e;
    text-align:left;
    margin:-5px 0 -5px 0;
    height:36px;
    border: solid 1px #9d0a0e;
}

#mainNavigation li
{
    display:inline;
}

#mainNavigation a 
{
    text-decoration:none;
    background:#9d0a0e;
    color:#ffffff;
    padding:3px 10px 3px 10px;
    /*border-top: solid 1px white;
    border-left: solid 1px white;
    border-bottom: solid 1px black;
    border-right: solid 1px black;*/
    font-size:16px;
}

#mainNavigation a:hover 
{
    background-color:#4c0709;
}

/* Wrapper around content of each page (excluding masthead, navigation, and footer) */
#content
{
    margin-top:10px;
    min-height:400px;
}


#footer 
{
    font-size:12px;
    color:#b0b0b0;
    border-top:solid 1px #b0b0b0;
}



/*----------- Home page -------------------------------------------------*/
#homeColumn1
{
    float:left;
    width:400px;
}

#homeColumn2
{
    float:left;
    width:350px;
    margin:0 0 10px 20px;
}


#blog, #SGCampaign
{
   border:solid 1px #d0d0d0;
   padding:0 5px 5px 5px;
   margin-bottom:20px;
   background-color:#f6f6f6;
}


#recentCommentaries ul
{
    margin:5px 0 0 0; 
    padding:0 3px 0 15px;
    line-height:1.5em;
}

#recentCommentaries li
{
    list-style-type:square;
   
    
}


#sidebar
{
    float:left;
    width:250px;
}

#sidebarRightHomePage
{
    float:right;
    width:162px;
    margin-top:10px;
    margin-right:0;
    margin-left:10px;
}


#clearFloat
{
    clear:both;
}

.sidebarBox
{
    padding: 5px;
    margin-bottom:20px;
    background-color:#f6f6f6;
}

.sidebarBox h2 
{
    background-color:#9d0a0e;
    font-size: 14px;
    font-weight:normal;
    color:White;
    padding: 3px;
    margin: -5px -5px 0 -5px;
    
}

/*-------- Biography.aspx -------------------------------------- */
#bioContent
{
    float:left;
    width:550px;
}

/* ------- Rules specific to items on "Commentaries" page ---------------------------*/

#commentarySelection 
{
    float:left;
    width:250px;
    margin-right:10px;
    margin-top:20px;
}

#commentaryList
{
    float:left;
    width:450px;
    margin-left:30px;
    margin-top:5px;
      
}

#PagerControls
{
    text-align:right;
    margin-bottom:10px;
    word-spacing:5px;
    
}

h3.articleTitle
{
    margin-bottom:-10px;
    
    
}

.articleDate
{
    font-size:12px;
    color:Gray;  
}

/*------------- viewArticle --------------------------*/
#viewarticleContent
{
    float:left;
    width:550px;
}

#sidebarRight
{
    float:right;
    width:200px;
    margin-top:10px;
    margin-right:0;
    margin-left:10px;
}



#relatedCommentaries ul
{
    margin:5px 0 0 0; 
    padding:0 3px 0 15px;
    line-height:1.5em;
}

#relatedCommentaries li
{
    list-style-type:square;
    padding-bottom:10px;
   
    
}


/*------------- Blog archive ---------------------------*/
#blogSelection
{
    float:left;
    width:200px;
    margin-right:10px;
    margin-top:20px;
}

#blogContents
{
     float:left;
    width:500px;
    margin-left:10px;
    margin-top:5px;
}


/*------------- Data entry form rules (e.g. Login and Contact pages) ----------------- */

.dataEntryForm
{
    background-color:#c0c0c0;
    border: solid 2px #a0a0a0;
    padding: 5px;
    left:50px;
    top:50px;
    margin-top:15px;
}


#bookListing
{
    margin: 20px 100px 0px 5px;
}

#bookListing td 
{
   padding:0 0 30px 0;
}

#bookListing h3
{
    margin-top:0;
}



#links 
{
    margin-left:20px;
    margin-top:20px;
}

.linkTitle
{
    font-size:14px;
    font-weight:bold;
}

.confirmationMessage 
{
    font-size:14px;
    font-weight:bold;
    
}

#topicSection
{
    /*border:solid 1px black;*/
    background-color:#e0e0e0;
    padding:3px;
    
}

#Lectures
{
    float:left;
    width:350px;
}

#Interviews
{
    margin-left: 30px;
    float:left;
    width:350px;
}

#Interviews ul
{
    padding-left:10px;
}


#Interviews li
{
    margin-bottom:7px;
}

#Interviews h2
{
    margin-bottom:-5px;
}

#Lectures h2
{
    margin-bottom:-5px;
}
#Lectures ul
{
    padding-left:10px;
}


#Lectures li
{
    margin-bottom:7px;
}


/* ------------- Administration pages ---------------------------------------------- */

#adminSideBar
{
    float:left;
    width:150px;
}

#adminContent
{
    float:left;
    width:600px;
    margin-left:5px;
}


#adminNavigation a 
{
    display:block;
    text-decoration:none;
    background:#d0d0d0;
    color:black;
    width:100px;
    padding:5px 15px 5px 15px;
    margin:5px 0 5px 0;
    border-top: solid 1px white;
    border-left: solid 1px white;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    font-size:12px;
}

#adminNavigation a:hover 
{
    background-color:#202020;
    color:White;
}



.adminGrid 
{
    width:100%;
    margin:5px 0 10px 0;
    background-color:#ffffff;
    border: solid 1px gray;
}

.adminGrid td
{
    padding:2px;
    border: solid 1px gray;
}

.adminGrid th
{
    background-color:#9d0a0e;
    color:White;
    border: solid 1px gray;
}

.adminGrid th a
{
    color:white;
}


.adminGrid .alt
{
    background-color:#e0e0e0;
}

