/*  
Site Name: Synteractive
Site URI: www.synteractive.com	
Description: Corporate Website
Version: 1
Author: Heather Waterman
Author URI: www.heatherwaterman.com 

*/
/*  =COLORS
---------------------------------------------------
	Body Background: #fbfbfb
	Main Text: Calibri
	Links: 
*/
/*  =RESET
---------------------------------------------------*/
body ,div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, blockquote, th, td, table {
	padding: 0;
	margin: 0;
}
abbr, acronym, fieldset, img {border: 0;}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	margin: 5px 0px;}


.ms-rteElement-Hr {background-color: #c7c7c7; margin: 10px 0px;}
hr {border: none !important;}
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */
.ms-WPBody {font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif !important; color: #555;}
body {font: 100% Calibri, Verdana, Arial, Helvetica, sans-serif !important; color: #555;}
body {background: transparent url('/Style%20Library/images/bg.jpg') repeat-x left top;}

td.s4-wpcell-plain {padding: 0px; margin: 0px;}

.ms-WPBody {padding: 0px; margin: 0px;}
p {font: 100%/120% Calibri, Verdana, Arial, Helvetica, sans-serif !important;}

.ms-WPBody a:visited {color: #336699 ;}

.ms-WPBody a:link {color: #336699 ;}
.ms-WPBody a:hover {color: #D7912C ; text-decoration:underline;}

.ms-WPBody a:active {color: #D7912C ; text-decoration:underline;}

#left_col .ms-WPBody a:visited {color: #333 ;}

#left_col .ms-WPBody a:link {color: #333 ;}
#left_col .ms-WPBody a:hover {color: #D7912C ; text-decoration:underline;}

#left_col.ms-WPBody a:active {color: #D7912C ; text-decoration:underline;}

a:visited {color: #336699; cursor:pointer;}

a:link {color: #336699; cursor:pointer;}

a:hover {color: #D7912C; text-decoration:underline; cursor:pointer;}

a:active {color: #D7912C; text-decoration:underline; cursor:pointer;}

.ms-WPBody h1 {
	color: #D7912C;
	font-size: 130%;
	font-weight: normal !important;
	line-height: 100%;
	margin-bottom: 15px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
	
h1 {
	color: #D7912C;
	font-size: 130%;
	font-weight: normal !important;
	line-height: 100%;
	margin-bottom: 15px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
	
.ms-WPTitle {
	color: #336699;
	font-size: 140%;
	font-weight: 500 !Important;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;}

h2 {
	color: #336699;
	font-size: 140%;
	font-weight: 500 !Important;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;}

#body2 .ms-WPTitle {font-size: 140%;}	
#rightPH h2 {margin-top: 8px;margin-bottom: 10px;}
#rightPH h3 {}
h3{
	color: #D7912C !important;
	font-size: 120% ;
	font-weight: 400 !important;
	line-height: 100%;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;}
	
h3 a {	color: #D7912C !important;}

	
#body1 h3.ms-WPTitle {text-transform:capitalize !important;
	margin: 10px 0 0 0;
	font: 400 110% Calibri, Verdana, Arial, Helvetica, sans-serif !important;}
#body1 .content h3 {color: #222 !important;}		
h4 {color: #333;}
.link-item h4 a {
	font-size: 110% ;
	font-weight: 500;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
h4 {
	font-size: 110% ;
	font-weight: 500;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;}
.link-item h4 a {color: #336699;}


textarea {margin-bottom: 2px; font-size: 11px;}

input {margin-bottom: 2px; padding: 2px; font-size: 11px;}

hr  {border-bottom: 1px dashed #ccc;}		


/*  Main Layout Pieces
-------------------------------------------------------------- */

#container {
	position: relative;
	background: #fff url('/Style%20Library/images/topblock2.jpg') no-repeat top;
	width: 1024px;
	margin: 0px auto;
	height: 100%;
	min-height: 600px;}

#bodywrapper {
	position: relative;
	width: 1024px;
	margin: 0px auto;}

#s4-titlerow {
	position: relative;
	width: 990px;
	background: transparent;
	height: 100px;
	margin: 0px auto;
	border-bottom: 5px solid #989898;
}


#topwrapper {
	position: relative;
	width: 990px;
	background: transparent;
	height: 100px;
	margin: 0px auto;
	border-bottom: 5px solid #989898;
}


#bodyinner {
	width: 960px;
	height: 100%;
	margin: 0px auto;
	position: relative;
	margin-top: 0px;
}


/*  =HEADER
-------------------------------------------------------------- */
#logo {
	background: transparent url('/Style%20Library/images/logo.jpg') no-repeat 10px top;
	width: 254px;
	height: 65px;
	margin: 10px 10px 10px 10px;
	float: left;
	position: relative;}
	
#logo a {width: 234px; height: 65px; display: block;}
#logo h1 {text-indent: -99999px;}

/*  =NAVIGATION
-------------------------------------------------------------- */
#top_nav {
	height: 25px;
	float: left;
	margin: 0px;
	width: 700px;
	padding-top: 10px;
	font-size: 110%;
}
	#top_nav ul {}
	#top_nav li {display: inline; padding: 0px 0px 0px 0px;}
	#top_nav li a {color: #369; text-decoration: none;}
	#top_nav li a:hover {color: #D7912C;}
	#top_nav li.current a {color: #D7912C; font-weight: 500;}
	#top_nav .menu li ul li {margin: 0px; padding: 0px;	}
	#top_nav .s4-tn ul.dynamic a:hover {background: #efefef;}
	#top_nav .s4-tn ul.dynamic a {font-size: 90%;}
	
	
/*  =CONTENT
-------------------------------------------------------------- */
	
/* TagLine area
-------------------------------------------------------------- */
#toparea {
	background: #eee url('/Style%20Library/images/toptext-bg.jpg') repeat-x left top;
	margin: 0px 17px;}

#toparea2 {
	background: transparent url('/Style%20Library/images/synt-bg.jpg') no-repeat left -14px;
	width: 990px;
	height: 340px;
	margin: 0px 17px;}

#leftPH {float: left; width: 350px; margin: 40px 30px 20px 30px;}
#leftPH h1 {font-size: 160%;}
#leftPH p {color: #000; font-size: 100% !important; margin: 0px;}
#leftPH a {font-weight: bold; font-size: 100%;}
#rightPH {float: right; width: 520px; margin: 30px 35px 10px 10px;}	
	
#toptext {
	background: transparent;
	padding: 10px 20px;
	min-height: 30px;
	height: 80px;}
	
	#toptext .ltext {float: left; width: 270px;}
	#toptext .rtext {float: right; width: 630px;}
	#toptext h2 {
		color: #336699;
		font-size: 190%;
		text-transform:none;
		line-height: 100%;
		margin: 0px;}
			
	#toptext p {font-size: 100%; padding: 0px 10px 0px 0px;}
/* Content area
-------------------------------------------------------------- */
#breadcrumb {
	height: 15px;
	margin: 15px 30px 20px 40px;
	font-size: 80%;
	}
	
#contentarea {
	width: 700px;
	position:relative;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;}
		
	#contentarea #body1 {width: 100%; position: relative; float:left;}
	#body1 .content {padding: 20px;}
	#body1 .content ul li {margin-bottom: 10px;}

	#body1 .pageimage img{float: left; margin: 5px 10px 2px 5px;}
		
	#contentarea #body2 {
		width: 230px;
		position: relative;
		float: right;
		background: transparent url('/Style%20Library/images/right-column.jpg') no-repeat right top;}

	#body2 .content {padding: 0px 15px 10px 15px; font-size: 90%;		
		min-height: 560px;
		/*background: transparent url('/Style%20Library/images/right-column-bottom.jpg') no-repeat right 260px;*/}}
	#body2 .content p {margin: 0px; margin-bottom: 10px;}
		 	

/* Right Column
--------------------------------------------------------------*/
#body3col {}
#contentarea #body3col #body1 {width: 450px; position: relative; float:left;}

#body3 {
	width: 230px;
	position: relative;
	background-color: #eee;
	margin-top: 10px;
	float: right;}

	#body3 .content {padding: 10px; font-size: 90%;}
	#body3 .content p {margin: 0px;	margin-bottom: 10px;}

