body { background-color: #f26649; font-family: Arial;}
img { border: 0px; }

a:link { color: #16658A; }
a:visited { color: #16658A; }
a:active { color: #16658A; }
a:hover { color: #16658A; text-decoration: none; }
.footer_copy {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FAFAFA;
	font-weight: bold;
}
#contentWrapperPlain {
	height: 100%;
	width: 945px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-image: url(../../../images/DesignElements/no_heightBG945x4.png);
	background-repeat: repeat-y;
}
#footer {
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}
#topper {
	height: 35px;
	color: #FFF;
	font-size: 11px;
	line-height: 25px;
	text-align: center;
	padding-top: 0px;
}
#topperLinks a:link, #topperLinks a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F4F4EC;
	text-decoration: none;
	font-weight: bold;
	vertical-align: baseline;
	text-transform: uppercase;
	margin-bottom: 3px;
	}
#topperLinks a:hover{
	color: #F1654A;
	text-decoration: underline;
    }
.xLinks a:link, .xLinks a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	text-transform: uppercase;
	background-color: #F1654A;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: thin solid #CCC;
	margin-top: 2px;
	}

.xLinks a:hover{
	color: #F1654A;
	text-decoration: underline;
	background-color: #FFFFFF;
    }#mainJCLinks {
	position: relative;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #202020;
}
div.horizPad {position: relative; float: left; width: 3px; height: 34px;}
.notSelected a:link, .notSelected a:visited {
	float: left;
	width: 150px;
	height: 34px;
	vertical-align: middle;
	background-color: #8DA7B4;
	text-decoration: none;
	color: #222;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
	}

.notSelected a:hover{
	color: #FFF;
    }

.kCard a:link, .kCard a:visited {
	float: left;
	width: 172px;
	height: 34px;
	background-color: #DF7F6C;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
	}
.kCard a:hover{
	color: #FFF;
	background-color: #DF7F6C;
	text-decoration: underline;
    }
.selected a:link, .selected a:visited {
	float: left;
	width: 150px;
	height: 34px;
	vertical-align: middle;
	background-color: #25211B;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	padding-top: 4px;
	background-image: url(../../img/templateV2/wood_tileV2.png);
	padding-bottom: 2px;
	}

.selected a:hover{
	text-decoration: underline;
    }
.selectedKC a:link, .selectedKC a:visited {
	float: left;
	width: 172px;
	height: 34px;
	vertical-align: middle;
	background-color: #25211B;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	padding-top: 4px;
	background-image: url(../../img/templateV2/wood_tileV2.png);
	}

.selectedKC a:hover{
	text-decoration: underline;
    }
.productTable {
	background-color: #FFF;
	border: thin solid #FF4040;
}
	
div.clearBoth {clear: both;}
div.txtCenter {text-align: center;}

p.dspace { line-height: 1.5; }

