@charset "utf-8";
/**
 * GLOBAL STYLES
 */
html, body, 
ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
map, area, 
blockquote, img, a, span, p, 
form, input, select, textarea, fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	background: 50% 227px no-repeat url(../gfx/bg.png) #FFFFFF;
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
}

a:link,
a:visited { color: #5E861A; text-decoration: none; }

a:hover,
a:active { text-decoration: underline; }

div.clear { clear: both; }
div.clear2 { clear: both; display: block; height: 0.1px; overflow: hidden; }
div.inline { display: inline; }

img { display: block; }

ul, ol { margin: 7px 0px 7px 20px; }
ul ul,
ul ol, 
ol ol,
ol ul { margin-bottom: auto; margin-top: auto; }

p, table { margin: 12px 0px 12px 0px; }
p { font-size: 13px; color: #666666; }
p.lead { font-size: 15px; color: #333333; }

h1,h2,h3,h4,h5,h6 { color: #000000; margin: 12px 0px; }
h1 { font-size: 19px; font-weight: normal; }
h2 { font-size: 17px; font-weight: normal; }
h3 { font-size: 15px; font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; font-style: italic; }
h6 { font-size: 13px; font-weight: normal; font-style: italic; }

input, select, textarea { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }
input.text { border: 1px solid #CCCCCC; }
input.radio {}
input.checkbox {}
input.image { margin: 0px; padding: 0px; border: none; background: none; }
input.submit { border: 1px outset #006699; color: #FFFFFF; background-color: #006699; padding: 2px 10px; }
textarea { border: 1px solid #CCCCCC; }
select { border: 1px solid #CCCCCC; }

div.form-error { padding: 10px; color: #FF0000; }
#blog-window div.blog-post div.form-error { border: 1px solid #FF0000; background-color: #FFE8E9; color: #000000; font-size: 12px; }
#blog-window div.blog-post div.form-error p { color: #000000; font-size: 12px; margin-top: 5px; }
#blog-window div.blog-post div.form-error h2 { color: #FF0000; font-weight: bold; font-size: 14px; margin-bottom: 0px; }
#blog-window div.blog-post p.comment { font-size: 12px; color: #000000; }
#blog-window div.blog-post p.comment span.name { color: #FF6600; vertical-align: middle; }
#blog-window div.blog-post p.comment span.date { color: #666666; vertical-align: middle; }

#loading {
	position: fixed; 
	left: 50%; 
	top: 50%; 
	z-index: 5000;
}
/**
 * LAYOUT
 */
#page-wrapper {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	/*background-color: #CC3300;*/
	min-height: 1000px;
}
#header {
	width: inherit;
	height: 65px;
	padding: 0px 7px 0px 7px;
	/*background-color: #009999;*/
}

/**
 * HEADER
 */
#logo { 
	position: relative;
	top: 6px;
	left: 5px;
	float: left;
}

#header #top-links { float: right; }
#header .links-block {
	border-left: 1px solid #E2E1E4;
	float: left; 
	height: 36px; 
	padding: 0px 0px 0px 10px;
	margin: 0px 15px 0px 0px;
}

#header span.title,
#header #top-links a {
	display: inline;
	font-size: 10px;
	margin-left: 5px;
	position: relative;
	top: 8px;
}
#header span.title { color: #666666; }

/**
 * MAIN ELEMENTS
 */
#flash {
	position: absolute;
	top: -327px;
	left: -80px;
	z-index: 100;
}
#logo {
	position: absolute;
	top: 0px;
	left: 567px;
	z-index: 300;
}
#contact {
	position: absolute;
	top: 355px;
	left: 644px;
	z-index: 150;
}
#menu { 
	font-size: 16px; 
	position: absolute; 
	z-index: 300;
	left: 712px;
	top: 100px;
}
	#menu div.group {
		height: 25px;
	}
	#menu a {
		color: #333333;
		display: block;
		float: left;
		font-weight: normal;
	}
	#menu a:hover {
		color: #79AE22;
		text-decoration: none;
		}
		#menu a.pink:hover { color: #FF3399; }
		#menu a.orange:hover { color: #FF6600; }
		#menu a.blue:hover { color: #0099cc; }
		
	#menu a.active {
		color: #79AE22;
		}
		#menu a.active-pink { color: #FF3399; }
		#menu a.active-orange { color: #FF6600; }
		#menu a.active-blue { color: #0099cc; }
	#menu span.split {
		width: 1px;
		height: 14px;
		margin: 1px 10px 0 10px;
		display: inline-block;
		float: left;
		background: top left no-repeat url(../gfx/menu_split.png);
	}
	#menu span.bubble {
		width: 14px;
		height: 19px;
		padding: 0 0 0 0px;
		display: block;
		text-align: center;
		position: relative;
		float: left;
		margin-top: -20px;
		margin-left: -16px;
		font-size: 10px;
		color: #FFFFFF;
		font-weight: bold;
	}
		#menu span.bubble-blue { background: top left no-repeat url(../gfx/bubble_blue.png); }
		#menu span.bubble-pink { background: top left no-repeat url(../gfx/bubble_pink.png); }

