/*

 SilverStripe BlackCandy Theme

 http://www.silverstripe.com

 */

 

/************

  * Misc Styles and defaults 

  */

 

#Header-left { width:271px; float:left; padding-top:30px; padding-bottom:30px;}

#Header-right { width:460px; float:left; height:120px; padding-left:15px; }

#Banner { padding-bottom:30px; }

img { border:0px; }

.clear { clear:both; }

.noborder { border:0px;}

.HeadingHp { padding-top:40px; padding-bottom:20px; }

.HeadingSub {  padding-bottom:20px; }



.NewsBox { font-size:11px;  padding-right:80px; padding-left:30px; }

.NewsTitle { font-weight:bold;  font-size:12px; padding-bottom:2px;  }

.NewsTitle a { text-decoration:none; color:#2f2f2f; }

.NewsDate { font-style:italic; font-size:10px; color:#999999; padding-bottom:5px; }

.NewsContent { padding-top:5px; padding-bottom:5px; }

a { color:#000; }

a:hover { color:#cb3c41; }

.ReadMore { font-weight:bold; font-color:#cb3c41; font-size:10px; }

.ReadMore a { color:#cb3c41; font-weight:bold; }

.ReadMore a:hover { color:#666666; }

.clear { clear:both; }

.Cross { height:29px; background-image:url(../images/cross.gif); width:26px; background-repeat:no-repeat; padding-bottom:8px;  }



#SubpagePageContainer { padding-top:40px; margin-top:10px;}

#HomepageContent { padding-left:30px; }

#PeopleLeft { float:left; width:395px;  }
#PeopleRight { float:left; width:395px; }
.StaffBox { width:375px; margin-right:20px; margin-top:15px; height:80px; margin-bottom:7px; }
.StaffImage { width:100px; text-align:center; float:left; min-width:100px; min-height:75px; }
.StaffContent { width:275px; float:left; }
.StaffPosition { font-size:12px; color:#8e8e8e; padding-top:3px; }
.StaffTitle { font-weight:bold; padding-bottom:0px; font-size:12px; padding-top:20px; }

.hp-projects-box { width:300px; padding-right:30px; margin-bottom:30px; }

.hp-projects-left { text-align:left; width:170px; float:left; }

.hp-projects-right { width:130px; float:left;}

.hp-projects-title { font-weight:bold; padding-bottom:0px; font-size:12px; }

.hp-projects-title a { text-decoration:none; color:#2f2f2f; }

.hp-projects-title a:hover { text-decoration:none; color:#2f2f2f; }

.hp-projects-content { color:#666666; line-height:14px; }

.hp-projects-content a { color:#cb3c41; font-weight:bold; }

.hp-projects-content a:hover { color:#cb3c41; }



#Form_Form_action_process { padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:3px; border:0px; font-weight:bold; color:#ffffff; background-color:#ca3c41; border:2px solid #f7f7f7; }

#SearchForm_SearchForm_action_results { padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:3px; border:0px; font-weight:bold; color:#ffffff; background-color:#ca3c41; border:2px solid #f7f7f7;  }





#aboutPhotos {

float:right; width:180px; padding-right:20px; 

}

#aboutContent { width:380px;

	float: right; 	

	margin: 0;

	text-align: left; }

#IconOptions { padding-top:10px; }





#ProjectPhotos {

float:right; width:180px; padding-right:20px; 

}

#ProjectContent { width:380px;

	float: right; 	

	margin: 0;

	text-align: left; }

#ProjectDate { padding-top:10px; padding-bottom:10px; font-size:10px; color:#666666; font-style:italic; }

#IconOptions { padding-top:10px; }



#SubMenu { float:left; width:200px; }

.current { height:27px; background-image:url(../images/subNavCurrent.gif); margin-right:10px;  }

.link { height:27px; background-image:url(../images/subNavOut.gif); margin-right:10px; }



.current a { width:179px; height:20px; display:block; padding-top:7px; padding-left:12px; text-decoration:none; color:#333333; overflow:hidden; }

.link  a {  width:179px; height:20px; display:block; padding-top:7px; padding-left:12px; text-decoration:none; color:#333333; overflow:hidden;   }

.current a:hover { background-image:url(../images/subNavCurrentOver.gif); color:#ffffff;  }

.link  a:hover {  background-image:url(../images/subNavOver.gif); color:#ffffff; }





* {

	margin: 0;

	padding: 0;

}

body {

	color: #4e4e4e;

	font-family: Verdana, Lucida, sans-serif;

 	font-size: 62.5%; 

 	margin-bottom: 40px;



}



table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}



html {

	

}

.clear{

	clear:both;

}

.borderimage img {

	border: 1px solid #E9E9E9;

}

img a { border: 1px solid #E9E9E9; }

img hover {

	border: 1px solid #cb3c41;

}

/**************

 	Site Container Box

*/

#BgContainer {

	width: 790px;  

	margin: 0 auto; 

}

#Container { 

	width: 790px;

	padding-bottom: 15px;

	}

#Layout {

	width: 790px;

	clear: both;

	overflow: hidden;

	margin: 15px auto;

}

#ContentLeft { float:right; }

#Content {

	width: 438px;

	float: right; 	

	margin: 0;

	text-align: left;

}

/** Header **/

#Header { 

 	width: 790px; 

 	margin: 0 auto;

	overflow: hidden;

	}





 	#Header h1 { 

	  	color: #fff; 

		font-size: 3.2em; 

		font-family: Tahoma, Verdana, sans-serif;

		font-weight: 300;

		padding: 20px 0 0 30px;

		}

	#Header p {

		font-size: 1.4em;

		color: #fff;

		clear: left;

		margin: 0 0 0 100px;

	}



/*** Main Nav ***/

#Navigation {

	width: 790px;

	margin: 0 auto;

	overflow: hidden;

}

#Navigation ul { 

 	float: right; 

	margin-right: 10px;

	}

	#Navigation ul li { 

	 	list-style: none; 

		margin: 0 2px; 

		float: left;

		line-height: 2.8em;

		display: block;

		}

  		#Navigation ul li a { 

			float: left;

			text-decoration: none;

			display: block; 

			height: 2.3em; 

			font-size: 1.2em; 

			padding: 0 0 0 10px;

			color: #fff;

			}

		#Navigation ul li a span {

			text-align: center;

	        float: left;

			padding-right: 10px;

			height: 2.3em;

 

		}

			#Navigation ul li a:hover { 

			 	background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top; 

				color: #fff;

				cursor: pointer;

				}

			#Navigation ul li a:hover span {

				background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top;

				cursor: pointer;

			}

    		#Navigation ul li a.current,

    		#Navigation ul li a.section,

    		#Navigation ul li a.section:hover,

    		#Navigation ul li a.current:hover { 

			 	background: #fff url(../images/activeTabLeft.png) no-repeat left top; 

			 	color: #444;

				}

			#Navigation ul li a.current span,

			#Navigation ul li a.section span,

    		#Navigation ul li a.section:hover span,

			#Navigation ul li a.current:hover span {

				background: #fff url(../images/activeTabRight.png) no-repeat right top;

				color: #444;

			}

    

