/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body { font-family: 'PT Sans', Arial, sans-serif; font-size: 100%; }
	.container { margin: 0 auto; width: 84%; }
	.shadowed {
		-moz-box-shadow: 0px 8px 20px 6px #333333;
		-webkit-box-shadow: 0px 8px 20px 6px #333333;
		box-shadow: 0px 8px 20px 6px #333333;
	}
	.italic { font-style: italic; }
	em { font-style: italic; }
	.bullet {
		list-style:disc!important;
		margin-left: 20px;
	}
		.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
	
/* HEADER STYLES */

	#header { background: #607ca4; position: fixed; width: 100%; z-index: 6; }
	#header .container { background: url(/images1/logo_CTI.png) 0 12px no-repeat; height: 106px; }
	#pulltab {
		left: 42%;
		position: absolute;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 1px 1px 12px 3px #333;
		-webkit-box-shadow: 1px 1px 12px 3px #333;
		box-shadow: 1px 1px 12px 3px #333;
		animation: bounce .9s ease 6;
        animation-direction:alternate;
     }
      #pulltab:hover {
	
		animation: bounce .9s ease infinite;
        animation-direction:alternate;
     }
	 @keyframes bounce {
            0% { top:0px;  }
            100% { top:-10px; }
        }
	#search { float: right; margin-top: 1%; width: 39%; text-align:right }
	#search_box {
		background-color: #7890b2; 
		border: 1px solid #8a9db8;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px; 
		color: #fff!important;
		/*float: left; */
		font-size: 14px;
		font-style: italic; 
		height: 30px;
		padding-left: 4px; 
		width: 70%;
	}
	#search_btn {
		background-color: #365683;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		height: 35px;
		margin-left: 1%;
		text-align: center;
		text-decoration: none;
		width: 90px;
	}
	#SearchButton {
		background-color: #365683;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		height: 35px;
		margin-left: 1%;
		text-align: center;
		text-decoration: none;
		width: 90px;
	}
	#SearchButton:hover{
	color: #788FB6;
	border: 1px solid #8a9db8;
}
	
	#search_results 
	{
	    width: 75%;
	}

	#nav { clear: right; float: right; margin-top: 30px; width: 780px; }
	#nav li { display: inline; margin-left: 30px; }
	#nav:last-child { margin-left: 0; }
	#nav li a { color: #fff; font-weight: bold; text-decoration: none; }
	#nav li a:hover, #nav li a.selected { color: #365683; }
	#nav div.sfContentBlock { float: right; }
	
	
	/* Sub Header & Navigation */
	#sub-head { 
		background: #506f9b; 
		position: fixed; 
		top: 110px; 
		width: 100%;
		z-index:5;
	}

	#sub-nav { }
	#sub-nav li { float: left; margin: 11px 3% 6px 0; }
	#sub-nav li a { color: #fff; font-size: .875em; font-weight: bold; text-decoration: none; }
	#sub-nav li a:hover, #sub-nav li a.selected { color: #365683; }

/* MAIN CONTENT */
	#main_content {
		padding-top: 107px;
	}
	.no-parallax{
		background: url(/images1/tree_back.jpg) center 0 no-repeat fixed;
	}
	#breadcrumbs { height: auto; margin: 28px 0 20px 0; }
	#breadcrumbs ul li { color: #607ca4; float: left; margin-right: 10px; }
	#breadcrumbs ul li.current { color: #000; }
	#breadcrumbs ul li a { color: #607ca4; text-decoration: none; }
	#breadcrumbs ul li a:hover { text-decoration: underline;}
	#breadcrumbs .RadSiteMap .rsmItem {clear: none;}
	#breadcrumbs .sfNoBreadcrumbNavigation a {color: #000;}

/* DEFAULT TEMPLATE */