/* Left Column
--------------------------------------------------------------*/
#left_col {width: 230px; float: left; position:relative;
	/*
	background: transparent url('/Style%20Library/images/right-column.jpg') no-repeat right top;}
*/
background-color: #eee;
margin-top: 10px;
}

#left_col img {float: left; margin-left: 10px;}
#right_col li a {color: #333; margin: 5px;}
#left_col p img {float: left; margin: 5px;}
#left_col .content {padding: 0 10px 15px 10px; font-size: 100%;}
/* Left Menu Setting
--------------------------------------------------------------*/
#menu li {}
#menu ul {margin-top: 15px;}
 
#menu li a {
	padding: 0px 0px 0px 15px;
	color: #333;
	text-decoration:none;
	background: transparent url('/Style%20Library/images/nav-bg.png') no-repeat 2px 0px;}

#menu li a:hover {
	color: #D7912C !important;
	background: transparent url('/Style%20Library/images/nav-bg.png') no-repeat 2px -280px;}

#menu li li a.selected {
	color: #D7912C;
	background: transparent url('/Style%20Library/images/nav-bg.png') no-repeat 2px -280px;}
	
#menu li a.selected {
	color: #D7912C;
	background: transparent url('/Style%20Library/images/nav-bg.png') no-repeat 2px -280px;}
	
