﻿/* Default Settings */
body 
{
    margin: 0px 0px 60px 0px;
    padding: 0;
    font-family: Arial; font-size: 12px;
    background-color: #463016;
    /*
    background-image: url(images/NLCC_Body_Bg.gif);
    background-repeat: repeat-x;
    */
    text-align: center;
    color: white;
    
}
p, dl { margin: 0;
    padding: 0;
}

h1
{
    font-size: 25px;
    font-weight: bold;
}

h2
{
    font-size: 20px;
    font-weight: bold;
}

h3
{
    font-size: 16px;
    font-weight: bold;
}


/* Default Link Style 

A:link {color:#D6AA5B; text-decoration:none;}
A:visited{color: #D6AA5B; text-decoration: none; }
A:hover {text-decoration: underline; color: #ffffff;}
A:active {color: #D6AA5B;text-decoration: none;}*/

/************************************************
***********  Page Layout Styles *****************
*************************************************/
.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.Main
{
    background: url(images/NLCC_Logo_Bg.gif) no-repeat fixed top;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;   
}

#MainContainer
{
    width:830px;
    margin-left: auto;
    margin-right: auto;
    background: url(images/NLCC_Content_Bg.gif) repeat-y top;
    
    text-align:left;
    min-height: 300px;
}

#MainContainer_SubPages 
{
    
}
#SubContainer 
{    
    width:735px;
    height: 100%;
    margin-left:auto;
    margin-right:auto;
    padding: 10px;

}

#SubContainer_SubPage
{    
    width:735px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    padding: 10px;
    height: 100%;

}

/* Center Column of Page */

#CenterColumn
{
    padding: 0px 10px 0px 10px;
    background-color: #fff;
   /* margin-top: 15px;*/
}

/* Left Column of Page */

#LeftColumn
{
float: left;
width: 340px;
padding: 5px;

}

#LeftColumn_SubPage
{
float: left;
width: 480px;
padding: 0px;
}


#subleftcol
{

    margin:0;
    padding:0;
    background-color: White;
}


/*Right Column of Page */

#RightColumn 
{
float:right;
width: 340px;
text-align: left; 
padding: 5px;
border-left: solid 4px #CCCCCC;
}

#RightColumn_SubPage
{
float:right;
width: 200px;
text-align: left; 
padding: 0px;
}

/*SubRight Column of Page - for internal pages */

#subrightcol
{
    position:absolute;    
    top:200px;
    right: 0;
    margin:0;
    /*width: 30%;*/
}

/*SubRight Column News & Events Box */

#subrightcolumn_box
{
    background-color: #F4F4F4;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    width: 100%;
    height:100%;
    margin-top: 20px;
}

#subrightcolumn_box_items
{
    margin: 10px;
}

/* Styles for Article Details Page */


.ArticleDetailsBox
{
 
    height: 100%;
    margin: 0px;
    padding: 0;
    border: 0;  
}

.ArticleTitle
{
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    color: #006699;
    text-decoration: none;
}

/**************************************************
*****     Rounded Corners Function / Classes ******
**************************************************/

.roundcont {
	width: 100%;
	background-color: #FFFFFF;
	color: black;	
}

.roundtop { 
	background: url(images/NLCC_Content_TRight.gif) no-repeat top right; 
}

.roundbottom 
{
    clear:both;
	background: url(images/NLCC_Content_BRight.gif) no-repeat top right;
		background-color: #FFFFFF;
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}




/*************************************************
*****     Header Styles and Settings     *********
**************************************************/


#header
{
    padding: 0;
    margin-left:auto;
    margin-right:auto;
    height: 160px;
    background-image: url(images/NLCC_Header_Bg.gif);
    background-position:center;
    background-repeat:no-repeat;
    width: 830px;
}

#subheader
{
    padding: 0;
    margin: 0;
    background-position: left top;
    background-repeat: repeat-x;
    height: 157px;
}
#subheader2
{
    padding: 0;
    margin: 0;
    background: url(Images/RLS_Banner.gif) no-repeat left top;
    height: 157px;
}

#headerbanner
{
    margin-left:auto;
    margin-right:auto;
    height: 350px;

    background-position:center;
    background-repeat:no-repeat;
    width: 1000px;
}

/***********************************************
*********         Header Menu        ***********
************************************************/
 