/** Breadcrumbs **/

#Breadcrumbs { 

 	color: #B7C0C5;

	text-align: left;

	font-size: 0.9em; 

	margin: 0px 5px 10px 0;

	}

	#Breadcrumbs p {

		margin: 0;

	}



/*** Message Boxs ***/



.message {

	margin: 15px;

	padding: 5px;

	width: 92%;

	color: #979908;

	border: 4px solid #F7F8B4;

	background: #FFFFEA;

}

span.middleColumn .message {

	margin: 4px 0 0 3px;

}

.required {

	margin: 4px 0 0 3px;

	padding: 5px;

	width: 92%;

	color: #DC1313;

	border: 4px solid #FF7373;

	background: #FED0D0;

}



p#Remember label {

	margin: -24px 0 0 20px;

	text-align: left;

}

.entry {

	border-bottom: 1px solid #eee;

}

/* Sidebar 

***********************************/

#Sidebar { 

 	width: 200px; 

	float: left;  

	margin: 10px 0 0 0;

	padding: 0;

	}

	#Sidebar .sidebarBox {

	margin: 0 0 5px 0;

	padding-bottom: 2px;

	background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 

	}

	#Sidebar ul {

		margin: 2px 0 5px 3px;

	}

	#Sidebar li {

		margin: 8px 2px;

		list-style: none;

	}

	#Sidebar h3 { 

		clear: both; 

		text-transform: lowercase;

		color: #fff;

		font-weight: 700; 

		font-size: 1.4em; 

		margin: 0 0 10px 0;

		line-height: 1.8;

		padding: 1px 0 0 10px;

		background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;

	}

	

	#Sidebar .sidebarBottom {

		height: 15px;

		display: block;

		width: 200px;

		margin: -5px 0 0 0;

		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;

	}

	#Sidebar a em {

		font-style: normal;

	}

    ul#Menu2 li { 

            font-size: 0.9em; 

            margin: 1px 0 5px 4px;

            list-style: none;

            }

      ul#Menu2 li a {

            display: block;

            width: 196px;

            font-size: 1.2em;

            height: 1.8em;

            line-height: 1.8em;

            color: #898989;

      }

	ul#Menu2 li em {

		padding-left: 8px;

		display: block;

	}

		ul#Menu2 li li em {

			padding-left: 0;

		}

      /* Level 1 

      - We use 3 elements for the nav to get 3 background images applied.

            * span - topleft rounded corner

            * em - bottomleft rounded corner

            * a - arrow on the right

            <a><span><em></em></span></a>

      */

      ul#Menu2 li a:hover,

      ul#Menu2 li a.current,

      ul#Menu2 li a.current:hover {

            background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;

            color: #666;

			cursor: pointer;

            text-decoration: none;

      }

	  ul#Menu2 li a.current {

	  		font-weight: 700;

	  }

      ul#Menu2 li a.section,

      ul#Menu2 li a.section:hover {

            background: #DCDCDC;

            font-weight: 700;

            width: 193px; 

      }

      ul#Menu2 li a.levela:hover span,

      ul#Menu2 li a.current span,

      ul#Menu2 li a.section span,

      ul#Menu2 li a.section:hover span,

      ul#Menu2 li a.current:hover span {

            background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;

            display: block;

            width: 100%;

            height: 100%;

      } 

      ul#Menu2 li a.levela:hover em,

      ul#Menu2 li a.current em,

      ul#Menu2 li a.section em,

      ul#Menu2 li a.section:hover em,

      ul#Menu2 li a.current:hover em {

            background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;

            display: block;

            width: 100%;

            height: 100%;

      }

      ul#Menu2 li ul {

            height: 100%;

            position: relative;

            margin: -4px 0 0 0;

            width: 193px;

            padding: 4px 0 10px 0;

            background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;

      }

      ul#Menu2 li ul li ul {

            background: #DCDCDC;

            margin-left: 0;

      }

      ul#Menu2 li ul li {

            width: 160px;

            background: #DCDCDC;

            padding: 0;

            font-size: 0.8em;

            display: inline;

            margin: 0;

      }

      ul#Menu2 li li a.current,

      ul#Menu2 li li a.section,

      ul#Menu2 li li a.section:hover,

      ul#Menu2 li li a.current:hover {

            color: #555;

            font-weight: 700;

            background: #DCDCDC;

      }

      ul#Menu2 li li ul {

            margin: 0 0 0 10px;

            padding: 0;

            width: 175px;

      }

      ul#Menu2 li li ul .roundWhite {

            margin-bottom: -10px;

      }

      /* Sub Menu */

      ul#Menu2 li a.levelb {

            font-size: 1.7em;

            text-indent: 8px;

            width: 188px;

			background: transparent;

            margin-left: 10px;

      }

	  ul#Menu2 li a.levelb:hover,

      ul#Menu2 li li a.current,

      ul#Menu2 li li a.current:hover,

      ul#Menu2 li li a.section,

      ul#Menu2 li li a.section:hover {

            background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;

            text-decoration: none;

            display: block;

            color: #fff;

      }

      ul#Menu2 li a.levelb:hover span,

      ul#Menu2 li li a.current span,

      ul#Menu2 li li a.current:hover span,

      ul#Menu2 li li a.section span,

      ul#Menu2 li li a.section:hover span {

            background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;

            display: block;

            width: 100%;

            height: 100%;

      } 

      ul#Menu2 li a.levelb:hover em,

      ul#Menu2 li li a.current em,

      ul#Menu2 li li a.current:hover em,

      ul#Menu2 li li a.section em,

      ul#Menu2 li li a.section:hover em {

            background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;

            display: block;

            width: 100%;

            height: 100%;

      }



	

