/*
 SilverStripe iTheme 
 http://www.silverstripe.com
 
 Originally created by Ndesign
 http://www.ndesign-studio.com/resources/wp-themes/itheme/
 */
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}
html {
	background-color: #2E7EA3;  /*  this is the background before the pictures load - raw color */  
}
body {
	background:#2E7EA3 url(../images/html-bg.jpg) repeat-x scroll top center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:75%;
	font-size-adjust:none;
	font-stretch:expanded;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:170%;
	margin:0px;
	padding:0px;  /* controls distance from top for the background images and all  */  
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.clear{
	clear:both;
}
a img {
	border: none !important;
}
/**************
 	Site Container Box
*/
#BgContainer {
	background:transparent url(../images/main-bg.jpg) no-repeat scroll center top;
	height: auto !important; /* for modern browsers */
	height: 559px; /* for IE5.x and IE6 */
	min-height: 559px; /* for modern browsers */
}
#Container { 
	margin:0px auto;
	position:relative;
	width:770px;
	padding:-20px 0px 0px;
	}
#Layout {
	margin:0px auto;
	position:relative;
	width:770px;


}
#Content {
	background:#ECEAFF none repeat scroll 0%;  /*** this is the page background color E0DDFF  */
	float: left;
	overflow:hidden;
	padding:15px 25px 15px;
	width:495px;  /*** 495px    ***/
}
#Content h2 a, Content h2 a:hover {
	color:#000000;   /*** FFFFFF #44A1D0   ***/ 
	text-decoration:none;
}
/** Header **/
#Header { 
 	height: 120px;
	}
 	#Header h1 {  /*** this is located where the graphic loads ***/
	  	background-image:url(http://www.ebbi.ca/cms/assets/EBBILogoLettersOnly.gif);
		width:278px;
		height:52px;
		color:#FFFFFF;
		font-family:"Trebuchet MS",Arial,sans-serif;
		font-size:30px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		left:5px;
		line-height:100%;
		margin:0px;
		padding:0px;
		position:absolute;
		top:33px;
		}

	#Header p {  /*** this is the second part of the site slogan ***/
		color:#FFFFFF;     /*** very light blue #9ADDFA   light burgandy #6A0000; light blue #78D1F8    #0C98D3  #C1E1F9 ***/
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:italic;
		font-variant:small-caps;
		font-weight:bold;
		left:160px;   /*** 6.5px ***/
		line-height:normal;
		position:absolute;
		letter-spacing:0.09ex;
		top:80px;
	}
	#Header h2 {  /*** this is the first part of the site slogan ***/
  /*** affects the tag from the page.ss last part of the website slogan servant leaders ***/
		color:;#02285A /*** #242424 ***/
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:Normal;
		font-variant:small-caps; /*** make a smaller (height) letter than upper caps ***/
		font-weight:bold;
		left:4px;
		line-height:normal;
		position:absolute;
		letter-spacing:0.09ex;
		top:80px;
	}


/*** Main Nav ***/
#Navigation {
	background:transparent url(../images/content-top-bg.png) no-repeat scroll left top;
	_background:transparent url(../images/content-top-bg.png) no-repeat scroll left top;/* only IE6 sees this rule*/
	height:26px;
}
#Navigation ul { 
 	font-family:Palatino, "Trebuchet MS", serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	line-height:100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	letter-spacing:0.2ex;
	margin:-0px 0px 0px 6px; /** 1st element is distance from top of page, last element px is distance from left margin & 1st menu element  **/
	padding:0px;

	}
	#Navigation ul li { 
	 	float:left;
		margin:0px 10px 0px 0px; /**  this sets the padding for the menu including space between menu elements **/
		padding:0px;
		}
  		#Navigation ul li a { 
			color:#FFFFFF;  /**  #C1E1F9 **/
			display:block;
			padding:5px 5px 7px;  /** 1st setting is distance from top  **/
			text-decoration:none;
			}
    		#Navigation ul li a:hover,
			#Navigation ul li a.current,
    		#Navigation ul li a.section,
    		#Navigation ul li a.section:hover,
    		#Navigation ul li a.current:hover { 
	 	background:#5A7192 url(../images/nav-item-hover.gif) repeat-x scroll 0%;  /** web page background color  **/
		color:#00000C;  /** text color in body top highlighted current menu #00000C  #272C56  #5A7192 **/
		font-weight:900;
		font-style:normal;
		text-decoration:none;
		letter-spacing:0.2ex;
		}    
   
