/*  The reason for so many container classes and divs is so that the navbar on the left will dynamically
		grow with the right-side content.  Also, interior_content_sidebars uses all divs and no tables to
		display a two-column layout.  This requires individual styles for each div to set background color,
		foreground color, and formatting on the page itself.  
		
		#container_....    denotes a style used to set, format, and layout any container div that will be used to hold or
		format content inside a page
*/


/* Sets bgcolor and generic font for the current document */
body
{
	background: #003252;
	font-family: Arial, Helvetica;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 770px;
}


/* Overall container to house the document in to center it on the browser window.  This is used for all documents*/
#container
{
	width: 100%;
}

/* Content holder for main Content. */
#container_content
{
	background-color:White;
	display:inline;
	width:567px;
	float:right;
	border:0px;
	font-size:inherit;
}
/* This is set 50pixels smaller to allow room for padding/margins in the div around the text */
#content_main
{
	display:inline;
	background: white;
	width:520px;
	float: right;
	font-family: Arial, Helvetica;
	color: #406983;
	font-size:10pt;
	border:0px;	
}

.colonial_home #content_main
{
    display:inline;
	background: white;
	width:533px;
	float: right;
	font-family: Arial, Helvetica;
	color: #406983;
	font-size:10pt;
	border:0px;	
	padding-right: 15px;
}

/*	This sets the padding around the text.  */
.content_main_text
{
	text-align:left;
	margin: 0px 0px 25px 0px;
}

.content_home
{
    padding-top: 25px;
    padding-right: 25px;
}

.colonial_home .content_main_text
{
    text-align:left;
	margin: 0;
}

.colonial_home_text
{
    float: none;
    width: auto;
}

.colonial_home .colonial_home_text
{
    float: left; 
    width: 360px;
}

.colonial_home_images
{
    display: none;
    float: left; 
    margin-left: 15px; 
    width: 158px; 
    text-align: center;
}

.colonial_home .colonial_home_images
{
    display: block;
}

#non-profit-mission { display: none; color: #900028; font-weight: bold; }
.colonial_home #non-profit-mission { display: block; margin-bottom: 20px; font-size: 16px; }

/*	Sets styles for heading of classes of content_main 	*/
h1.content_main
{
	color:#900028;
	font-family:Arial, Helvetica;
	font-size:14pt;
	padding-left: 20px;
	font-weight:normal;
	margin-bottom: 20px;
	margin-top:20px;
}

