/* CSS Document */

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

   Written by Colby Palmer
   http://www.colbypalmer.com
   This page styles the layout and menus for the day site.

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

   #wrapper: Sets the width of the site.

 **************************************************************/
  
 #wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background : transparent;
	padding : 0;
	text-align : left;
	/* guides for working on layout:
	border-left : 1px solid black;
	border-right : 1px solid black;
	*/
	z-index: 5;
}

#wrapper,
#width {
	width: 840px;  
	margin: 0 auto;
}


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

   #header: Holds the header image, and a top bar
   			if I decide I need one.

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

#header {
	background :  transparent url(../images/header.jpg) no-repeat top center;
	height : 150px;
	width : 840px;
	margin : 0;
	padding: 0;
}


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

   #nav: The main site nav, right beneath the header.

 **************************************************************/
 
 
#nav { 
	width: 100%;
	margin-bottom: 85px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li a {
	float: left;
	margin: -1px 2px 0;
	padding: 0;
	font: 16px "trebuchet ms", verdana, arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: lowercase;
	color: #555;
}

#nav li a span {
	float: left;
	padding: 5px 15px;
}

#nav li a:hover,
#nav li a.current {
	color: #333;
	background: url(../images/navCorner_day_bl.jpg) no-repeat bottom left;
}

#nav li a:hover span,
#nav li a.current span {
	background: url(../images/navCorner_day_br.jpg) no-repeat bottom right;  
}

#nav li a.current {
	cursor: default;
}

#nav li a.last {
	margin-right: 0;

}


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

   cpBox style: the background and colors of
  				the outer CurvyCorners boxes.

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


.cpBox {
	background: #ddd;
	border: 2px solid #666;
	padding: 10px;
}

* html .cpBox {
	padding: 0;
}

.cpBoxFauxMenu {
	width: 269px;
	background: url(../images/menuBG_mid.gif);
	padding: 0;
	margin-top: -20px;
	margin-bottom: 0px;
}

.pfBox {
	width: 545px;
	background: url(../images/pfBox_mid.gif) repeat-y top center;
	padding: 0;
	margin-top: -20px;
}

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

   Spacer class: apply to hr to keep pesky CurvyCorners
   				 boxes spaced vertically.

 **************************************************************/
 
 .spacer {
 	margin : 40px 0;
	visibility : hidden;
	clear : both;
 }
 
 * html .spacer {
 	margin: 30px 0;
}
 
 .spacerText {
 	margin : 25px 0;
	visibility : hidden;
 }

.spacerThin {
	width: 100%;
	margin: 0;
	visibility: hidden;
	clear: both;
}

.spacerThin2 {
	margin: 0;
	visibility: hidden;
	clear: both;
}

.spacer40 {
	width: 100%;
	margin: 20px 0;
	clear: both;
	visibility: hidden;
}

* html .spacer40 {
	margin: -14px 0 0;
}

.clear {
	clear: both;
}

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

   Hide: Visibility state toggle.

 **************************************************************/
 
 .hide {
 	visibility : hidden;
}


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

   Width: defines the width of the site columns

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


.width100 {
	width: 100%;
}

.width90 {
	width: 89%;
}

.width75 {
	width: 74%;
}

.width66 {
	width: 65%;
}

* html .width66 {
	width: 63%;
}

.width66right {
	width: 65%;
	margin-left: 34%;
}

.width66left {
	width: 65%;
	margin-right: 34%;
}

.width50right {
	width: 49%;
	margin-left: 51%;
}

.width50left {
	width: 49%;
	margin-right: 51%;
}

.width50 {
	width: 49.7%;
}

.width33 {
	width: 32%;
}

.width25 {
	width: 24.7%;
}


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

   Alignment classes

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


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.alignMiddle {
	vertical-align: middle;
}

.alignTop {
	vertical-align: top;
}

.alignBottom {
  vertical-align: bottom;
}

.alignJustify {
	text-align: justify;
}

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

   Margin/Padding Classes to space out boxes

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


.marginLeft {
	margin-left: 15px;
}

.marginRight {
	margin-right: 15px;
}

.marginTop {
	margin-top: 15px;
}

.marginBottom {
	margin-bottom: 15px;
}

.margin {
  margin: 12px 15px 10px 15px;
}

.paddingTop {
  padding-top: 15px;
}


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

   #footer: The page footer - will stick to the bottom if not
            enough content.

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


#footer {
	float: left;
	width: 100%;
	clear: both;
	margin-top: -40px;
	height: auto !important;
	height: 40px;
	min-height: 40px;
	background: #9ac3f5;
	border-top: 2px solid #666;
}

/* Sets the width of the footer content */

#footer #width {
	padding-top: 75px;
	text-align: left;
}

#copyright {
	width: 100%;
	height: 24px;
	float: left;
	margin-top: 6px;
	padding-top: 6px;
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #333;
}
 

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

pullQuote: For pullquote text on a white background.

 **************************************************************/
 
 
.pullQuote {
	height: 100%;
	border-top : 1px solid #aaa;
	background: #fff url(../images/dotsWhiteTopLt.jpg) repeat-x top left;
	margin : 10px 10px 33px;
	padding: 0;
	text-align: justify;
}

.pullQuoteInner {
	height: 100%;
	border-bottom : 1px solid #aaa;
	background: transparent url(../images/dotsWhiteBottomLt.jpg) repeat-x bottom left;
	margin : 0;
	padding: 25px 10px 25px 10px;
	text-align: justify;
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	line-height: 153%;
	color: #333;
}