/* Generic Template Content Section */
	#template_section {
		background-color: rgba(255, 255, 255, .6);
		display: block;
		height: 100%;
		min-height: 1000px;
		padding-bottom: 20px;
		width: 100%;
	}
	h3 { 
		color: #607ca4; 
		font-size: 1.125em; 
		font-weight: bold; 
		padding-bottom: 5px;
		margin: 15px 0;
	}
	ol{list-style: decimal;
	margin: 0 0 0 30px}
	p { line-height: 1.3em; margin-bottom: 20px; }

	/* Left Section */
	#section_left {
		display: block;
		float: left;
		margin: 25px 2% 15px 3%;
		width: 60%;
	}
	#section_left h1 { 
		color: #000; 
		font-family: 'Open Sans', sans-serif; 
		font-size: 3em; 
		font-weight: bold;
		margin-bottom: 20px;
	}
	#section_left h1 span { color: #607ca4; }

	/* Latest News Story and News Stories */
	#section_left h2 { color: #607ca4; font-size: 2.125em; font-weight: bold; margin-bottom: 15px; }
	#section_left img {
		-webkit-box-shadow: 0px 7px 15px 1px #111111;
      	-moz-box-shadow: 0px 7px 15px 1px #111111;
        box-shadow: 0px 7px 15px 1px #111111; 
        margin-bottom: 20px;
		width: 100%;
	}
	#section_left .story { border-bottom: none; }
	#section_left .story .time { color: #888; display: none; font-size: .75em; margin-bottom: 5px; } */
	#section_left .story p { line-height: 1.3em; margin-bottom: 20px; font-size: .875em; }
	#section_left .story a { 
		color: #597baa; 
		display: block; 
		font-weight: bold;
		font-size: .8em;
		margin-bottom: 15px; 
		text-decoration: none; 
	}
	#section_left .story a:hover { text-decoration: underline; }
	#section_left .story h4 { color: #597baa; font-size: 1em; font-weight: bold; margin-bottom: 2px; }
	#section_left .sub { margin: 15px auto; border: none!important;}
	#section_left .sub img { box-shadow: none; float: left; width: 18%; margin: 0 3% 30px 0; }
	#section_left .sub .sfnewsContent img {	
		-webkit-box-shadow: 0px 7px 15px 1px #111111;
      	-moz-box-shadow: 0px 7px 15px 1px #111111;
        box-shadow: 0px 7px 15px 1px #111111; 
        margin-bottom: 20px; 
		float: none; 
		width: 100%; 
	}
	#section_left .sub img.long { margin-bottom: 50px; }
	
	/*BLOG POSTS*/
	#section_left .sfpostListItem{padding: 0 0 30px 0;}
	#section_left .sfpostAuthorAndDate{font-size:12px; color:#999}
	#section_left .sfpostSummary{	
		font-size: 1em;
		line-height: 1.5em;
	}

	/* Subnavigation Section */
	#subnav-col h3 { 
		border-bottom: 6px solid rgba(87,124,176,.6); 
		color: #607ca4; 
		font-size: 1.125em; 
		font-weight: bold; 
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	#subnav-col .section { border-bottom: 1px solid #aaa; }
	#subnav-col .section h4 { color: #607ca4; font-size: 1.125em; font-weight: bold; margin: 20px 0; }

	/* Subnavigation and Subscribe buttons */
	#subnav-col .archives { margin-bottom: 15px; }
	#subnav-col .archives ul { margin-left: 3%; }
	#subnav-col .archives ul li, .subscribe ul li { color: #607ca4; font-size: .875em; margin-bottom: 20px; }
	#subnav-col .archives ul li a, .subscribe ul li a { color: #607ca4; font-weight: bold; text-decoration: none; }
	#subnav-col .archives ul li a.current { color: #000; }
	#subnav-col .archives ul li a:hover, .subscribe ul li a:hover { text-decoration: underline; }
	#subnav-col .subscribe ul { margin-left: 1%; }
	#subnav-col .subscribe ul li a { display: block; padding: 10px 0 10px 35px; margin: 3px inherit; }
	#subnav-col .subscribe ul li #newsletter { background: url(/images1/mail_icon.png) 0 0 no-repeat; }
	#subnav-col .subscribe ul li #newsletter:hover { background: url(/images1/mail_icon_hov.png) 0 0 no-repeat; }
	#subnav-col .subscribe ul li #rssfeed { background: url(/images1/rss_icon.png) 0 0 no-repeat; }
	#subnav-col .subscribe ul li #rssfeed:hover { background: url(/images1/rss_icon_hov.png) 0 0 no-repeat; }

	#subnav-col .tags { padding-bottom: 25px; }
	#subnav-col .tags ul { float: left; margin-right: 6%; }
	#subnav-col .tags ul.last-list { margin-right: 0; }
	#subnav-col .tags ul li { display: block; }
	#subnav-col .tags li a { color: #607ca4; font-size: .75em; line-height: 1.25em; }
	#subnav-col .tags li a:hover { text-decoration: none; }

	#subnav-col .videos a, #subnav-col .podcasts a { 
		color: #577cb0; 
		display: block;
		font-size: .875em; 
		font-weight: bold; 
		margin: 15px 0;
		text-decoration: none;
	}
	#subnav-col .videos a:hover, #subnav-col .podcasts a:hover { text-decoration: underline; }
	#subnav-col .videos .video, #subnav-col .podcasts .pod { display: block; margin-top: 15px; }
	#subnav-col .videos .video a { margin: 0 0 5px 0; }
	#subnav-col .videos .video h6, #subnav-col .videos .video p,
	#subnav-col .videos .video span, #subnav-col .podcasts .pod span,
	#subnav-col .podcasts .pod p { font-size: .75em; line-height: 1.2em; }
	#subnav-col .videos .video span, #subnav-col .podcasts .pod span { color: #666; }
	#subnav-col .videos .video h6 { font-weight: bold; }

	#subnav-col .podcasts .pod { background: url(/images1/podcasticon.jpg) 0 0 no-repeat; }
	#subnav-col .podcasts .pod:hover { background-image: url(/images1/podcasthov.jpg); cursor: pointer; }
	#subnav-col .podcasts .pod span, #subnav-col .podcasts .pod p { margin-left: 30px; }
	
	#subnav-col a.btn_blue {
		background-color: #577cb0;
		border: none; 
		-moz-box-shadow: 0px 5px 5px 1px #222222;
		-webkit-box-shadow: 0px 5px 5px 1px #222222;
		box-shadow: 0px 5px 5px 1px #222222;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: .875em;
		line-height: .875em;
		font-weight:bold;
		margin: 0 0 10px 0;
		text-align: center;
		padding: 15px;
	}
	
	
	/* SITEFINITY SUBNAVIGATION OVERDIDES */
	
	
	#subnav-col .RadTabStripLeft_Sitefinity .rtsSelected, .RadTabStripLeft_Sitefinity .rtsSelected .rtsOut, .RadTabStripLeft_Sitefinity .rtsSelected .rtsIn, .RadTabStripRight_Sitefinity .rtsSelected, .RadTabStripRight_Sitefinity .rtsSelected .rtsOut, .RadTabStripRight_Sitefinity .rtsSelected .rtsIn {background-image:none; font-size: 14px; border: none; font-family: 'PT Sans', Arial, sans-serif!important;}
	#subnav-col .RadTabStrip_Sitefinity .rtsLI, .RadTabStrip_Sitefinity .rtsLink {background-image:none; font-size: 14px; border: none; font-family: 'PT Sans', Arial, sans-serif!important; text-align:left;}
	#subnav-col .RadTabStripLeft_Sitefinity .rtsLast .rtsLink, .RadTabStripRight_Sitefinity .rtsLast .rtsLink {border: none!important;background-image:none!important;}
   
	#subnav-col .rtsIn{background:url(/images1/subnavBullet.png) 0 center no-repeat; padding-left: 10px;}
	#subnav-col a.rtsSelected{color:#333!important}

	/* Right Section */
	#section_right {
		display: block;
		float: left;
		margin: 25px 2% 15px 2%;
		width: 30%;
	}
	#section_right .section{
		border-bottom:none;
		padding: 10px;
		margin-bottom: 15px;
	}

	/* Print and Share Buttons */
	#section_right #print-share { margin-bottom: 35px; width: 100%; }
	#section_right #print-share ul { float: right; }
	#section_right #print-share ul li { float: left; }
	#section_right #print-share ul li #print {
		background: url(/images1/printbutton.jpg) 0 0 no-repeat;
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0px 5px 10px 1px #111111;
      	-moz-box-shadow: 0px 5px 10px 1px #111111;
        box-shadow: 0px 5px 10px 1px #111111;  
		display: block;
		height: 30px;
		margin-right: 10px;
		width: 66px;
	}
	#section_right #print-share ul li #print:hover {
		background: url(/images1/printbuttonhov.jpg) 0 0 no-repeat;
	}
	#section_right #print-share ul li #share {
		background: url(/images1/sharethisbtn.jpg) 0 0 no-repeat;
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0px 5px 10px 1px #111111;
      	-moz-box-shadow: 0px 5px 10px 1px #111111;
        box-shadow: 0px 5px 10px 1px #111111;
        display: block;
		height: 30px;
		width: 87px;
	}
	#section_right #print-share ul li #share:hover {
		background: url(/images1/sharethishov.jpg) 0 0 no-repeat;
	}
	/* SHARRRE MODULE http://sharrre.com/ */

	#section_right .sharrre .box {
		float: left;
	}
	#section_right .sharrre .count {
		display: none;
	}
	#section_right .sharrre .share {
		background: url(/images1/sharethisbtn.jpg) 0 0 no-repeat;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0px 5px 10px 1px #111111;
		-moz-box-shadow: 0px 5px 10px 1px #111111;
		box-shadow: 0px 5px 10px 1px #111111;
		display: block;
		height: 30px;
		width: 87px;
		text-indent: -9999px;
		margin-right: 10px;
	}
	#section_right .sharrre .share:hover {
		background: url(/images1/sharethishov.jpg) 0 0 no-repeat;
	}
	#section_right .sharrre .buttons {
		display: none;
		position: absolute;
		width: 300px;
		margin-top: -62px;
		z-index: 10;
		background-color: transparent;
	}
	#section_right .sharrre .button {
		float: left;
		max-width: 80px;
		margin-left: 10px;
	}