/** Breadcrumbs **/
#Breadcrumbs { 
 	font-family:Palatino, "Trebuchet MS", serif;
 	color: #FFFFFF;  	/**  color:#00000C;   #272C56  #5A7192 **/
	text-align: left;
	font-size: 9px;  /**  0.8em; **/
	margin: -18px 5px 10px 0;
	letter-spacing:0.2ex;
	}
	#Breadcrumbs p {
		margin: 0;
		letter-spacing:0.1ex;
		font-variant:small-caps;
		font-style:italic;
		color: #2B2F68;   /***   #595F62;   #818A8F   #939b9f  ***/
	}
	#Breadcrumbs a {
		letter-spacing:0.1ex;
		color: #000000;
		font-style:italic;
		font-weight: bold;
		font-variant:small-caps;
	}

/*** Message Boxes ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	font-weight: bold;
}

#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
/* Sidebar 
***********************************/
#Sidebar{ 
/*** background:transparent url(../../../assets/ebbi_small_logo.gif) no-repeat scroll left >>>>  Doesn't work it's hidden behind menu ***/  top;
	/*** color:#000000;   666666   Color   ***/
	float:right;   /*** floats menu box to the right of main content  ***/
	line-height:185%; /*** controls space between lines in right menu  ***/
	width:210px; /***   210px ***/
	margin-top: 35px; /*** 10 controls vertical placing of entire right menu ***/

}
	#Sidebar a, #Sidebar a:visited {
		color:#FFFFFF;  /*** doesn't work ***/
		text-decoration:none; /*** doesn't work ***/
	}
	#Sidebar a:hover, #Sidebar a:focus, #Sidebar a:active {
		color:#4FC6F9;
		font-style:normal;
		text-decoration:underline;
background:transparent url(../images/menu_item_mouseover.png) no-repeat scroll top left;
	}
	#Sidebar a.current {
		font-weight: Bold;
background:transparent url(../images/menu_item_mouseover_highlight.png) no-repeat scroll top left;
	}
	#Sidebar a.section {
		font-weight: bold;
		color: #000;   /*** 666   Color   ***/

	}
	#Sidebar li.section {
		margin-bottom: 5px;
	}
	#Sidebar ul {
		margin: 0;
	}
	#Sidebar li {
		margin: 0;
		list-style: none;

	}
	#Sidebar h3 {   /* top menu title of left navigation side box items    */
		text-align:center;
		color:#000000;   /* color:#666666;    */
		font-family:Palatino, "Trebuchet MS", serif;
		font-style:Normal;
		font-size:13px;
		font-size-adjust:none;
		font-stretch:normal;
		font-variant:normal;
		font-weight:bold;
		line-height:100%;
		letter-spacing:0.3ex;
		background:transparent url(../images/sidep-handle.png) no-repeat scroll top left;
		_background:transparent url(../images/sidep-handle.png) no-repeat scroll top left; /* only IE6 sees this rule */
		margin:0pt;
		padding:6px 24px 10px 10px;  /*   right menu top tile placement   */
	}
	#Sidebar a em {
		letter-spacing:0ex;
		font-family:Arial,Helvetica,sans-serif;
		color:#02285A;  
		font-weight:bold;
		font-style:italic;
		font-size:12px;
 		letter-spacing:0.2ex;
	}
	ul#Menu2 {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: 0;

	}
    ul#Menu2 li { 
            background:transparent url(../images/bullet-orange.gif) no-repeat scroll 0 0;
			padding-left:20px;
            }
	ul#Menu2 li li, ul#Menu2 li li li{ background: none; padding-left:5px;} 
	.sidebarBox {
	margin-bottom: 10px;
	}


/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	background: #F4F4F4 none repeat scroll 0%;
	padding:5px 10px;
}
	#PageComments li.odd p {
		margin: 0 0 5px 0;
	}
		#PageComments li.odd p.info {
			color: #669900;
			font-weight: bold;
		}
#PageComments li.even {
	background: #fff none repeat scroll 0%;
	padding:5px 10px;
}
	#PageComments li.even p {
		margin: 0 0 5px 0;
	}
		#PageComments li.even p.info {
			color: #669900;
			font-weight: bold;
		}




.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}

.actionLinks li {
   display: inline;
   border-right: 1px solid;
}

.actionLinks li.last {
    border-right: none;
}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}
ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}

/* Unsubscribe Newsletter
*****************************************/
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
}
	#Unsubscribe_MailingListForm_MailingListForm p label{
		display: inline;
	}

#Unsubscribe_MailingListForm_MailingListForm label{
	margin:0;
}


/* Footer 
*****************************************/

#Footer { 
	background:transparent url(../images/content-bottom-bg.png) no-repeat scroll top left;
	_background:transparent url(../images/content-bottom-bg.gif) no-repeat scroll top left;/* only IE6 sees this rule*/
	color:#282828;
	font-size:95%;
	align: left;
	width:545px;
	padding: 15px 0 0 10px;
	}
	#Footer p {
		color:#282828; /* 282828 */
		margin: 0;
	}
	#Footer a, #Footer a:hover{ 
		color:#282828;
		text-decoration: none;
	}
	#Footer a:hover{ 
		text-decoration: underline;
	}  
		text-decoration: underline;
	}