/* submenu */
#submenu {
	padding: 0 0 0 26px;
	}
	#submenu a {
		font-size: 20px;
		color: #333333;
		margin-right: 20px;
	}
	#submenu a:hover {
		color: #79AE22;
		text-decoration: none;
		}
		#submenu.pink a:hover { color: #FF3399; }
		#submenu.orange a:hover { color: #FF6600; }
		#submenu.blue a:hover { color: #0099cc; }
	#submenu a.active {
		color: #79AE22;
		}
		#submenu.pink a.active { color: #FF3399; }
		#submenu.orange a.active { color: #FF6600; }
		#submenu.blue a.active { color: #0099cc; }

/* content window */
#content-window {
	position: absolute;
	width: 653px;
	z-index: 500;
	left: 46px;
	top: 40px;
}
	#content-window a.close {	
		width: 42px;
		height: 42px;
		position: absolute;
		top: 31px;
		left: 580px;
		z-index: 510;
		background: top left repeat url(../gfx/blank.gif);
	}
	#content-top {
		width: 653px;
		min-height: 85px;
		background: top left no-repeat url(../gfx/content_top.png);
	}
	#content-bottom {
		width: 653px;	
	}
	#content-bg {
		width: 615px;
		min-height: 400px;
		padding: 0px 19px 0 19px;
		background: top left repeat-y url(../gfx/content_bg.png);
	}
	
#content-top div.title-links {
	padding: 50px 0 0 45px;
	}
	#content-top div.title-links a {
		font-size: 30px;
		color: #999999;
		display: inline-block;
		margin-right: 20px;
	}
	#content-top div.title-links a.active {
		font-size: 45px;
		color: #79AE22;
	}
	#content-top div.title-links a:hover {
		color: #79AE22;
		text-decoration: none;
	}
		#content-top.pink div.title-links a.active { color: #FF3366; }
		#content-top.pink div.title-links a:hover { color: #FF3366; }
		#content-top.blue div.title-links a.active { color: #0099CC; }
		#content-top.blue div.title-links a:hover { color: #0099CC; }
		#content-top.orange div.title-links a.active { color: #FF6600; }
		#content-top.orange div.title-links a:hover { color: #FF6600; }

#campaign-top {
		width: 608px;
		height: 143px;
		padding: 60px 0 0 45px;
		background: top left no-repeat url(../gfx/campaign_top.png);
	}
	#campaign-top h1 {
		font-size: 45px;
		font-weight: normal;
		color: #79AE22;
	}
		#campaign-top.blue h1 { color: #0099CC; }
		#campaign-top.pink h1 { color: #FF3366; }
		#campaign-top.orange h1 { color: #FF6600; }
		
#social-top {
		width: 634px;
		padding: 40px 0 0 19px;
		background: top left no-repeat url(../gfx/social_top.png);
	}
	#social-top div.top {
		height: 161px;
		padding-bottom: 5px;
		padding-left: 26px;
		}
		#social-top h1 {
			font-size: 45px;
			font-weight: normal;
			color: #79AE22;
		}
			#social-top.blue h1 { color: #0099CC; }
			#social-top.pink h1 { color: #FF3366; }
			#social-top.orange h1 { color: #FF6600; }
		#social-top div.top p {
			color: #333333;
			font-size: 15px;
			width: 350px;
		}