/* POSTS */
	#section_right .sfpostListItem{ border-bottom:#CCC 1px solid; padding: 10px 0;}
	#section_right .sfpostSummary {
		font-size: 0.875em;
		line-height: 1.3em;
	}
	#section_right h2.sfpostTitle {
		font-size: 0.875em;
		font-weight:bold;
	}
	
	
	
	/* Left One Column */
	#section_oneColumn {
	
		padding: 25px 2% 15px 3%;
		width: 90%;
		height: 100%;
	}
	#section_oneColumn h1 { 
		color: #000; 
		font-family: 'Open Sans', sans-serif; 
		font-size: 3em; 
		font-weight: bold;
		margin-bottom: 20px;
	}
	#section_oneColumn h1 span { color: #607ca4; }

	/* Latest News Story and News Stories */
	#section_oneColumn h2 { color: #607ca4; font-size: 2.125em; font-weight: bold; margin-bottom: 15px; }
	#section_oneColumn img {
		-webkit-box-shadow: 0px 7px 15px 1px #111111;
      	-moz-box-shadow: 0px 7px 15px 1px #111111;
        box-shadow: 0px 7px 15px 1px #111111; 
        margin-bottom: 20px;
		width: 100%;
	}
	#section_oneColumn a { 
		color: #597baa; 
		text-decoration: none; 
	}
	#section_oneColumn a:hover { text-decoration: underline; }
	
	/* search results */
	.sfsearchResultTitle{color: #607ca4; font-size: 2.125em; font-weight: bold; margin-bottom: 2px;}
	.sfsearchResultHighLighter{font-size: .875em; line-height: 1.6em; margin: 0 0 20px 0;}
	.sfsearchResultUrl{font-weight: bold; margin-bottom:10px;}
	.sfHighlight {background-color:#ebf3ff}
	.sf_pagerNumeric a{margin-right: 10px; padding: 5px;}
	.sf_pagerNumeric a.sf_PagerCurrent{background-color: #607CA4; color:#fff!important;}
	
/* MISC RIGHT ELEMENTS */
#section_right blockquote{font-size: 0.875em; font-style:italic; color:#999;}

#section_right .sflistListItem {padding: 10px 0 0 0}
#section_right h3.sflistItemTitle {font-size: 0.875em; border-bottom:none}
#section_right .sflistItemContent {padding-bottom: 10px; font-size: 0.875em; color: #333}

/* TABS */

.tabcontent {
	padding: 10px;
	font-family: 'PT Serif',sans-serif;
    font-size: 0.875em;
    line-height: 1.6em;
}
.tabs li {
	list-style: none;
	display: inline;
}
.tabs a {
	margin: 0 1% 20px 0;
	width: 20px;
	display: inline-block;
	color: #597BAA;
	text-decoration: none;
	font-family: 'PT Serif',sans-serif;
    font-size: 0.875em;
	font-style:italic;
    line-height: 1.6em;
	text-align:center;
}
.tabs a.active {
	background: #597BAA;
	color: #FFF;
}
/* NEWSLETTER FORM */
.NewsletterForm label {
	display: block;
}
.NewsletterForm input {
		background-color: #efefef; 
		border: 1px solid #8a9db8;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px; 
		color: #333;
		/*float: left; */
		font-size: 14px;
		font-style: italic; 
		height: 30px;
		margin: 4px 0 10px 0; 
		width: 50%;
		min-width:230px;
	}
.NewsletterForm .sfnewsletterSubmitBtn{
		background-color: #365683;
		border: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		height: 35px;
		text-align: center;
		text-decoration: none;
		font-style:normal;
		width: 30%;
		min-width:230px;
}
.NewsletterForm .sfnewsletterSubmitBtn:hover{
	color: #788FB6;
	border: 1px solid #8a9db8;
}

/* FOOTER */
	#footer {
		background-color: #607ca4;
		padding-top: 30px;
		min-height: 200px;
		position: relative;
		width: 100%;
		z-index: 1;
	}

/* Footer NAV */
	ul#foot_nav { float: left; margin-right: 1%; width: 42%;}
	ul#foot_nav div li { font-size: .9em; float: left; line-height: 1.25em; padding-right: 5%; }
	ul#foot_nav div > li:last-child { padding-right: 0!important; }
	ul#foot_nav div .last-child { padding-right: 0!important; }
	ul#foot_nav li a { color: #fff; font-weight: bold; text-decoration: none; }
	ul#foot_nav li a:hover { color: #365683; }

/* Footer Social */
	#foot_social { float: left; height: auto; width: 16%; }
	#foot_social a { 
		float: left; 
		height: 29px; 
		margin-left: 10%; 
		margin-bottom: 10px; 
		width: 30px; 
	}
	#foot_rss { background: transparent url(/images1/rss2.png) 0 0 no-repeat; }
	#foot_rss:hover { background: transparent url(/images1/rss2hover.png) 0 0 no-repeat; }
	#foot_face { background: transparent url(/images1/fbook.png) 0 0 no-repeat; }
	#foot_face:hover { background: transparent url(/images1/fbookhover.png) 0 0 no-repeat; }
	#foot_book { background: transparent url(/images1/bmark.png) 0 0 no-repeat; }
	#foot_book:hover { background: transparent url(/images1/bmarkhover.png) 0 0 no-repeat; }

/* Footer Contact Information */
	#foot_contact {
		float: left;
		height: auto;
		text-align: right;
		width: 39%;
	}
	#foot_contact { color: #9db3d3; font-size: .75em; font-weight: bold; line-height: 1.7em; }
	#foot_contact a { color: #31435d; margin: 0 1%; text-decoration: none; }
	#foot_contact a:hover { color: #9db3d3; }
	#foot_contact a:last-child { margin-right: 0; }
	#foot_contact p {margin: 0;}
	