#headermenu_bg
{
    height:25px;
    background: url(Images/NLCC_Content_Bg.gif) repeat-y top;
    margin-left:auto;
    margin-right:auto;
    width: 830px;
}    

#headermenu
{
    height: 25px;
    background-color: #00A0C6;
    margin-left:auto;
    margin-right:auto;
    width: 750px;
}

.headermenulink
{   /*
    font-family:Arial;
    font-size: 14px;
    color: White;
    font-weight:bold;
    text-decoration: none;
    text-align: center;
    width: 100%;*/

}

/*
.headermenulink A:link {color:white;}
.headermenulink A:visited{color: white;}
.headermenulink A:hover {text-decoration: none; color: white;}
.headermenulink A:active {color: white;text-decoration: none}

/* SumMenu Links 
.headersubmenulink A:link {color:white;}
.headersubmenulink A:visited{color: white;}
.headersubmenulink A:hover {text-decoration: none; color: White; background-color: #006699;}
.headersubmenulink A:active {color: white; text-decoration: none}
*/
.headersubmenulink
{
    /*
    font-family:Arial;
    font-size: 12px;
    color: #0079bd;
    font-weight:bold;
    text-decoration: none;
    display:block;
    width:100%;
    padding: 8px 0px 0px 10px;
    height: 20px;
    */
    border-bottom: solid 2px white;
    text-align: left;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
}
.StaticMenu
{
    cursor: pointer;
}


.DynamicMenu
{
    border: solid 2px #00659c;
    border-top: 0;
}

/*******************************************
*********** Default Form Styles ************
*******************************************/

/*For use with wrapper div */
.form_bg 
{
    background-color: #E0E0E0;
    padding: 5px;
    margin: 0;
    border: solid 1px #B0B0B0;
}

table.form
{
    padding: 5px;
}

table.form th
{
    color: Black;
    text-align: left;
    font-weight: bold;
    width: 125px;
}

table.form td
{
    color: #000000;
    text-align: left;
    font-weight: normal;
    width: 350px;
    
}

.form A:link {color:black;}
.form A:visited{color: black;}
.form A:hover {text-decoration: underline; color: black;}
.form A:active {color: black;text-decoration: none}


.FormText
{
    font-family: Arial;
    font-weight: bold;
}
.CustomFormField
{
    width: 300px;
}

.CustomCell
{
    width: 40px;
    text-align: center;
}


/*********************************************************
***    Asp.net controls and overall classes for UI     ***
**********************************************************/

/* Header Styles for Controls */


/* Need to rename the sectionheader class for the admin headers */
.ProfileSectionHeader
{
}
.ProfileSubSectionHeader
{   
    color: #FFFFFF;
    background: #646464;
    border-top: solid 1px #B0B0B0;
    border-right: solid 1px #B0B0B0;
    border-left: solid 1px #B0B0B0;
    font-weight: bold;
    padding: 5px;
    margin: 20px 0px 0px 0px;
    
    /*
    color: white;
    font: normal bold 18px Arial;
    text-align: left;
    margin: 20px 0px 0px 0px;
    padding: 5px;
    */
}

.TableSectionHeader
{
    height: 15px;
    background: #646464;
    border-top: solid 1px #B0B0B0;
    border-right: solid 1px #B0B0B0;
    border-left: solid 1px #B0B0B0;
    color: White;
    font-weight: bold;
    padding: 5px;
    margin-top: 20px;     
}

.TableSectionHeader A:link {color:white;}
.TableSectionHeader A:visited{color: white;}
.TableSectionHeader A:hover {text-decoration: underline; color: white;}
.TableSectionHeader A:active {color: white;text-decoration: none}

.TableSubSectionHeader
{
    text-align: right;
    background: #E0E0E0;
    border: solid 1px #B0B0B0;
    color: #343434;
    font-weight: bold;
    padding: 5px;
    margin: 0px 0px 20px 0px;
}

.TableSubSectionHeader_Item
{
    padding: 0px 5px 0px 10px;
}




/* Default Style for Gridviews - Coupled with Skin file */

.GridTitle
{

}

.GridDescript
{
    font: normal 11px Arial;    
}


.GridArticleTitle
{
    font-weight:bold;
}