#plan-window {
	position: absolute;
	width: 705px;
	z-index: 500;
	left: 15px;
	top: 59px;
}
	#plan-window a.close {	
		width: 42px;
		height: 42px;
		position: absolute;
		top: 12px;
		left: 611px;
		z-index: 510;
		background: top left repeat url(../gfx/blank.gif);
	}	
	#plan-top {
			width: 680px;
			height: 85px;
			padding: 25px 0 0 25px;
			background: top left no-repeat url(../gfx/plan_top.png);
		}
		#plan-top h1 {
			font-size: 45px;
			font-weight: normal;
			color: #ffffff;
		}
		#plan-top h1 span.bold {
			font-weight: bold;
		}
	#plan-content {
		width: 930px;
		height: 766px;
		padding-top: 10px;
		padding-left: 15px;
		background: top left no-repeat url(../gfx/plan_bg.png);
	}
	
/* blog window */
#blog-page {
	position: absolute;
	z-index: 310;
	width: 100%;
	top: 0px;
	left: 0px;
	}
	#blog-wrapper {
		margin: 0 auto;
		width: 1000px;
		position: relative;
	}
#blog-window {
	position: absolute;
	width: 904px;
	z-index: 6500;
	left: 15px;
	top: 13px;
	padding-bottom: 80px;
}
	#blog-window a.close {	
		float: right;
		margin-bottom:3px;
	}
	#blog-window div.left-column {
		float: left;
		width: 687px;
	}
	#blog-window div.right-column {
		float: left;
		width: 214px;
		margin-left:3px;
	}
	
#blog-window div.title-links {
	padding: 0 0 0 0px;
	}
	#blog-window div.title-links a {		
		height: 34px; 
		margin-top: 26px; 
		color: #999999; 
		font-size: 30px; 
		font-weight: normal; 
		background-color: #FFFFFF; 
		line-height: 36px; 
		padding: 6px 20px 0 20px; 
		display: block; 
		float: left;
		margin-left: 3px; 
		margin-bottom: 3px;
		vertical-align: bottom;
	}	
	#blog-window div.title-links a.active {
		height: 56px; 
		font-size: 45px; 
		background-color: #FFFFFF; 
		padding: 10px 20px 0 20px; 
		display: block; 
		float: left; 
		margin: 0 0 3px 3px;
		color: #FF6600;
	}
	#blog-window div.title-links a.first {
		margin-left: 45px;
	}
	#blog-window div.title-links a:hover {
		color: #FF6600;
		text-decoration: none;
	}
	
/* blog boxes */
#blog-window div.blog-post { padding: 0 0 3px 0; }
	#blog-window div.blog-post p {
		margin-bottom: 0px;
	}
	#blog-window div.blog-post h2 {
		margin-top: 0px;
		font-size: 18px;
		font-weight: bold;
		color: #006699;
	}
	#blog-window div.blog-post h2 a { color: #006699; }
	#blog-window div.blog-post div.date {
		float: left;
		width: 42px;
		text-align: center; 
		padding-top: 5px; 
		height: 50px; 
		position: relative;
		background-color: #FFFFFF;
		}
		#blog-window div.blog-post div.date span.day {
			font-size: 21px; 
			color: #333333; 
			line-height: 21px; 
			display: block; 
		}
		#blog-window div.blog-post div.date span.month {
			color: #666666; 
			font-size: 12px; 
			line-height: 15px; 
			font-weight: bold; 
			display: block;
		}
		#blog-window div.blog-post div.date span.year {
			display: block; 
			color: #999999; 
			font-size: 10px; 
			line-height: 13px;
		}
	#blog-window div.blog-post div.content {
		margin-left: 45px;
		padding: 30px 50px 30px 35px;
		background-color: #FFFFFF;
	}
#blog-window div.blog-comments { 
	padding: 0 0 3px 0; 
	}
	#blog-window div.blog-comments h2 {
		margin-top: 0px;
		font-size: 18px;
		font-weight: bold;
		color: #006699;
	}
	#blog-window div.blog-comments div.content {
		margin-left: 45px;
		padding: 30px 50px 30px 35px;
		background-color: #FFFFFF;
		}
		#blog-window div.blog-comments div.comment {
			margin-left: 15px; 
			margin-bottom: 10px; 
			padding-bottom: 10px; 
			border-bottom: 1px dashed #CCCCCC;
		}
		#blog-window div.blog-comments div.comment span.name {
			color: #006699; 
			font-size: 13px; 
			font-weight: bold;
		}
		#blog-window div.blog-comments div.comment span.time {
			font-size: 11px;
		}
		#blog-window div.blog-comments div.comment div.text {
			margin-top: 3px;
		}
	#blog-window div.blog-comments p { 
		margin: 0px; 
	}
	