/* FORM ELEMENTS */

h1.sfnewsTitle{
    font-size: 2.125em!important;
    margin-bottom: 15px!important;
	text-transform:none!important;
}

.sfcommentsFormWrp{
	padding: 30px 0 0 0;	
}
.sfcommentsFormWrp label{
	font-size: .75em;
	color: #666;	
}
.sfcommentsFieldsList input{
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
}

ol.sfcommentsFieldsList{
	
	list-style: none outside none ;
}
.sfcommentsSubmitBtn{
		background-color: #577cb0;
		border: none; 
		-moz-box-shadow: 0px 5px 15px 1px #000;
		-webkit-box-shadow: 0px 5px 15px 1px #000;
		box-shadow: 0px 5px 15px 1px #000;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: .8em;
		font-weight: bold;
		height: 30px; 
		margin: 20px auto;
		width: 200px; 
}

.sfnewsAuthorAndDate{
    color: #666666;
    font-size: 0.75em;
    line-height: 1.4em;
	font-style:italic;
}
.sfnewsContent{
	padding: 20px 0;
}

.sfnewsContent a {
    display: inline!important;
    font-size: 1em!important;
}


/* ========================================= */
/* ! Layout for tablet (landscape) version   */
/* ========================================= */

@media handheld, only screen and (max-width: 1024px) and (min-width: 781px) {

	body {
		
	}
	.container { margin: 0 auto; width: 90%; }

	/* HEADER STYLES */

	#header .container { height: 140px; }

	#search { float: right; margin-top: 6%; width: 55%; }

	ul#nav { clear: right; float: left; margin: 30px 0 0 0; width: 100%; }
	ul#nav li { margin-right: 30px; margin-left: 0; float: left; padding: 0 0 10px 0; }

	
	/* Sub Header & Navigation */
	#sub-head { 
		background: #506f9b; 
		position: fixed; 
		top: 120px; 
		width: 100%;
	}
	#sub-nav li { float: left; margin: 11px 3% 6px 0; padding-top: 3%; }

	/* MAIN CONTENT */
	#main_content { padding-top: 137px; }
	
	/* Right Section */
	#subnav-col .tags ul { float: left; margin-right: 12%; margin-bottom: 5px; }


	/* Left Section */
	#section_left .sub img { box-shadow: none; float: left; width: 20%; margin: 0 3% 5px 0; }
	#section_left .sub img.long { margin-bottom: 5px; }

	
	/* FOOTER */

	/* Footer NAV */
	#foot_nav { margin-right: 1%; width: 49%; }
	#foot_nav li { font-size: .9em; margin-right: 5%; text-align: center; }
	
	

	/* Footer Social */
	#foot_social { width: 5%; margin-right: 5%; }
	#foot_social a {margin-right: 1%; }

}