#menu li ul {margin-left: 20px; margin-top: 0px;}
#menu li ul li a{
	font-size: 95%;
	padding: 0px 0px 0px 15px; margin: 0px;
	background: transparent url('/Style%20Library/images/nav-bg.png') no-repeat 0px 0px;}
#menu li ul li a:hover {
	color: #D7912C !important;
	background: transparent url('/Style%20Library/images/nav-bg.png') no-repeat 0px -281px;}


/* Other Heading Sizes for 2column body and 3column body
--------------------------------------------------------------*/

	#body3col h4 {
		margin-bottom: 0px;
		font-weight: 500;
		}
		
	#right_col h3 {
		font: 500 140%  Cambria, Georgia, "Times New Roman", Times, serif;
		color: #336699;
		margin: 10px 0px 5px 0px;
		border: none;
		}
		
/* Other settigns
--------------------------------------------------------------*/
	.content {
		padding: 10px 20px;
		}
	.content img {
		float: left;
		margin: 0px 10px 0px 0px;
}	
	/* Content Inner is for blog posts, news posts etc. */	
	.contentinner {
		padding: 0 0 0px 0px;
		margin: 0px auto;
		}
	.meta {
		font-size: 80%;
		}

	span.date {
		padding-right: 5px;
		font-weight: normal;
		}
	
	.readmore {
		display: block;
		text-align: right;
		height: 15px;
		font-size: 12px;
	}
	.readmore a {
		text-decoration:none;}
		
	#slider .readmore {
		margin-top: 10px;
		border-bottom: none;}
		
		
p {margin: 10px 0;}

#left_col .joblist {padding-bottom: 5px;}

/* Two Column Body - left larger - right smaller 
--------------------------------------------------------------*/

#body2col {
	margin: 30px 0 0px 0px;
	position:relative;
	height: 100%;
	height: 470px;}

#body2col #right_col {
	width: 350px;
	float: right;
	background-image: none;
	margin-right: 10px;}

#body2col #left_column {
	width: 570px;
	float: left;
	margin-left: 10px;}

/* Three Column Body - 
--------------------------------------------------------------*/

#body3col {clear: both; position:relative;}
	
#body3col #mid_col {
	width: 315px;
	float: left;
	background-image: none;
	padding-bottom: 20px;
}
	
#body3col #first_col {
	width: 314px;
	float: left;
	background-image: none;
	padding-bottom: 0px;
	border-right: 1px solid #c7c7c7;
}
#body3col #first_col img {margin: 0px !important; float: left;}

	
#body3col #last_col {
	width: 315px;
	float: left;
	background-image: none;
	padding-bottom: 0px;
}

#body3col #mid_col {
	font-size:90%;
	width: 320px;
	}

	

/* Two Column Body - right larger - left smaller 
--------------------------------------------------------------*/
	
#body3col .body2col #first_col {width: 480px; float: left;}
#body3col .body2col #last_col {width: 460px; float: right;}
#body3col img {float: right; margin: 0px 0px 5px 5px;}


/*  =Blog
-------------------------------------------------------------- */
#post {padding-bottom: 40px;}

#post .meta .bottom {
	font-size: 85%;
	margin-bottom: 10px;
	display:block;
	background: #eee;
	padding: 5px;}
	
#post .meta {
	font-size: 85%;
	margin-bottom: 10px;
	display:block;
	padding: 5px 0px;}