#content_main_area
{
	font-family: Arial, Helvetica;
	color: #000000;
	font-size:13px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content_main_area a:link
{
	color:#3584B7;
}
#content_main_area a:hover
{
	color:#3584B7;
}
#content_main_area a:active
{
	color:#900028;
}
#content_main_area a:visited
{
	color:#900028;
}

h2
{
	color:rgb(53,132,183);
	font-family:Arial, Helvetica;
	font-weight:bold;
	font-size:15px;
	padding-bottom: 0px;
	padding-top: 12px;
}

h3
{
	color:#000000;
	font-family:Arial, Helvetica;
	font-weight:bold;
	font-size:13px;
	padding-bottom: 0px;
	padding-top: 0px;
}

p
{
	font-family: Arial, Helvetica;
	color: #000000;
	font-size:13px;
	padding-top: 0px;
	padding-bottom: 12px;
}

#content_main_text a:link{color:#900028;}
#content_main_text a:visited{color:#3584B7;}

#content_main_area a:link{color:#900028;}
#content_main_area a:visited{color:#3584B7;}

#content_main ul
{
	list-style-position:outside;
	list-style-type:none;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
}
#content_main ul li
{
	background-image:url("/images/blue_bullet.gif");
	background-repeat:no-repeat;
	background-position: 0 .6em;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;
}
ul.content_main
{
	list-style-position:outside;
	list-style-type:none;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;

}
li.content_main
{
	background-image:url('/images/btn_nav.gif');
	background-repeat:no-repeat;
	background-position: 0 .4em;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;
}
li.content_main_mouseover
{
	background-image:url('/images/btn_on_nav.gif');
	background-repeat:no-repeat;
	background-position: 0 .4em;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;
}
li.content_main_onstate
{
	font-weight:bold;
}



/***********************************************************Left navbar*******************************************/
/* Left navbar that includes navigation and 203px wide header image thus the width setting */
#navbar
{
	display:inline;
	background-color:Transparent;
	width: 203px;
	vertical-align: top;
	font-family: Arial, Helvetica;
	color: white;
	border: 0px;
	float: left;
}

#colonialnav
{
	padding: 10px;
	border-top: 7px #003252 solid;
	border-bottom: 7px #003252 solid;
	background-color: #3584B7;
}

td.leftnav
{
	vertical-align: top;
	background-color:#00578E;
}
td.content
{
	vertical-align: top;
	background-color: White;
}
/* sets padding for the text since the image is set inside the navbar div for formatting */
#navbar_navigation
{
	padding: 10px;
}

/* Sets color and no-underline for text links in the navbar */
a.navbar:link{color: white; text-decoration: none;}
a.navbar_mouseover:link{color: White; text-decoration:underline;}
a.navbar:visited{color:white; text-decoration: none;}
a.navbar_mouseover:visited{color:White;}

ul.navbar
{
	list-style-position:outside;
	list-style-type:none;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
}

li.navbar
{
	background-image:url('/images/white_bullet.gif');
	background-repeat:no-repeat;
	background-position: 0px .7em;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;
	font-weight:normal;
	margin-left:22px;
	font-size:85%;
	
}

li.navbar_mouseover
{
	background-image:url('/images/white_bullet.gif');
	background-repeat:no-repeat;
	background-position:  0px .7em;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;
	margin-left: 22px;
	font-weight:normal;
	text-decoration:underline;
}


/* Sets a different color and a container for the Text Sizing manager to sit on the navbar,
	 also set to 203px for the header img */
#textsizer
{
	background: #3584B7;
	width: 203px;
	font-size: 80%;
	font-family: Arial, Helvetica;
	color: white;
	text-align:center;	
	float: left;
	padding:15px 0 15px 0;
	vertical-align:middle;
}

#textsizer.dark
{
	background: #00578E;
	width: 203px;
	font-size: 80%;
	font-family: Arial, Helvetica;
	color: white;
	text-align:center;	
	float: left;
	padding:15px 0 15px 0;
	vertical-align:middle;
	margin-top: 15px;
}



/***********************************************interior.sidebars.master*********************************************/
/* this keeps my interior div in one giant container in interior_content_sidebars.master */
#container_interior_sidebars_main
{
		width:567px;
		/*background-color:#e1eff8;*/
		color: #003252;
		font: Arial, Helvetica;
		font-size:10pt;
		height:100%;
}
#container_interior_sidebars_rightside
{
		width:207px;
		background-color:#FFFFFF;
		float: right;
}
/*	All my sidebars lists are square type	*/
#container_interior_sidebars_text ul
{
	list-style-position:outside;
	list-style-type:none;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:10px;
}
#container_interior_sidebars_text li
{
	background-image:url('/images/blue_bullet.gif');
	background-repeat:no-repeat;
	background-position: 0 .6em;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;	
}
.container_interior_sidebars_text_ul
{
	list-style-position:outside;
	list-style-type:none;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:10px;
}
.container_interior_sidebars_text_li
{
	background-image:url('/images/blue_bullet.gif');
	background-repeat:no-repeat;
	background-position: 0 .6em;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;	
}
.container_interior_sidebars_text_li_white
{
	background-image:url('/images/white_bullet.gif');
	background-repeat:no-repeat;
	background-position: 0 .6em;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-top: 3px;	
}
#container_interior_sidebars_generated_content li
{
	padding-bottom:10px;
}

/* this sets the left-hand column in the interior_content_sidebars.master page	*/
#container_interior_sidebars_text
{
		width:310px;
		float:left;
		padding-left:20px;
		background-color: white;
		border-right-style:solid;
		border-right-color:White;
		border-right: 20px;
		border-top:0px;
		border-bottom:0px;
		display:inline;
}
h1.container_interior_sidebars_text{color: #003252; font:Arial, Helvetica; font-weight:bold; font-size:10pt; margin:0px 0px 0px 0px;}
#container_interior_sidebars_text a:link{color:#3584B7;}
#container_interior_sidebars_text a:visited{color:#900028;}
/*	testimonials div in interior_content_sidebars.master	*/	
#container_interior_sidebars_testimonials
{
		width:177px;
		background-color: #E1EFF8;
		float: right;
		padding: 10px;
		border-right: 10px solid #E1EFF8;
		margin-bottom: 25px;
		text-align: right;
}
#container_interior_sidebars_testimonials a:link{color:#900028;}
#container_interior_sidebars_testimonials a:visited{color:#00578E;}
.testimonial{ font-style: italic; text-align: left; float:left; }
/*	downloads heading div	 in interior_content_sidebars.master	*/
#container_interior_sidebars_downloads_heading
{
		width:207px;
		background-color:#900028;
		color: white;
		border-top:0px;
		border-top-color:White;
		border-top-style:solid;
		height: 100%;
		float: right;
		font-size: 10pt;
		font-weight:bold;
}
/*	downloads content div in interior_content_sidebars.master	*/
#container_interior_sidebars_downloads
{
		width:207px;
		background-color:#3584B7;
		color:white;
		height: 100%;
		float:right;
		border-bottom: 25px solid #FFFFFF;
		min-height: 40px;
		padding-top:10px;
}
#container_interior_sidebars_downloads a:link{color:white;}
#container_interior_sidebars_downloads a:visited{color:white;}
/*	this is the bottom right div in interior_content_sidebars.master	*/
#container_interior_sidebars_generated_content
{
		background-color:#E1EFF8;
		color:#003252;
		width:207px;
		border-top:0px;
		border-top-color:White;
		border-top-style:solid;
		float: right;
}
	
	
/************************CMS**********************************/

#cmsMenu {clear:left; background:beige; padding:5px;}
.cmsLogout {float:right; clear:right; margin-right: 0px;}
.cmsAdminBar {background:beige; height:35px;}
.cmsFileManagement{float:left; clear:left; margin-left: 0px;}
.cmsGridView{font-size: 10pt; margin: 0px auto;}

/***********************CMS AddEditSidebar***************/
#addeditContainer{color:white; background-color:#CCCCCC; font-size:10pt; margin: 0 0 10px 10px;}
#addeditContainer.heading{font-size: 16pt;}
#addeditSection{margin-left:10px;}
#addedititems{margin-left: 10px;}

/**************Feedback CSS************************/
#feedback {background-color: #ffffcc; border: 1px black dotted;}
#feedback .success {color: #5b8364;	font-weight: bold;}
#feedback .fail {color: Red; font-weight: bold;}
#feedback .message {color: Black; font-weight: bold;}
#feedback .warning {color: Black; font-weight: bold;}



/*************************Footer******************************/
/* Generic footer for the entire site */
#footer
{
	
	clear:both;
	padding-top:20px;
	font-family: Arial, Helvetica;
	font-size: 70%;
	color: #4F82A2;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width: 770px;
}
#footer a:link{color: #4F82A2;}
#footer a:visited{color: #4F82A2;}


/**********************************Clear*************************/
/*Clears all floats*/
.clear_all
{
	clear:both;
	background-color:Transparent;
}


/* Manage Classes */
.accent_panel {background:#cccccc; padding:10px; border:dotted 2px #003252;}
.remove_item {text-align:center; padding:4px; font-size:85%;}
.remove_item a {color:Red;}
.admin_highlight {border:solid 1px Red;}
#cmspopup_wrapper h1 {color: #005799; border-bottom:solid 5px #E6EEF3; padding:10px 15px 10px 15px; margin:0 0 10px 0; font-size:152%; text-transform:uppercase; letter-spacing:2px; clear:left;}
#cmspopup_wrapper h2 {font-size:107%; font-weight:bold; color:#000000; margin:0 15px 15px 15px; text-transform:uppercase;}
#cmspopup_wrapper p {font-size:85%; margin:0 15px 5px 15px;}

/* Testimonials */
.nobullet
{
	display: block;
	list-style-type: none;
	margin-bottom: 15px;
	background-image: none;
	padding-left:0px;
	color: Black;
}

.quote
{
	font-style: italic;
}

#testimoniallist
{
	font-size: 12px;	
}

#enews
{
	margin-top: 70px;
	color: #FFF;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

#enews a
{
	color: #FFF;	
}

#shop
{
	font-family:Arial;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	height:200px;
	padding:0px 5px 0px 10px;
}

#shop a
{
	color:#D1A33F;
}