.Grid td
{
  border: solid 1px #E0E0E0;
}
.Grid
{
    border: solid 1px #B0B0B0;
    background: #ffffff;
    margin: 0px 0px 20px 0px;
}    
.Grid th
{
    border-top: solid 1px #B0B0B0;
    border-bottom: solid 1px #B0B0B0;
}

.Grid A:link {color:black;}
.Grid A:visited{color: black;}
.Grid A:hover {text-decoration: underline; color: black;}
.Grid A:active {color: black;text-decoration: none}

/* Default Style for DetailsView - Coupled with Skin file */

.DetailsView td
{
  border: solid 1px #E0E0E0; 
}
.DetailsView
{
    border: solid 1px #B0B0B0;
       margin: 10px 0px 10px 0px;
}    
.DetailsView th
{
    border-top: solid 1px #B0B0B0;
    border-bottom: solid 1px #B0B0B0;
}

/* Default Style for DataList - Coupled with Skin file */

.DataList
{
    margin: 10px 0px 10px 0px;
}
.DataList td
{
  padding: 10px;
  color: Black;
}
  
.DataList th
{
    border-top: solid 1px #B0B0B0;
    border-bottom: solid 1px #B0B0B0;
}

/****************************************************
************   User Controls Styles        **********
*****************************************************/

/* AdBanner UserControl */
.AdBanner
{
 text-align: center;
 margin: 10px auto 10px auto;
}


/******************************************************
Current Series User Control
******************************************************/

.CurrentSeries
{
    text-align: left;
    background-color: Black;
    height: 350px;
    margin-bottom: 10px;
}

.CurrentSeries_Image
{
    float: left;
}

.CurrentSeries_InfoBox
{
    width: 160px;
    padding: 20px 10px 10px 10px;
    float: right;
    color: White;
}

.CurrentSeries_InfoBox_Title
{
    color: White;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}