#post .posted {font-size: 85%; font-style:italic;}


/*  =COPYRIGHT
-------------------------------------------------------------- */
#copyright {
	clear:both;
	position:relative;
	width: 100%;
	height: 180px;
	border-top: 1px solid #c7c7c7;
	background: #f8f8f8 url('/Style%20Library/images/footer-bg.jpg') repeat-x;}

	#copyright .contentinner {
		width: 980px;
		margin: 0px auto;
		padding: 5px 10px;
		height: 140px;
		font-size: 90%;}
	
	#copyright .content .content {padding: 0px 0 0 45px;}	
	
	#copyright ul {
		margin: 0px;
		padding: 0px 0 0 35px;
		list-style: none;}
		
	#copyright li {padding: 3px 0px;}
		
	#copyright li a {
		color: #369;
		text-decoration:none;
		padding-left: 15px;
		background: transparent url('/Style%20Library/images/nav-bg.jpg') no-repeat 0px -1px;}

	#copyright li a:hover {
		color: #D7912C;
		background: transparent url('/Style%20Library/images/nav-bg.jpg') no-repeat 0px -280px;}
		
	#copyright .content {text-align: left; padding: 5px;}
	#copyright p {margin: 3px 0px;}	
	
	#copyright h3 {
		color: #336699;
		font: 500 140%  Cambria, Georgia, "Times New Roman", Times, serif;
		border: none;
		margin-bottom: 2px;}
	
	#copyright .left {float: left; width: 33%; margin: 0px auto;}
	#copyright .mid {float: left; width: 33%; margin: 0px auto;}
	#copyright .right {float: left;	width: 33%; margin: 0px auto;}
	
	.twitter {
		background: url('/Style%20Library/images/twitter-bird.png') no-repeat left top;
		height: 50px;
		padding: 10px 10px 10px 50px;}



	#copyright a.linkedin  {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat left -100px;
		height: 32px;
		width: 32px;
		text-indent: -9999px;
		display:inline-block;
		margin-right: 5px;
		padding: 0px;}

	

	#copyright a.facebbook  {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat left -100px;
		height: 32px;
		width: 32px;
		text-indent: -9999px;
		display:inline-block;
		margin-right: 5px;
		padding: 0px;}

	

	#copyright a.twitter  {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat left -100px;
		height: 32px;
		width: 32px;
		text-indent: -9999px;
		display:inline-block;
		margin-right: 5px;
		padding: 0px;}

	#copyright a.facebbook {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat left top;}
	#copyright a.linkedin  {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat left -200px;}
	#copyright a.twitter:hover  {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat right -100px;}
	#copyright a.facebbook:hover {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat right top;}
	#copyright a.linkedin:hover  {
		background: url('/Style%20Library/images/social-icons.jpg') no-repeat right -200px;}
	

#copyright_banner {
	position:relative;
	background-color: #213F60;
	color: #fff;
	width: 100%;
	font-size: 80%;}
	
	#copyright_banner p {
		width: 1000px;
		margin: 0px auto;
		color: #fff;
		text-align: right;
		padding: 5px 15px 5px 0px;}
		
	#copyright_banner a {color: #fff; padding: 0px 5px;}
/*  =FORMS
-------------------------------------------------------------- */
input {
}
textarea {
}
button {
}
input:focus {
}
textarea:focus {
}
button:hover {
}
/*  =TABLES
-------------------------------------------------------------- */
table {
}
tr {
}
th {
}
td {
}
/*  =DEFAULT STYLES
-------------------------------------------------------------- */
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.small {font-size: 0.8em;}
.hidden {display: none;}

.left10 {margin-left: 10px;}

/* Special Classes */
h2.meet {
	background:url("/Style%20Library/images/meet.png") no-repeat 0 0px;
	padding: 15px 0 0 65px;	
	height: 43px;}
		
h2.news {
	background:url("/Style%20Library/images/news.png") no-repeat 0 0px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 0 75px;
	height: 43px;}
		
h3.news {
	background:url("/Style%20Library/images/speaker2.png") no-repeat 0 0px;
	padding: 10px 0 0 35px;	
	height: 28px;}
		
h3.other {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif !important;
	background:url("/Style%20Library/images/mic-small.png") no-repeat 0 0px;
	padding: 10px 0 0 28px;	
	height: 28px;}
	
