/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  /* customize_body */ font: normal normal 12px 'Open Sans', sans-serif; /* customize_body */
  /* customize_body */ color: #000; /* customize_body */
  line-height:1.3;
}


/* 
font-family: 'Open Sans Condensed', sans-serif; 
font-family: 'Open Sans', sans-serif;
*/


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,
#footer ul li a
{font-weight: normal; font-family: 'Open Sans', sans-serif;}
h1 a, h2 a, h3 a { text-decoration: none; }

h1 { font-size: 3.2em; line-height: 1.1em; margin: 0 0 0.5em; font-weight: 600; }
h2 { font-size: 2.5em; line-height: 1.25em; margin: 0 0 0.75em; font-weight: 600;}
h3 { font-size: 1.8em; line-height: 1.25em; margin: 0 0 1em; }
	h3.blog_title{font-size: 1.6em; line-height: 1.25em; margin: 0 0 1em;}
		h3.blog_title a{}
h4 { font-size: 1.4em; line-height: 1.25em; margin: 0 0 1.25em; }
h5 { font-size: 1.2em; margin: 0 0 1.5em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

.sitefont1
{
	font-family: 'Open Sans Condensed', sans-serif;
}

.footer_contact, 
#page-container2 .halfwidth .halfwidth_content,
.ccm-manual-nav.page_thumbs,
.ccm-page-list.page_thumbs,
.sitefont2,
form label,
#main_content_container .main-title, 
#main_content_container p.main-title, 
#page-container2 a.content_link,
.content input[type="submit"]
{
	font-family: 'Open Sans', sans-serif;
}

#sidebar ul.nav li a
{
font-family: 'Open Sans', sans-serif;
}

.sitefont3, 
.page_title,
.ccm-page-list.page_thumbs a span.blocktitle
{font-family: 'Open Sans', sans-serif;}

#main_content_container .main-title, #main_content_container p.main-title, #page-container2 a.content_link{
	font-weight: 600; font-size: 2em; line-height: 1.25em; margin: 0 0 0.5em;
}



/* Setup Sprites */

.white_orange_button_box:before, .orange_white_button_box:before
{ background: url(/themes/sentioeducation/images/sprite_icons.png) no-repeat 0 0 transparent;}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* img.left, p img.left, .left img	{ float:left; margin:0 20px 20px 0; } */
/* img.right, p img.right, .right img	{ float:right; margin:0 0 20px 20px; } */

a { 
	/* customize_link */ color: #8fa510; /* customize_link */
	text-decoration: underline;
}
a:focus, 
a:hover     { /* customize_link_hover */ color: #d09e29; /* customize_link_hover */ }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


.bold{font-weight: bold!important;}
.nobold{font-weight: normal!important;}
.narrow{font-weight: 300!important;}
.orange{color: #ff6600!important;}
.white{color: #fff!important;}
.black{color: #000!important;}
.green{color: #8fa510!important;}
.darkgrey{color: #4d504a!important;}
.lightgrey{color: #cccccc!important;}
.gold{color: #ddad3c!important;}

.size18{font-size: 18px!important;}
.size20{font-size: 20px!important;}
.size30{font-size: 30px!important;}
.size38{font-size: 38px!important;}

.float-left{float: left;}
.float-right{float: right;}
.padding-top-10{padding-top: 10px;}
.padding-bottom-10{padding-bottom: 10px;}
.pb60{padding-bottom: 60px!important;}

h2.page_header{font-size: 35px; font-weight: 600; line-height: 38px;}

.blog_h1{margin-bottom: 10px;}
.uppercase{ text-transform: uppercase;}

.page_title{
	color: #000;
	font-size: 35px;
	font-weight: 600;
	border: none;
}

.gallery_title{
	display: inline-block;
	line-height: 0.5em;
	margin: 0 0 20px 0;
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

#container table       { margin-bottom: 1.4em; width:100%; border-collapse: collapse; }
	#home table.contact_table{width: auto; }
#container th          { font-weight: bold; background-color: #EFEFEF; }
#container td			{ }
#container thead th 		{ background: #c3d9ff; }
#container th,#container td,#container caption { padding: 5px 10px; text-align: left; }
#container tr.even td  { background: #F9F9F9; }
#container tfoot       { font-style: italic; }
#container caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.left, .float_left	{ float:left; }
.right, .float_right{ float:right; }
.clearleft	{ clear:left; }
.clearright	{ clear:right; }

.center{text-align: center;}

.button { 
	display:inline-block;
	padding:8px 15px;
	font-size:18px;
}
.button:hover {
	color:#fff;
	filter:none;
}
.button:after {
	content:' \0BB';
}
.icon {
	float:left;
	margin:0 15px 0 0!important;
}
.icon img {
	margin:0!important;
}

.white_orange_button_box{ 
	display:inline-block;
	padding:5px 25px 5px 15px;
	margin-left: 30px;
	color:#fff!important;
	font-size:18px;
	text-transform: uppercase;
	position: relative;
	font-size: 13px;
	font-weight: bold;
	
	text-shadow: 0 -1px 1px #cf5402;
	
	background: #ff6600; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6600 0%, #e75c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(100%,#e75c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6600 0%,#e75c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6600 0%,#e75c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6600 0%,#e75c00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff6600 0%,#e75c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#e75c00',GradientType=0 ); /* IE6-9 */

}
	.white_orange_button_box:before{
		background-position: -20px 0;
		width: 8px;
		height: 11px;
		position: absolute;
		right: 9px;
		top: 11px;
		content: '';
	}
	
.orange_white_button_box{ 
	display:inline-block;
	padding:5px 25px 5px 15px;
	margin-left: 0;
	color:#ff6600!important;
	font-size:18px;
/* 	background: none #ff6600; */
	text-transform: uppercase;
	position: relative;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	
	text-shadow: 0 -1px 1px #eee;

	background: #fff; /* Old browsers */
	
}
	.orange_white_button_box:before{
		background-position: 0 0;
		width: 8px;
		height: 11px;
		position: absolute;
		right: 9px;
		top: 11px;
		content: '';
	}
/*
#main_content_container span.orange_white_button_box, #main_content_container span.white_orange_button_box {
font-size: 13px;
}
*/