/* CSS Document */

/* -------------------------------------
/*  html, body
/* -------------------------------------*/

html {
	background:				#FFFFFF;
	color:					#000000;
	font:					76% Verdana, Arial, Helvetica, sans-serif;
	text-align:				center;
	background-image:		url(../images/Knit-BG-for-Web.gif);	
}


html, body {
	margin:					0;
	padding:				0;
}

body {
	text-align:				left;
	width:					900px;
	margin:					0 auto;
	line-height:			1em;
}

/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}

img {
	margin:					0;
	padding:				0;
	border:					0;
}

ul {
	list-style:				none;
}

a {
	outline:				0;
}

.clear {
	clear:					both;
}

/* Warning */
.warning {background-image:url(http://static.thepreemieproject.org/images/common/warningGradient); background-repeat:repeat-x; height:50px; margin:0 0 10px 0;}
.warning p {line-height:1.3em;color:#FFFFFF; font-size:14px; text-align:center; margin: 0 auto 0 auto;}

/*-------------------------------------
 	SiteNav
---------------------------------------*/


#siteNav ul {
	margin-left:			15px;
	padding-top:			0px;
	z-index:				1;
}

#siteNav li {
	float:					left;
	position:				relative;
	top:					0;
	left:					0;
}

#siteNav li a {
	padding:				0px 12px 8px 12px;
}

#siteNav li.current a {
	margin-bottom:			-1px;
}

#siteNav li ul {
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;
	margin:					0;
	padding:				0;
}

#siteNav ul:after {
    content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;	
}

#siteNav li ul li ul {
	position:				relative;
}

#siteNav li ul li {
	width:					175px;
}

#siteNav li > ul {
	top:					auto;
	left:					auto;
}

#siteNav li:hover ul {
	display:				block;
}

#siteNav li.current ul {
	padding-bottom:			1px;
}

#siteNav li {
	font-size:				12px;
	text-align:				center;
}

#siteNav li li {
	text-align:				left;
}

#siteNav li li li {
	text-indent:			10px;
}

#siteNav a {
	text-decoration:		none;
	display:				block;
}

#siteNav {
	margin:					0px;
}

#siteNav li {
	margin:					0px;
}

#siteNav li a:link, #siteNav li a:visited {
	color:					#000000;
	font-weight:			600;
	text-decoration:		none;
}

#siteNav li a:hover {
	color:					#FE7F99;
	text-decoration:		underline;
}

#siteNav li.current a:link, #siteNav li.current a:visited {
	color:					#FE7F99;
	text-decoration:		underline;
}

#siteNav li.current a:hover {
	color:					#000000;
	text-decoration:		none;
}

#siteNav li ul li ul, #siteNav li.current ul li ul {
	border:					0;
}

#siteNav li ul li a:link, #siteNav li ul li a:visited, #siteNav li.current ul li a:link, #siteNav li.current ul li a:visited {
	background:				#A2C9F2; 
	color:					#000000;
}

#siteNav li ul li a:hover, #siteNav li.current ul li a:hover {
	background-color:		#A2C9F2;
	color:					#FE7F99;
}

#siteNav li li li a:link, #siteNav li li li a:visited,
#siteNav li.current li li a:link, #siteNav li.current li li a:visited {
	background-image:		none;
	color:					#58879b;
}

#siteNav li.over {
	color:					yellow;
	border:					1px solid red;
}

/* ---------------------------------------
/*	Content Stuff
/* --------------------------------------*/


.box-main {
	width:					885px;
	margin:					10px auto 0px auto;
	padding:				165px 10px 20px 10px;
	background-image:		url(../images/common/body.png);
}

.box-main-bottom {
	width:					905px;
	height:					91px;
	margin:					0 auto auto auto;
	background-image:		url(../images/common/body-bottom.png);
}

.box-secondary {
	width:					905px;
	height:					101px;
	margin:					9px auto 20px auto;
	padding:				50px 0 0 0;
	background-image:		url(../images/common/box-bottom.png);
}

.box-secondary p {
	font-size:				10px;	
	text-align:				center;
}

#Content {
	width:					743px;
	margin:					10px;
}

#fullContent {
	width:					880px;
	margin:					10px;
}

/* note, in the following two examples, you will see "_width" and "_margin"...THose are IE hacks */


#leftContent {
	width:					600px;
	_width:					580px;
	margin:					10px 10px 0 10px;
	line-height:			1.2em;
	padding-top:			5px;
	float:					left;
}

#rightContent {
	background-color:		#ffffd9;
	border-width:			thin;
	border-style:			solid;
	border-color:			#BCBC7A;
	width:					225px;
	margin:					35px 5px 0 640px;
	_margin:				35px 0 0 600px;
	padding:				5px;
}

#leftContent p {
	line-height:			1.2em;
	margin:					0 0 10px 0;
}

#leftContent h1, #fullContent h1{
	color:					#FE7F99;
	font-size:				20px;
	line-height:			1.1em;
}

#rightContent h1 {
	color:					#FE7F99;
	font-size:				18px;
	margin:					0 auto 10px auto;
	line-height:			1.1em;
}

#leftContent h2, #rightContent h2, #fullContent h2{
	font: 					normal 20px/24px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					0;
	color:					#4fa5ff;
	text-shadow: 			0px 0px 0px #fff; 
}