h3.learn {
	background:url("/Style%20Library/images/learn-small.png") no-repeat 0 0px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif !important;
	padding: 10px 0 0 35px;	
	height: 25px;}	
	
h3.contact {
	background:url("/Style%20Library/images/contact-small.png") no-repeat 0px 0px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif !important;
	padding: 5px 0 0 40px;	
	height: 28px;}	


h3.apply {
	background:url("/Style%20Library/images/headlines.png") no-repeat -8px -180px;	
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	height: 70px;
	text-indent: -9999px;}	
h3.apply a {height: 70px; display:block;}

h3.apply2 {
	background:url("/Style%20Library/images/headlines.png") no-repeat -8px -430px;	
	margin: 0px;
	height: 70px;
	text-indent: -9999px;}	
h3.apply2 a {height: 70px; display:block;}

h3.case {
	background:url("/Style%20Library/images/headlines.png") no-repeat -8px -350px;	
	height: 70px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;}	
h3.case a {height: 70px; display:block;}

h3.meet {
	background:url("/Style%20Library/images/headlines.png") no-repeat -8px 0px;	
	height: 70px;
	margin: 0px;
	text-indent: -9999px;}	
h3.meet a {height: 70px; display:block;}

/* fix scrolling on list pages */
#s4-bodyContainer {
	position: relative;
	background: #fff url('/Style%20Library/images/bg.jpg') repeat-x left top;}

/* hide body scrolling (SharePoint will handle) */
body {height:100%; overflow:auto; width:100%;}

/* hide the left margin when dialog is up */ 
.ms-dialog .customBodyHolder {
	margin-left:0 !important;
	margin-right:0 !important;
	min-height:0 !important;
	min-width:0 !important;
	width:100% !important;}		

.ms-WPHeader td {border: none !important;}
.ms-WPHeader {background: transparent;}

.spotlight {padding-left: 5px;}
.spotlight p {margin: 0px;font-size: 90% !important; line-height: 130% !important;}
.spotlight {}

.spotlight h3 {margin: 0px; font-size: 140%; font-weight: 600;}

#last_col .spotlight h3 a {color: #333; margin: 0px;}
#last_col .spotlight h4 a {color: #333; font-size: 120%;}

#left_col .link-item a {color: #333;}

#left_col li a {color: #333;}
#left_col h2 {
	color: #336699 !important;
	font: 600 150% Calibri, Verdana, Arial, Helvetica, sans-serif !important;
	text-transform: none;}

#left_col .ms-WPTitle {
	color: #336699 !important;
	font: 500 130% Calibri, Verdana, Arial, Helvetica, sans-serif !important;
	text-transform: none;}
	
#left_col .content h3 {
	color: #336699 !important;
	font: 500 130% Calibri, Verdana, Arial, Helvetica, sans-serif !important;
	text-transform: none;}
	
#left_col h3 {
	color: #336699 !important;
	font: 500 130% Calibri, Verdana, Arial, Helvetica, sans-serif !important;
	text-transform: none;}
	
#left_col .joblistside h3 {margin: 0px;}	
#left_col .joblistside h3.apply {margin: 5px 0px 0px 0px;}	

#left_col h3 {margin: 10px 0 0 0px; font-size: 110% !important;}

#body3col #first_col h3 {font-size: 140%; font-weight:500;}

#body1 h4 {color: #333; font-weight: normal;}

#body2 .spotlight h3 {font-size: 120%;}

.ms-PartSpacingVertical {margin: 0px;}

#last_col ul.dfwp-column {border-bottom: none;}

#right_col .content {padding-left: 0px;}

#specialtext {
	position: relative;
	background: #fff url('/Style%20Library/images/background-home.jpg') no-repeat left top;
	height: 450px;
}

#specialtext .content {padding: 40px;}	

#last_col .content {padding-left: 0px;}

ul.jobvite {list-style: none;	margin: 0px;	padding: 0px 0px 0px 12px;	font-size: 95%;}
ul.jobvite li {	padding: 0px 0px 3px 0px;}

#left_col .ms-WPHeader .ms-wpTdSpace {width: 0px;}


