﻿/* Because of the absolute positioning used to position the HeaderlessEdit links, your page layout css
should make much use of the position:relative tag. Position:absolute will be looking for the
nearest container with a specified position attribute to base it's position off of. */
#wrapper{width:960px;background:#fff url(../images/content_cap.png) no-repeat bottom;padding:0 0 40px 0;margin:0 auto;position:relative;z-index:1;}
.background{background:url(../images/bg_top.png) no-repeat top;}
.LogoPane{float:left;z-index:2;}
.login{width:960px;margin:0 auto;height:30px;}
.login a{color:#fff;line-height:30px;width:100px;display:block;text-align:center;float:right;margin:0 25px 0 0;text-decoration:none;}
.login a:hover{-webkit-box-shadow:4px 0 9px #F6871F, -4px 0 9px #F6871F;-moz-box-shadow:4px 0 9px #F6871F, -4px 0 9px #F6871F;background:#F6871F}
.DefaultBody{background:#f8981d url(../images/background.png) repeat-x;color:#231F20;}
#container{clear:left}
#column1{width:300px;min-height:300px;float:left;margin:0;}
#column2{width:660px;float:left;margin:0;}
#home #column1{margin-top:35px;width:350px;}
#home #column2{margin-top:35px;width:610px}
.ContentPane{padding:0 35px 35px 0;background:none;float:left;}
.RightPane{background:none;float:left;width:210px;}
.slimContentPane{width:400px;}

.quotation{margin:20px 0 20px 40px;width:220px;font:18px/28px Arial,Helvetica,Verdana,sans-serif;color:#F8981D;font-weight:bold;}
.quotation h3{font:18px/28px Arial,Helvetica,Verdana,sans-serif;color:#F8981D;font-weight:bold;}
.quotation h3 .cufon{height:28px !important;}

.callout{margin-left:28px;font:12px/16px Arial,Helvetica,Verdana,sans-serif;}
.calloutTop{background:#fff url(../images/calloutTop.gif) no-repeat top;margin:0;padding:0;width:295px;height:36px;}
.calloutInner{background:#fff url(../images/calloutInner.gif) repeat-y;margin:0;padding:0 16px;width:263px;margin-bottom:-10px}
.calloutItem:first-child{margin-top:-20px;}
.calloutItem{}
.calloutItem img{float:left;margin:8px 12px 5px 0;}
.calloutItem p{font:12px/16px Arial,Helvetica,Verdana,sans-serif;margin:0;}
.calloutBottom{background:#fff url(../images/calloutBottom.gif) no-repeat bottom;margin:0;margin-bottom:20px;padding:0;width:295px;height:17px;}
.calloutDate{
	font:11px/11px Arial,Helvetica,Verdana,sans-serif;
	background:#fff url(../images/squareBox.gif) no-repeat top left;
	float:left;
	width:26px;
	height:27px;
	text-decoration:none;
	margin-top:8px;
	margin-bottom:5px;
	margin-right:12px;
	text-align:center;
	color:#F8981D;
}
.calloutMonth{width:18px;border-bottom:#F8981D solid 1px;margin-top:2px;margin-left:4px;}
.calloutDay{width:18px;margin-top:2px;margin-left:4px;}
 
.NewsEventsTable{width:650px;}
.NewsEventsImageTD{width:38px;}
.NewsEventsContentTD{width:287px;padding-bottom:10px;}
.NewsEventsHeaderRow{width:325px}
.NewsEventsImageTD img{margin:5px 12px 5px 0;}
.NewsEventsContentTD p{width:257px;margin:0 12px 5px 0;}

.promo{font:12px/16px Arial,Helvetica,Verdana,sans-serif;}
.promoTop{background:#fff url(../images/promoTop.gif) no-repeat top;margin:0;padding:0;width:208px;height:17px;}
.promoInner{background:#fff url(../images/promoInner.gif) repeat-y;margin:0;width:206px;padding-left:2px;}
.promoItem{background-color:White;padding:0 16px;width:173px;font:12px/16px Arial,Helvetica,Verdana,sans-serif;margin:0;}
.promoItem:first-child{background-color:#E6E7E8;padding-bottom:5px;}
.promoItem:first-child p{padding-top:0;padding-bottom:5px;}
.promo p{margin:0;padding:0;padding-top:10px;}
.promoBottom{background:#fff url(../images/promoBottom.gif) no-repeat bottom;margin:0;margin-bottom:20px;padding:0;width:208px;height:17px;}

.FooterPane{width:960px;margin:0 auto;text-align:left;color:#6D6E71;padding:15px 0;}
.FooterPane a{color:#fff;}

.SiteLinks{margin-left:5px;}

/* HeaderlessEditLink modifications */
.TopPane .HeaderlessEditLink{}
.ImagePane .HeaderlessEditLink{}
.LeftPane .HeaderlessEditLink{}
.ContentPane .HeaderlessEditLink{top:-20px;}
.CalloutPane .HeaderlessEditLink{}
.PromoPane .HeaderlessEditLink{}
.RightPane .HeaderlessEditLink{}
.BottomPane .HeaderlessEditLink{}
.FooterPane .HeaderlessEditLink{background-color:white;border:black solid 1px;margin-left:-40px;margin-bottom:10px;position:relative;float:left;clear:left;}

/* This will make the admin controls take over the content area on pages in the admin section */
/* Please don't delete this unless you know what you're doing */
#admin .LeftPane{display:none;}
#admin .RightPane{display:none;}
#admin #column1{display:none;}
#admin #column2{width:960px;float:none;}
#admin .ContentPane{margin:0 auto;width:800px;background-color:white;float:none;}