#leftContent h2 {
	font: 					normal 20px/24px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					0;
	color:					#4fa5ff;
	text-shadow: 			0px 0px 0px #fff; 
}

#leftContent h2 a:link {
	font: 					normal 20px/24px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					0;
	color:					#4fa5ff;
	text-shadow: 			0px 0px 0px #fff; 
	text-decoration:		none;
}

#leftContent h2 a:hover {
	font: 					normal 20px/24px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					0;
	color:					#000000;
	text-shadow: 			0px 0px 0px #fff; 
	text-decoration:		underline:
}

#leftContent h2 a:visited {
	font: 					normal 20px/24px arial,georgia, serif;
	letter-spacing:			-1px;
	padding:				0;
	margin:					0;
	color:					#4fa5ff;
	text-shadow: 			0px 0px 0px #fff; 
	text-decoration:		none;
}

#rightContent p {
	line-height:			1.2em;
	margin:					0 0 10px 0;
}


a:link {
	color:					#000000;
	text-decoration:		none;
	font-weight:			600;
}

a:visited {
	color:					#000000;
	text-decoration:		none;
	font-weight:			600;
}

a:hover {
	color:					#FE7F99;
	text-decoration:		underline;
	font-weight:			600;
}

#photo {
	width:					190px;
	margin:					5px;
	float:					right;
	font-size:				10px;
	font-style:				italic;
	text-align:				center;
	clear:					both;
}

#spotlightPhoto {
	width:					220px;
	margin:					5px;
	float:					right;
	font-size:				10px;
	font-style:				italic;
	text-align:				center;
	clear:					both;
}

#spotlightPhoto2 {
	width:					320px;
	margin:					5px;
	float:					right;
	font-size:				10px;
	font-style:				italic;
	text-align:				center;
	clear:					both;
}

#spotlightPhotoArchive {
	width:					126px;
	margin:					5px;
	font-size:				10px;
	font-style:				italic;
	text-align:				center;
	float:					right;
	clear:					left;
}

.merchLeft {
	width:					250px;
	margin:					10px 10px 0 10px;
	line-height:			1.2em;
	padding-top:			5px;
	float:					left;
}

.merchRight {
	width:					250px;
	margin:					10px 5px 0 270px;
	line-height:			1.2em;
	padding-top:			5px;
}

.itemLeft {
	width:					250px;
	margin:					10px;
	line-height:			1.2em;
	float:					left;
}

.itemRight {
	width:					250px;
	margin:					10px 5px 10px 270px;
	line-height:			1.2em;
}


.pagination {
	border-top:				1px solid #D3D9DC;
	margin:					6px 0pt;
	padding-top:			8px;
	text-align:				right;
}
.pagination b {
	background-color:		#DEE9EF;
	border:					1px solid #9FCDE7;
	color:					#67A9D6;
	padding:				1px 4px;
}
.pagination a {
	font-size:				12px;
	padding:				0pt 2px;
}

.entry {
	background:				transparent url(../images/common/blog_entry_divider.jpg) no-repeat scroll center bottom;
	margin-top:				25px;
	padding-bottom:			38px;
}

.entry p {
	font-size:				13px;
	line-height:			18px;
	margin-bottom:			12px;
}

.entry h3 {
	color:					#111111;
	font-family:			Arial,Helvetica,sans-serif;
	font-size:				20px;
	font-weight:			normal;
	line-height:			24px;
	margin-bottom:			12px;
	text-shadow:			#FFFFFF 0px 0px 0px;
}


#socialmedia {
	background-color:			#ffd8e1;
	width:				600px;
	_width:				580px;
	margin:				10px 10px 10px 13px;
	line-height:			1.2em;
	padding-top:			5px;
	float:				left;
}


/* ---------------------------------------
/*	Bullets
/* --------------------------------------*/

ul.bullets {
	margin:					0pt 0pt 1.2em;
}

ul.bullets li {
	list-style-position:	inside;
	list-style-type:		disc;
	margin:					0pt 0pt 0pt 1.2em;
}

ul.nav_categories {
	margin:					0pt 0pt 1.2em;
}

ul.nav_categories li {
	list-style-position:	inside;
	list-style-type:		disc;
	margin:					0pt 0pt 0pt 1.2em;
}

ul#nav_cat_archive {
	margin:					0pt 0pt 1.2em;
}

ul#nav_cat_archive li {
	list-style-position:	inside;
	list-style-type:		disc;
	margin:					0pt 0pt 0pt 1.2em;
}


.leftEntry {
	width:					250px;
	float:					left;
	margin:					0 5px 0 0;
}

.rightEntry {
	width:					340px;
	margin:					0 0 0 260px;
	padding-top:			20px;
}


/*----------------------------------------------------
    Blog Formatting
------------------------------------------------------ */

/*----------------------------------------------------
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 2px 0 2px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 3px 2px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 3px 2px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}
	
/*----------------------------------------------------
    More Blog Entry Formatting
------------------------------------------------------ */

.alert { 
	color: #990000; 
	font-weight: bold; 
}

/*----------------------------------------------------
	Photos from Flickr
------------------------------------------------------ */

.photoLeft {
	margin:			10px;
	width:			180px;
	float:			left;
}

.photoMiddle {
	margin:			10px 5px 10px 201px;
	width:			180px;

}