.CurrentSeries_Title
{
    color: #00A0C6;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Preview Button on AddEdit Articles */

.PreviewBtn
{
    font: normal bold 12px Arial;
    color: White;
    background-color: #00A0C6;
    border: solid 1px #B0B0B0;
    padding: 2px;
    vertical-align: middle;
    text-decoration: none;
}

/* File Upload Box */

.FileUploadBox 
{
    border: solid 1px #E0E0E0;
    background: white;
    padding: 10px;    
}

/* Comments Box */
.CommentHeader
{
    font: normal bold 16px Arial;
}


.CommentInfo td
{
    padding: 0;
    color: White;
    font-size: 10px;
}
.CommentListBox
{
    margin-top: 20px;
}

.addCommentBar
{
    background: #646464;
    padding: 5px;
    margin-top: 20px;
    border: solid 1px #B0B0B0;
}

.CommentLoginMessage
{
    margin-top: 20px;
    padding: 10px;
    background-color: #E0E0E0;
    font-weight: bold;
    color: Black;
    text-align: center;
}

/* Admin Comments Listing */

.CommentAdmin
{
    font: normal 12px/14pt Arial;
}


.CommentInfoAdmin
{
    font: normal 10px Arial;
    padding: 5px 0px 0px 0px;
}


/* News Box - RSS */

div.listingbox
{
    color: Black;
    padding-left: 20px;
    
}

/* News Page Styling */

div.news_listing
{
    padding: 0;
    margin: 5px 0px 5px 0px;
    /*cursor:default;*/
    width: 500px;

}

div.news_item
{
    padding: 10px;
    margin: 0;    
}    


/* Special Listing Item Style for Listing Page */
div.article_listing
{
    padding: 10px 0px 10px 0px;
    margin: 0;
    /*cursor: pointer;*/
    width: 490px;
}

/* Not using hover effect
div.article_listing :hover
{
    background-color: #7c542c;    
}
*/

div.rss_listing 
{
    padding: 10px 0px 10px 0px;
    margin: 0;
    width: 300px;
}



/* Not using hover effect
div.listing_listing :hover
{
    background-color: #7c542c;    
}
*/
.listing_item 
{
    padding: 10px;
    margin: 0;    
}

.eventlisting_item
{
    padding: 0px;
    margin: 0px;
}

.listing_title
{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3px;
    color: #006699;
    text-decoration: none;
}

.listing_title A:link {color:#006699; text-decoration: none;}
.listing_title A:visited{color: #006699; text-decoration: none;}
.listing_title A:hover{text-decoration: underline;}
.listing_title A:active {color: #006699;text-decoration: none}

.listing_abstract
{
    font-size: 12px;
    padding-bottom: 5px;
}

.listing_body
{
    font-size: 12px;
    padding-bottom: 20px;
}

.listing_location_title
{
    font-size: 14px;
    font-weight: bold;
}

.listing_location
{
   font-weight: bold;
   padding-bottom: 10px;
}   

.listing_infobar
{
    background-color: #B5AB77;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
}

/* Not using hover effect 
div.listing_infobar :hover
{
    background-color: #bd8631;
    color: #7b5529;
}

table.listing_infobar :hover
{
    background-color: #bd8631;
    color: #7b5529;

}
*/

/* Login Status Box */

.LoginStatusBox
{
    text-align: right;
    margin-right: 65px;
    padding-top: 95px;
   /* margin-top: 95px;*/
    line-height: 18px;
}

.LoginStatusBox A:link {color:white;}
.LoginStatusBox A:visited{color: white;}
.LoginStatusBox A:hover {text-decoration: underline; color: white;}
.LoginStatusBox A:active {color: white;text-decoration: none}


/* Login Box */
#LoginSection
{
  background-color: #906728;
  padding: 10px;
  margin: 35px auto 10px auto;
}

#LoginSection A:link {color:white;}
#LoginSection A:visited{color: white;}
#LoginSection A:hover {text-decoration: underline; color: white;}
#LoginSection A:active {color: white;text-decoration: none}


#LoginHeader
{
    width: 740px;
    background-color: #906728;
}

.LoginBox
{
    margin-top: 0;
    padding: 5px;
   /* width: 450px; */
   /* height: 50px; */
  /*  background: #4C321B;  */     
}

.LoginBox A:link {color:black;}
.LoginBox A:visited{color: black;}
.LoginBox A:hover {text-decoration: underline; color: black;}
.LoginBox A:active {color: black;}

.LoginForm
{
    padding-top: 5px;   
}
.LoginBoxFooter
{
    padding: 5px 0 0 0;
}

.LoginFailure
{
    color:Orange;
    font-weight: bold;
}
.logintitle
{
    font-size: 14px;
    font-weight: bold;
    color: white;
    display:block;
    height:20px;
    background-color:#491E4C;
    padding: 5px 0px 0px 0px;
    text-align:center;
    margin: 0px 0px 5px 0px;
}

/* Welcome Box */

.welcomebox
{
    padding: 2px;
    background-color: #7c542c;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}


/* Access Denied Page Error Message Style */

.AccessDenied
{
    margin: auto;
    padding: 10px;
    background-color: White;
    border: solid 1px Red;
    width: 600px;
    color: Red;
    font-weight: bold;
    text-align: center;
}

/* Error Message Style */
.ErrorMessage
{
    color: Red;
    
}



/********************************************
**********       Footer       ***************
*********************************************/

.footermenulink
{
    font-size: 11px;
    margin:auto; 
}
.footermenulink A:link {color:white;}
.footermenulink A:visited{color: white;}
.footermenulink A:hover {text-decoration: underline; color: white;}
.footermenulink A:active {color: white;text-decoration: none}

/*
A:link {color:#003574;}
A:visited{color: #003574;}
A:hover {text-decoration: underline; color: #003574;}
A:active {color: #003574;text-decoration: none}
*/
#footermenu
{
    padding-top: 35px;
    padding-right: 20px;
    font-size: 11px;
    text-align: center;
    margin: 0px;
}

.footertext 
{
    padding:3px;
    color: White;
    text-align:center;
}

#footer
{
    clear: both;
    color: White;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    height: 127px;
    width:830px;
    background-image: url(Images/NLCC_Footer_Bg.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#footer_Admin
{
        clear: both;
    color: White;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    width:830px;
    background-image: url(Images/NLCC_Footer_Admin_Bg.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#footerlogo
{
    padding: 10px;
    text-align:center;
    margin: auto;
}

.FooterButtons
{
    text-align: center;
    width: 830px;
    padding-top: 17px;
}

.FooterBtn
{
    width: 125px;
    padding: 0px 10px 0px 10px;
    display: inline;
}