/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 800px) and (min-width: 481px) {

	body {
		
	}
	.container { margin: 0 auto; width: 90%; }

	/* HEADER STYLES */

	#header .container { background-size: 45%; height: 130px; }


	#search { float: right; margin-top: 8%; width: 60%; }
	#search_box { width: 60%;}
	#search_btn { font-size: 10px; height: 25px; width: 50px; }

	#nav { clear: right; margin: 25px 0 0 0; width: 100%; }
	#nav li { float: left; font-size: 1.2em; margin-right: 3%; margin-left: 0; padding:10px 0; text-align: left; }
	
	
	/* Sub Header & Navigation */
	#sub-head { 
		background: #506f9b; 
		position: fixed; 
		top: 130px; 
		width: 100%;
	}
	#sub-nav li { float: left; margin: 11px 2% 6px 0; padding-top: 3%; }
	#sub-nav li a { font-size: .75em; }

	/* MAIN CONTENT */
	#main_content { padding-top: 137px; }
	
	/* Right Section */
	#subnav-col .tags ul { float: left; margin-right: 8%; margin-bottom: 5px; }
	#subnav-col .tags ul li a { font-size: .875em; }
	
	
	/* Left Section */
	#section_left h1 { font-size: 2.125em; }
	#section_left h2 { font-size: 1.5em; }
	#section_left .sub img { box-shadow: none; float: left; width: 20%; margin: 0 3% 5px 0; }
	#section_left .sub img.long { margin-bottom: 5px; }


	/* FOOTER */

	/* Footer NAV */
	#foot_nav { margin-right: 1%; width: 49%; }
	#foot_nav li { font-size: .9em; margin-right: 5%; text-align: center; }

	/* Footer Social */
	#foot_social { width: 5%; margin-right: 5%; }
	#foot_social a {margin-right: 1%; }

}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 520px) {

	body {
		
	}
	.container { margin: 0 auto; width: 90%; }
	#main_content { padding-top: 0; }

	/* HEADER STYLES */

	#header { background: #607ca4; position: relative; width: 100%; }
	#header .container { 
		background: url(/images1/logo_CTI.png) 0 12px no-repeat; 
		background-size: 80%;
		min-height: 200px; 
	}
	#pulltab { display: none; }
	#search { float: right; margin-top: 25%; width: 100%; }
	#search_box { height: 30px; }
	#search_btn { font-size: 10px; height: 25px; width: 55px; }
		
	#nav { clear: right; margin: 20px auto; width: 100%; }
	#nav li { float: left; font-size: .9em; margin-right: 4%; margin-left: 0; padding: 0 0 10px 0; text-align: center; }
	
	
	/* Sub Header & Navigation */
	#sub-head { display: none; }

	/* MAIN CONTENT */
	#main_content { padding-top: 1px; }

	/* Left Section */
	#section_left { width: 90%; }
	#section_left h1 { font-size: 2.125em; }
	#section_left h2 { font-size: 1.5em; }
	#section_left .extra { display: none; }
	#section_left .sub img { box-shadow: none; float: left; width: 30%; margin: 0 3% 5px 0; }
	#section_left .sub img.long { margin-bottom: 5px; }

	/* Right Section */
	#section_right { width: 90%; }
	
	/* New*/
	#subnav-col .tags ul li a { line-height: 1.7em; }