table.as-table td {	padding: 5px;}
table.as-table th {	color: #555;font-size: 120%;}

table.as-table td {	background-color: #336699;	color: #fff;	font-size: 90%;}

table.as-table td a {color: #fff !important;}
table.as-table td.clr {	background-color: #fff;}

#ctl00_PlaceHolderMain_g_bc8973fd_8da3_4676_a8c5_57589afd9295_ff3_1_ctl00_ctl00_TextField_inplacerte {border: 1px solid #ccc;}

.contact input {border: 1px solid #ccc; width: 300px; margin-bottom: 5px;}

input#ctl00_PlaceHolderMain_g_bc8973fd_8da3_4676_a8c5_57589afd9295_ff1_1_ctl00_ctl00_TextField {width: 400px; 
margin-bottom: 10px;
padding: 5px 3px;}

input#ctl00_PlaceHolderMain_g_bc8973fd_8da3_4676_a8c5_57589afd9295_ff2_1_ctl00_ctl00_TextField {width: 400px; 
margin-bottom: 10px;
padding: 5px 3px;}

table.ms-toolbar {
	background-image: none;
	background-color: transparent;
	border: none;
}

input.contact-button {
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	text-transform:uppercase;
	cursor: pointer;
}
.contactform .ms-rtestate-field:first-child {border: 1px solid #ccc;}

#ctl00_PlaceHolderMain_g_d496e024_5f17_4a8c_8faf_79f690012b2e_ff6_new_ctl00_ctl00_TextField_inplacerte {width: 300px;
border: 1px solid #ccc;}


.contactform input {width: 400px; margin-bottom: 10px;padding: 5px 3px;}



.heroMainDiv {
background:url("/Style%20Library/images/graphic_lede.jpg") no-repeat scroll left top #DBE9F6;
border:1px solid #D0DBE4;
display:block;
height:185px;
width:630px;
padding: 90px 20px 10px 20px;
}
.heroMainDiv .innertext {
	margin-right: 310px;
}

#cloud { margin: 0; }
#cloud li { display: inline; }
#cloud { padding: 2px; text-align: left; }
#cloud a { padding: 0px 2px; }
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

.Caption {
	background: #f8f8f8;
	border: 1px solid #ccc;
	padding: 10px;
	float: right;
	margin: 5px 0px 5px 5px !important;
	width: 200px;
	font-size: 90% !important;
}
.quote {
	font-style:italic;
	color: #369;
}

#body3col {
	float:none !important; margin: 0px !important;
}


/* fix the font on some ootb menus */
.propertysheet, .ms-authoringcontrols {
 font-family: Verdana,Arial,sans-serif;
 line-height: normal;
}

/* fix the font on forms like the survey */
.ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a, .ms-formlabel {
 font-family: calibri, arial, sans-serif; 
}

/* hide the hover state for teh ribbon links */
#s4-ribbonrow a:hover {
 text-decoration: none;
}

/* fix ribbon line height */
#s4-ribbonrow {
 line-height: normal;
}
/* make the ribbon color match the branding*/
body #s4-ribboncont {
 background-color: #36578A;

}

/* make Site Settings links look normal */
.ms-linksection-level1 ul li a {
 font-weight:normal;
}

/* make the site actions colors match the branding */
.ms-siteactionsmenuinner   { background:url("/_layouts/images/bgximg.png") repeat-x scroll 0 -467px #36578A; border-color:#36578A;}

/* fix margins when dialog is up */
.ms-dialog .customPageWidth, .ms-dialog .customBody {
	 margin-left:0 !important;
	 margin-right:0 !important;
	 min-height:0 !important;
	 min-width:0 !important;
	 width:auto !important;
	 height:auto !important;
	 background-color: white !important;
	 background-image: none !important;
	 padding: 0px !important;
	 overflow:inherit;
	}

/* dialog bg */
.ms-dialog body {
 background-color: white;
 background-image: none;
}

/* fix dialog padding */
.ms-dialog .s4-wpcell-plain {padding: 4px;}

/* fix field edit mode width problems */
.ms-formfieldvaluecontainer {overflow:hidden;}

/* fix the blog font size */
.ms-PostBody {font-size: 100%;}

.ms-welcomeMenu {}

.menu-horizontal a.dynamic-children span.additional-background, 
.menu-horizontal span.dynamic-children span.additional-background {background-image: none; padding-right:0px;}

.customTop {
	background:url("/Style%20Library/images/login.jpg");
	width: 100px;
	float: right;
}	
a.customLogin {
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 23px;
	line-height: 90%;
	position:relative;
	top: -4px;
}