/* Comments

******************************************/



#CommentHolder ul {

	list-style: none;

	margin: 20px 0;

}



#PageComments li {

	margin: 5px 0;

	padding: 1px;

	width: 88%;

}

#PageComments li.odd {

	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;

	padding-left: 40px;

	padding-right: 10px;

	border-bottom: 2px solid #BCE4FE;

}



#PageComments li.even {

	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;

	padding-right: 40px;

	padding-left: 10px;

}



#PageComments li.odd p.info {

	color: #3AA0C3;

}



.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;

}



/** News **/

#newsPhotos { 

	float: left;

	width: 160px;

	

}

#newsDetails { 

	float: left; 		

}



/** Projects **/

#projectPhotos { 

	float: left;

	width: 160px;

	

}

#projectDetails { 

	float: left; 		

}









/* Footer 

*****************************************/



#Footer { 

    background:url(../images/footer-bar.gif);

 	clear: both;  

	width: 790px; 

	height: 102px;

	background-repeat:no-repeat; 

	text-align: center; 

	

	}

	#Footer-left { float:left; width:395px; text-align:left; }

#Footer-right { float:left; width:395px; background-color:#000099; margin-top:40px; text-align:right; }

#footer-right input { width:50px; }

#Footer-link { padding-top:70px; height:1px;  }