/* NEWSLETTER FORM */

.NewsletterForm input {	
		width: 100%;
	}
.NewsletterForm .sfnewsletterSubmitBtn{
	
		width: 100%;
}



	/* FOOTER */

	/* Footer NAV */
	#foot_nav { margin: 10px auto 20px auto; width: 100%; }
	#foot_nav li { font-size: .9em; margin-right: 5%; text-align: center; }

	/* Footer Social */
	#foot_social { width: 30%; margin-right: 0; }
	#foot_social a { margin-right: 1%; }

	/* Footer Contact Information */
	#foot_contact { width: 70%; }
}

/* ============================= */
/* ! Layout for mobile version smaller   */
/* ============================= */

@media handheld, only screen and (max-width: 320px) {
	
	#header .container { 
		background: url(/images1/logo_CTI.png) 0 12px no-repeat; 
		background-size: 60%;
		min-height: 200px; 
	}

	#search { float: right; margin-top:65px; width: 100%; }
	#search_box { width: 62%; font-size:12px; }
	#search_btn { font-size: 10px; height: 25px; width: 55px; }
		
	#nav { clear: right; margin: 10px 0 0 0; width: 100%; }
	#nav li { float: left; font-size: 1em; margin-right: 10%; margin-left: 0; padding: 10px 0 10px 0; text-align: left; }
	
	/* FOOTER */

	/* Footer NAV */

	
	#foot_nav { float: none; margin:10px auto 20px auto; width: 100%; }
	#foot_nav li { float: none; line-height: 1.25em; margin-right: 0!important; margin: 1px 0; padding: 4px; display: block; background-color: #7890B2}
	#foot_nav li a { color: #fff; font-weight: bold; text-decoration: none; }
	#foot_nav li a:hover { color: #365683; }
	
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}