input[type=text] {border: 1px solid #ADD8E6; font-family: Arial; font-size: 12px; padding: 3px 3px; width: 200px;}
input[type=password] {border: 1px solid #ADD8E6; font-family: Arial; font-size: 12px; padding: 3px 3px; width: 200px;}
input[type=radio] {border: 0px;}
input[type=checkbox] {border: 0px;}
textarea {border: 1px solid #ADD8E6; font-family: Arial; font-size: 12px; padding: 3px 3px; width: 280px; height: 80px;}
button, input[type=submit]{border: 1px solid #F7E5BD; font-family: Arial; font-size: 15px; font-weight: bold; padding: 4px 6px; color: white; background-color: #da5f46; cursor: pointer;}
select {border: 1px solid #ADD8E6; font-family: Arial; font-size: 12px; padding: 3px 3px; width: 280px;}

#siteContainer {background-image: url(../../img/templateV2/scribble_tile.png);}

div.topBlue {width: 100%; height: 38px; background-image: url(../../img/templateV2/top_bluebar.png); text-align: center;}
div.topBlue div.container {margin: 0px auto; width: 945px; height: 38px; text-align: left;}
div.topBlue div.container div.leftLinks {position: relative; float: left; color: white; width: 200px; padding: 0px 10px; font-family: Trebuchet MS; font-size: 13px;}
div.topBlue div.container div.rightDonate {position: relative; float: right; } 

div.topPage {width: 100%; background-image: url(../../img/templateV2/top_page.png); text-align: center;}
div.topPage div.container {margin: 0px auto; text-align: left; width: 945px; height: 190px;}
div.topPage div.container div.logo {width: 360px; position: relative; float: left; height: 170px;}
div.topPage div.container div.counter {width: 432px; position: relative; float: left; text-align: right; height: 170px;}
div.topPage div.container div.rachel {width: 149px; position: relative; float: right; text-align: right; height: 170px;}

div.topPage div.container div.mainLinks {position: relative; top: -14px; font-family: Trebuchet MS; font-weight: bold; font-size: 15px; text-align: center; color: #202020;}
div.topPage div.container div.mainLinks div.selected {position: relative; float: left; width: 150px; height: 34px; background-image: url(../../img/templateV2/wood_tileV2.png);}
div.topPage div.container div.mainLinks div.notSelected {position: relative; float: left; width: 150px; height: 34px; background-image: url(../../img/templateV2/mainLink_blue.png);}
div.topPage div.container div.mainLinks div.kCard {position: relative; float: left; width: 180px; height: 34px; background-image: url(../../img/templateV2/mainLink_red.png);}
div.topPage div.container div.mainLinks div.topPad {height:11px;}
div.topPage div.container div.mainLinks div.horizPad {position: relative; float: left; width: 3px; height: 34px;}


div.mainContent { height: 100%; width: 100%; text-align: center; background-image: url(../../img/templateV2/wood_tileV2.png); background-repeat: repeat-x; background-position: top center;}

div.mainContent div.wings {background: url(../../img/templateV2/wingsV2.png) no-repeat center top;}
div.mainContent div.container { margin: 0px auto; text-align: left; width: 945px; position: relative; height: 100%; }
div.mainContent div.container div.subLinks {
	font-family: Arial;
	font-size: 13px;
	padding-top: 30px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
	text-align: right;
}
	div.mainContent div.container div.subLinks a:active { color: #ABABAB; text-decoration: none; }
	div.mainContent div.container div.subLinks a:visited { color: #ABABAB; text-decoration: none; }
	div.mainContent div.container div.subLinks a:link { color: #ABABAB; text-decoration: none; }
	div.mainContent div.container div.subLinks a:hover { text-decoration: underline; }
	div.mainContent div.container div.subLinks a.current { color: #EBEBEB; }
div.mainContent div.container div.globe {background-color: white; height: 285px;}
div.mainContent div.container div.blueAd {height: 120px;}
div.mainContent div.container div.creamShadow {height: 16px;}

div.mainContent div.container div.leftContent { width: 240px; background-color: #8fa9b5; position: relative; float: left;}
div.mainContent div.container div.leftContent div.activate {position: relative;}
div.mainContent div.container div.leftContent div.ack {position: relative; top: -3px;}
div.mainContent div.container div.leftContent div.daily {width: 165px; border: 2px solid white; text-align: left; margin: 0px auto;}
div.mainContent div.container div.leftContent div.daily div.title {background-color: white; color: #16658a; padding: 5px 8px; font-size: 14px; font-weight: bold; font-family: Trebuchet MS;}
div.mainContent div.container div.leftContent div.daily div.content {padding: 8px; font-size: 15px; font-family: Arial; color: #303030;}
			
/*
div.mainContent div.container div.leftContent {height: 500px; width: 564px; background-color: #fbf2df; position: relative; float: left;}
div.mainContent div.container div.leftContent div.left {position: relative; float: left; width: 246px; padding: 8px 0px 8px 22px; color: #5c5a59; font-size: 11px; font-family: Trebuchet MS;}
div.mainContent div.container div.leftContent div.left span.itemTitle {color: #fb7f65; font-weight: bold; font-size: 16px;}
div.mainContent div.container div.leftContent div.left div.hrDiv {background-color: #f8e7c3; height: 2px; width: 80%;}

div.mainContent div.container div.leftContent div.mid {position: relative; float: left; width: 12px; text-align: right; padding: 42px 0px 0px 0px;}

div.mainContent div.container div.leftContent div.right {position: relative; float: left; width: 246px; padding: 8px 0px 8px 22px; color: #5c5a59; font-size: 14px; font-family: Trebuchet MS;}
div.mainContent div.container div.leftContent div.right span.date {color: #fb7f65; font-weight: bold; font-size: 12px;}
div.mainContent div.container div.leftContent div.right span.owner {color: #6ba0c4; font-size: 11px; font-weight: bold; font-family: Arial;}
div.mainContent div.container div.leftContent div.right div.hrDiv {background-color: #f8e7c3; height: 2px; width: 80%;}
*/

/*div.mainContent div.container div.rightContent {height: auto; width: 381px; background-color: #f7e5bd; position: relative; float: left;}
div.mainContent div.container div.rightContent div.scrollAoK {height: 400px; width: 360px; overflow: auto;}
div.mainContent div.container div.rightContent div.scrollAoK div.AoK {padding: 12px 30px 12px 45px; color: #5c5a59; font-size: 14px; font-family: Trebuchet MS;}
div.mainContent div.container div.rightContent div.scrollAoK div.AoK span.date {color: #fb7f65; font-weight: bold; font-size: 10px;}
div.mainContent div.container div.rightContent div.scrollAoK div.AoK span.ackTitle {color: #6ba0c4; font-size: 10px; font-weight: bold; font-family: Arial;}
div.mainContent div.container div.rightContent div.sepAoK {background-color: #fbf2df; height: 2px; width: 70%;}
*/


div.mainContent div.container div.rightContent div.bodyContent {padding: 0px 20px; font-size: 13px; font-family: Arial;}
div.mainContent div.container div.rightContent div.bodyContent span.title {font-size: 17px; font-family: Trebuchet MS; color: #808080;}
div.mainContent div.container div.rightContent div.bodyContent div.form {color: #404040;}

div.mainContent div.container div.rightContent div.tbkPower {position: relative; float: right;}

div.footerLinks {margin: 0px auto; position: relative; left: 3px; width: 950px; background-image: url(../../img/templateV2/footer_bg.png); background-repeat: repeat-x; height: 322px; color: #fbf2df; font-size: 17px; font-family: Trebuchet MS;}
div.footerLinks div.container {padding: 60px 60px;}
	div.footerLinks div.container a:link,
	div.footerLinks div.container a:visited,
	div.footerLinks div.container a:active {color: #a1aab0; font-size: 15px; text-decoration: none;}
	div.footerLinks div.container a:hover {text-decoration: underline;}
	
div.footerLinks div.container div.left {position: relative; float: left; width: 330px;}
div.footerLinks div.container div.mid {position: relative; float: left; width: 300px;}
div.footerLinks div.container div.right {position: relative; float: left; width: 200px; text-align: right;}
div.footerLinks div.container div.right span.address {color: #a1aab0; font-size: 15px;}

div.footer {margin: 0px auto; width: 945px; color: #303030;}
div.footer div.container {position: relative; top: -10px; padding: 0px 10px;}
div.footer div.container div.left {position: relative; float: left; width: 400px; font-size: 15px; font-family: Trebuchet MS; font-weight: bold;}
div.footer div.container div.right {position: relative; float: right; text-align: right; width: 300px;}
div.footer div.container div.right img.tbkDesign {position: relative; top: -5px;}


/*	ADDED STYLES
	BASED ON PROJECT REQ.
	*/
	
	div.shareBox {padding: 7px 0px 0px 160px;}
	#shareResult {text-align: center; font-size: 13px;}
	
	#response { color: #16658a; font-size: 11px; font-family: Arial;}
	
	#helpWriteAck { background-color: white; border: 1px solid #dbdbdb; padding: 30px;}
	#slideInviteFriend { background-color: #f37321; padding: 10px; border: 1px solid #EBBE53; color: #004454; }
	
	/* GOOGLE MAP HELP */
	div.gmh { font-size: 12px; padding: 3px 0px; }
	div.gmh a:link, div.gmh a:active, div.gmh a:visited {text-decoration: none;}
	div.gmh a:hover {text-decoration: none;}
	div.gmh #googleMapHelp {}
	div.gmh #googleMapHelp span { padding: 3px 5px; }
	div.gmh #mapHelp { background-color: white; border: 0px solid #dbdbdb; padding: 3px 5px; width: 300px; font-size: 11px; }
	
	span.imgShare, span.imgShare:hover { cursor: pointer; }
	input, textarea { background-image: url(../../img/input_bg.gif); background-repeat: repeat-x; }
	table.tblShare { font-size: 11px; color: #589c00; }
	table.tblShare td { padding: 2px; }
	img.addCursor { cursor: pointer; }
	
	ol.circle, ul.circle { list-style: circle; left: 20px; padding-left: 20px; line-height: 1.5; }
	
	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	.suggestionList li:hover {
		background-color: #659CD8;
	}
	
	div.basicTwoColumnForm {color: #404040;}
	div.basicTwoColumnForm div.leftHeader {position: relative; float: left; width: 141px; padding:6px;}
	div.basicTwoColumnForm div.left {border: 0px solid red;position: relative; float: left; width: 141px; padding: 6px; text-align: right; font-weight: bold;}
	div.basicTwoColumnForm div.right {border: 0px solid red;position: relative; float: left; width: 280px; padding: 6px;}
	div.basicTwoColumnForm div.sectionHead {position: relative; float: left; width: 280px; padding: 6px; font-size: 17px; color: #16658A;}
	