/* SLIMBOX */



#lbOverlay {

	position: absolute;

	left: 0;

	width: 100%;

	background-color: #cecece;

	cursor: pointer;

    background-image:url(over.jpg); background-position:bottom left; background-repeat:no-repeat;

}



#lbCenter, #lbBottomContainer {

	position: absolute;

	left: 50%;

	overflow: hidden;

	background-color: #fff;

}



.lbLoading {

	background: #fff url(loading.gif) no-repeat center;

}



#lbImage {

	position: absolute;

	left: 0;

	top: 0;

	border: 10px solid #fff;

	background-repeat: no-repeat;

}



#lbPrevLink, #lbNextLink {

	display: block;

	position: absolute;

	top: 0;

	width: 50%;

	outline: none;

}



#lbPrevLink {

	left: 0;

}



#lbPrevLink:hover {

	background: transparent url(prevlabel.gif) no-repeat 0% 15%;

}



#lbNextLink {

	right: 0;

}



#lbNextLink:hover {

	background: transparent url(nextlabel.gif) no-repeat 100% 15%;

}



#lbBottom {

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size: 10px;

	color: #666;

	line-height: 1.4em;

	text-align: left;

	border: 10px solid #fff;

	border-top-style: none;

}



#lbCloseLink {

	display: block;

	float: right;

	width: 66px;

	height: 22px;

	background: transparent url(closelabel.gif) no-repeat center;

	margin: 5px 0;

}



#lbCaption, #lbNumber {

	margin-right: 71px;

}



#lbCaption {

	font-weight: bold;

}