#blog-window div.blog-writecomment { padding: 0 0 3px 0; }
	#blog-window div.blog-writecomment h2 {
		margin-top: 0px;
		font-size: 18px;
		font-weight: bold;
		color: #006699;
	}
	#blog-window div.blog-writecomment div.content {
		margin-left: 45px;
		padding: 30px 50px 30px 35px;
		background-color: #FFFFFF;
	}
	#blog-window div.blog-writecomment div.date {}
	#blog-window div.blog-writecomment p { 
		margin: 0px; 
	}
	#blog-window div.blog-writecomment td {
		vertical-align: top;
		padding: 3px 0 3px 0;
	}
	#blog-window div.blog-writecomment td.name {
		color: #333333;
		font-size: 13px;
		font-weight: normal;
		text-align: right;
		padding: 3px 10px 0 0;
		vertical-align: middle;
	}
	#blog-window div.blog-writecomment td.vtop {
		vertical-align: top;
	}
	#blog-window div.blog-writecomment input.text {
		border-top: 1px solid #999999;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #999999;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px 3px 5px 3px;
		width: 250px;
		background-color: #ECFDC4;
	}
	#blog-window div.blog-writecomment input.text:focus {
		border-color: #5E861A;
		background-color: #FFFFFF;
	}
	#blog-window div.blog-writecomment textarea {
		border-top: 1px solid #999999;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #999999;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px 3px 5px 3px;
		width: 400px;
		height: 200px;
		background-color: #ECFDC4;
	}
	#blog-window div.blog-writecomment textarea:focus {
		border-color: #5E861A;
		background-color: #FFFFFF;
	}
	#blog-window div.blog-writecomment input.submit {
		border-top: 1px solid #a2be73;
		border-right: 1px solid #456525;
		border-bottom: 1px solid #456525;
		border-left: 1px solid #a2be73;
		font-size: 15px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px 3px 5px 3px;
		width: 100px;
		color: #FFFFFF;
		font-weight: bold;
		background-color: #5E861A;
	}
	#blog-window div.blog-writecomment input.submit:focus {
		border-top: 1px solid #456525;
		border-right: 1px solid #a2be73;
		border-bottom: 1px solid #a2be73;
		border-left: 1px solid #456525;
	}
	
#blog-window div.pager {
	padding-left: 45px;
	}
	#blog-window div.pager a {
		display: block;
		color: #006699;
		background-color: #FFFFFF;
		padding: 10px 20px 10px 20px;
	}
	#blog-window div.pager a.prev {
		text-align: left;
		float: left;
	}
	#blog-window div.pager a.next {
		text-align: right;
		float: right;
	}
#blog-window div.box {
	background-color: #FFFFFF;
	padding: 20px 20px 15px 20px;
	margin-bottom: 3px;
	}
	#blog-window div.box h2 {
		margin-top: 0px;
		color: #006699;
		font-size: 20px;
	}
	
#blog-window div.box-black {
	background-color: #000000;
	}
	#blog-window div.box-black h2 {
		color: #FFFFFF;
	}
	#blog-window div.box-black ul {
		color: #FFFFFF;
	}
		
/* content tabs */
#content-tabs {
	position: absolute;
	z-index: 490;
	left: 9px;
	top: 100px;
	}
	#content-tabs a {
		display: block;
		position: relative;
	}
	#content-tabs a.hidden { visibility: hidden; }

#content-arrow {
	position: absolute;
	z-index: 490;
	left: 699px;
	top: 179px;
}
	
#content {
	padding: 14px 35px 12px 26px;
}
	#content.right0 { padding-right: 0px; }
	#content.bottom-line { background: bottom left no-repeat url(../gfx/line.png); margin-bottom: 12px; }
	#content p {
		line-height: 140%;
		font-size: 13px;
		color: #666666;
	}
	#content p.lead {
		line-height: 130%;
		font-size: 15px;
		color: #333333;
	}

/* campaign images */
#content a.campaign {
	display: block;
	margin-top: 10px;
}

#overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 305;
	background-color: #000000;
	display: none;
}

/* logo group */
div.logo-group {
	padding: 0 0 0 5px;
	}
	div.logo-group h2 {
		font-size: 18px;
		font-weight: normal;
	}
	div.logo-group div.logos {
		padding-left: 10px;
	}
		div.logo-group div.logos .logo {
			display: inline-block;
			float: left;
			margin: 0 11px 12px 0;
		}
		
/* social list */
div.social-list {
	padding-bottom: 15px;
	padding-top: 15px;
	background: bottom left no-repeat url(../gfx/line.png);
	}
	div.social-list div.title {
		padding-left: 26px;
		padding-bottom: 12px;
		}
		div.social-list div.title h2 {
			color: #FF6600;
			font-size: 30px;
			font-weight: normal;
			margin: 0 24px 0 0;
			float: left;
		}
		div.social-list div.title a {
			color: #999999;
			font-size: 20px;
			float: left;
			margin-top: 10px;
			vertical-align: bottom;
		}
		div.social-list div.title a:hover {
			color: #FF6600;
			text-decoration: none;
		}
	div.social-list div.item {
		padding-left: 26px;
		padding-bottom: 10px;
		}
		div.social-list div.image {
			float: left;
			}
			div.social-list div.image a {
				display: block;
				border: 5px solid #cccccc;
			}
		div.social-list div.content {
			margin-left: 130px;
			width: 365px;
			}
			div.social-list div.content h3,
			div.social-list div.content h3 a {
				font-size: 20px;
				margin-bottom: 0px;
				margin-top: 0px;
				color: #FF6600;
				text-decoration: none;
			}
			div.social-list div.content h3 span.date {
				font-size: 13px;
				color: #333333;
				display: inline-block;
				margin-left: 10px;
				vertical-align: bottom;
			}
			div.social-list div.content p {
				margin-top: 3px;
				margin-bottom: 0px;
			}
	div.social-list div.small {
			float: left;
		}
		div.social-list div.small div.content {
			width: 130px;
		}
		div.social-list div.small div.content h3 span.date {
			margin-left: 0px;
			margin-top: 3px;
		}
		
/* special list */
div.special-list {
	padding-bottom: 15px;
	padding-top: 15px;
	background: bottom left no-repeat url(../gfx/line.png);
	}
	div.special-list div.title {
		padding-left: 26px;
		padding-bottom: 12px;
		}
		div.special-list div.title h2 {
			color: #FF3366;
			font-size: 30px;
			font-weight: normal;
			margin: 0 24px 0 0;
			float: left;
		}
		div.special-list div.title a {
			color: #999999;
			font-size: 20px;
			float: left;
			margin-top: 10px;
			vertical-align: bottom;
		}
		div.special-list div.title a:hover {
			color: #FF3366;
			text-decoration: none;
		}
	div.special-list div.item {
		padding-left: 26px;
		padding-bottom: 10px;
		}
		div.special-list div.image {
			float: left;
			}
			div.special-list div.image a {
				display: block;
				border: 5px solid #cccccc;
			}
		div.special-list div.content {
			margin-left: 130px;
			width: 365px;
			}
			div.special-list div.content h3,
			div.special-list div.content h3 a {
				font-size: 20px;
				margin-bottom: 0px;
				margin-top: 0px;
				color: #FF3366;
				text-decoration: none;
			}
			div.special-list div.content a:link,
			div.special-list div.content a:visited {
				color: #FF3366;
			}
			div.special-list div.content h3 span.date {
				font-size: 13px;
				color: #333333;
				display: inline-block;
				margin-left: 10px;
				vertical-align: bottom;
			}
			div.special-list div.content p {
				margin-top: 3px;
				margin-bottom: 0px;
			}
	div.special-list div.small {
			float: left;
		}
		div.special-list div.small div.content {
			width: 130px;
		}
		div.special-list div.small div.content h3 span.date {
			margin-left: 0px;
			margin-top: 3px;
		}
		
/* image list */
div.image-list {
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 45px;
	background: bottom left no-repeat url(../gfx/line.png);
	}
	div.image-list a {
		width: 104px;
		float: left;
		margin: 0 20px 10px 0;
		display: inline-block;
		border: 5px solid #cccccc;
	}