/****************************************
 * IWS
 * Main CSS Rules
 * 10/03/13 - iz26
 ****************************************/

/****************************************
 * General Formatting
 ****************************************/
body {
 	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;
	color: #333;
	background: #ddc;
 	}
/****************************************
 * Cornell Identity
 ****************************************/

#cu-identity {
	height: 45px;
	background: #fff;
	}

#cu-logo {
	width: 950px;
	margin: 0 auto;
	height: 45px;
	position: relative;
	background: url(/catc/images/cornell.gif) no-repeat 0 0;
	}
	
#cu-logo a {
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em; 
	}
	
#insignia-link {
	width: 180px;
	height: 45px;
	}
	
#cu-logo img {
	display: none;
	}

#search-form {
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -472px;
	#width: 420px;
	}
	
#search-form form {
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
#search-form label {
	color: #333;
	}
	
#search-form-query {
	padding: 3px;
	width: 145px;
	border: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	background: #f3f3f3 url(/catc/images/layout/header_search.gif) no-repeat top left;
	vertical-align: middle;
	}
	
#search-form-submit {
	padding: 0px 2px 3px 2px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
	background: #f2f2f2;
	vertical-align: middle;
	}
	
#search-filters {
	margin: 5px 0 0 0;
	float: left;
	}
	
#search-input {
	float: right;
	}

.greenbox #search-form-query{
        background: #fff;
}
.greenbox #search-form-query:invalid {
        background: #fff url('//cse.google.com/cse/intl/en/images/google_custom_search_watermark.gif') 10% 50% no-repeat;
}
/*
.greenbox #search-form-query:focus{
        background:white;
}
 */

#search-filters input {
	vertical-align: middle;
	margin: 0;
	}

#search-filters label {
	vertical-align: middle;
	margin: 0 10px 0 0;
	}

/* new search style borrowed from A&S */
.innerSearch {
	/*background:url(/images/arts-layout/innerSearch-bg.jpg) no-repeat;*/
	background-color: #e9e9cf;
	width:430px;
	height:43px;
	padding-top:11px;
	padding-left:15px;
	}
	
/****************************************
 * Text Styles
 ****************************************/
 
/* 
	Headlines 
	-------------------------
*/
 
h2 {
	margin: 0 0 15px 0;
	font-size: 1.8em;
	line-height: 1.2em;
	color: #3A4F70;
	font-weight: normal;
	}
	
h2.service-title {
	line-height: 40px;
	float: left;
	width: 100%;
	clear: both;
	}
	
h2.service-title img {
	float: left;
	margin-right: 5px;
	}
	
h3, .CS_Textblock_Caption {
	margin: 0 0 15px 0;
	font-size: 1.3em; /* was 1.2em */
	line-height: 1.5em; /* was 1.4em */
	font-weight: bold;
	color: #3A4F70;
	/*text-transform: uppercase;*/
	}
	
.home h3, .home .CS_Textblock_Caption { 
	/* keeping old h3 style on home page only */
	/* font-size: 1.2em;
	line-height: 1.4em;
	text-transform: uppercase; */
	} 
	
h4 {
	margin: 12px 0 4px 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	/* dark background color is #e9e9cf */
	color: #69694f;
	}

h3.altcolor {
        color: #69694f;
	}
	
h4.altcolor {
	color: #3A4F70;
	}
	
h4.separator {
	color: #69694f;
	border-bottom: 2px solid #c9c9af;
	}
	
h5 {
	margin: 12px 0 4px 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	color: #3A4F70;
	}
	
h6 {
	margin: 12px 0 4px 0;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.2em;
	color: #69694f;
	}
	
/* 
	Text
	-------------------------
*/

p {
	margin: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.5em;
	}
	
blockquote {
	margin: 0 30px;
	}
	
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

pre {
	font-family: courier,monospace;
	font-size: 1.2em;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 75%;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
	
/* captions */
	
.caption {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #666;
	}
	
/* 
	Lists 
	-------------------------
*/
	
ul,ol {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	}
	
ul ul, ul ol, ol ol, ol ul {
	font-size: 1.0em;
	margin: 0;
	}
	
li p {
	font-size: 1.0em;
	}
	
ul li {
	margin: 5px 0;
	padding: 0 0 0 30px;
	list-style: none;
	background: url(/catc/images/layout/bullet.gif) no-repeat 18px 0.5em;
	}
	
#CS_Element_secondary ul li {
	padding: 0 0 0 10px;
	background: url(/catc/images/layout/bullet.gif) no-repeat 0 0.5em;
}
 
ol li {
	margin: 5px 0 5px 30px;	
	}
	
ol ul ol li {
	margin-left: 40px;
	padding-left: 0;
	/*list-style: decimal outside none;*/
	list-style-type: upper-alpha;
	background: none;
	}
	
ol ul li {
	margin-left: 0;
	}
 
dl {
	margin: 0 0 15px 0;
	line-height: 1.4em;
	}
	
dt {
	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
dd {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
/* featured textblock style */	
.featured-tb .CS_Textblock_Text {
	background: #e9e9cf;
	border: 1px solid #fff;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;
}

.featured-tb .CS_Textblock_Text h3 {
	margin-bottom: 4px;
}

.cit-supported {
	background: url(/catc/images/layout/cit_supported.png) no-repeat 0 0;
	height: 30px;
	line-height: 30px;
	font-size: 1.2em;
	padding-left: 68px;
	text-transform: none;
	color: #333;
	font-weight: normal;
}
	
/* 
	Links 
	-------------------------
*/

/*a {
	color: #b31b1b;
	text-decoration: underline;
	}
	
a:visited {
	color: #b37474;
	}
	
a:hover {
	color: #f00;
	}
	
a:active {
	color: #b31b1b;
	}
*/

a, a:link { 
	color: #b31b1b; 
	text-decoration: none; 
	border-bottom: 1px solid #e5cfcf; 
	} 

a:visited { 
	border-bottom-color: #e5cfcf; 
	} 

a:hover { 
	color: #f00; 
	border-bottom-color: #f00; 
	} 
 
a:active { 
	color: #b31b1b; 
	} 
	
a img, a:hover img { 
	border:none;
	vertical-align:top; 
	}
	
a.block { 
	border: 0; 
	}

/****************************************
 * Forms
 ****************************************/

#CS_Element_main form {
	float: left;
	margin: 5px 0 15px 0;
	padding: 0;
	width: 660px;
	}
	
#CS_Element_main fieldset {
	float: left;
	margin: 0;
	padding: 10px 0 15px 0;
	width: 660px;
	border: none;
	border-top: 1px solid #e7e7e7;
	}
		
#CS_Element_main form h3 {
	margin: 0 15px 5px 15px;
	}
	
#CS_Element_main form h4 {
	margin: 12px 0 4px 15px;
	}
	
#CS_Element_main .form-pair {
	display: inline;	/* prevent ie6/win from doubling margins */
	float: left;
	margin: 5px 15px 0 15px;
	width: 630px;
	}
	
#CS_Element_main .form-item {
	float: left;
	margin-top: 5px;
	width: 210px;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: right;
	}	
	
#CS_Element_main .form-value {
	float: right;
	margin-top: 5px;
	width: 410px;
	font-size: 1.1em;
	line-height: 1.5em;
	}

#CS_Element_main .checklist {
	margin: 0;
	font-size: 1em;
	}

#CS_Element_main .checklist li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}
	
.input-text, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}

.form-submit {
	border-top: none;
	background: #ddc;
	}
	
table td.simple-form-button {
	background: #ddc;
	height: 50px;
}

table td.simple-form-button input {
	margin: 8px 10px 0 0;
	font-weight: bold;
}
	
.form-submit-buttons {
	text-align: right;
	padding-right: 15px;
	}
	
.form-submit-buttons .input-reset {
	margin-right: 5px;
	}
	
.input-submit, .input-reset {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.3em;
	}
	
.input-submit {
	font-weight: bold;
	}
	
/*	feedback form   */

#CS_Element_main .simple-form-label {
	font-size: 1.1em;
	text-align: right;
	}
	
.simple-form-label-required {
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	}
	
.simple-form-sectionlabel {
	font-size: 1.1em;
	font-weight: bold;
	}
	
.simple-form-button {
	background: #ddc;
	text-align: right;
	padding-right: 15px;
	}

/* styles to support management forms for events and video gallery. Feel free to edit. -jes59 9/1/2010 */
    
    p.form-note{
        font-size: 1em;
        color: #888; 
        padding: 0;
        margin: 0;}
    
    label.error, p.error, span.error {color: #b31b1b;}
    
    label.required {font-weight: bold;}

#CS_Element_main form h3.av-request {
	/* margin: 18px 0 5px 15px; */
	padding-top: 24px;
	}

#CS_Element_main form p.av-request {
        margin: 15px 0 0 15px;
        }
	
/*	news filter form   */
	
#CS_Element_main form#category-filter,.newsfilter form#category-filter {
	/*float: right;*/
	margin: 0 0 8px 15px;
	width: 200px;
	padding: 0 8px;
	background: #fff url(/catc/images/layout/shadow_light.png) no-repeat 100% 100%;
	}
	
#CS_Element_main #category-filter fieldset,.newsfilter #category-filter fieldset {
	padding: 10px 0 15px 0;
	width: 100%;
	border-top: none;
	}
	
.element-list-item img {
	/*padding: 1px 4px 4px 1px;*/ /*white border w/drop shadow*/
	/*padding: 0 3px 3px 0;*/ /*shadow without white border*/
	padding: 1px;
	margin-right: 8px;
	/*background: #fff url(/catc/images/layout/shadow_light.png) no-repeat 100% 100%;*/
	background: #fff;
	}
/* featured tesers */
.spotlight-feature, .news-feature, .all {
	float: left;
	width: 100%;
	clear: both;
}

.spotlight-feature .list-item-details, .news-feature .list-item-details {
	float: left;
	width: 45%;
	margin-right: 4%;
}

.spotlight-feature .list-item-details img, .news-feature .list-item-details img {
	float: left;
	margin: 0 10px 0 0;
	background: #fff;
	width: 100px;
	height: 80px;
	padding: 1px 4px 4px 1px;
	background: #fff url(/catc/images/layout/shadow_medium.png) no-repeat 100% 100%;
}

.spotlight-feature .list-item-details h4, .news-feature .list-item-details h4 {
	margin-top: 0;
}

/* listing */
#news-component .element-list-item img, #spotlight-component .element-list-item img {
	float: left;
	margin: 0 10px 0 0;
	background: #fff;
	width: 100px;
	height: 80px;
	padding: 1px 4px 4px 1px;
	background: #fff url(/catc/images/layout/shadow_medium.png) no-repeat 100% 100%;
	}
	
#news-component .element-list-item, #spotlight-component .element-list-item {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

#news-component .element-list-item h4, #spotlight-component .element-list-item h4 {
	margin-top: 0;
}
 
/****************************************
 * Tables
 ****************************************/

table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	}
	
table {
	margin: 15px 0;
	border-bottom: 1px solid #e7e7e7;
	}
	
th {
	padding: 0 15px 5px 15px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	/* color: #888; */
	}
	
td, tbody th {
	padding: 10px 15px;
	border-top: 1px solid #e7e7e7;
	font-size: 1.1em;
	line-height: 1.5em;
	vertical-align: top;
	}

table caption {
	margin: 0 0 3px 0;
        font-size: 1.3em;
        line-height: 1.5em;
        font-weight: bold;
        color: #3A4F70; /* matches h3 style */
        }
	
.row1, .row1 td, .row1 th {
	background: #fff;
	} 
	
.row2, .row2 td, .row2 th {
	background: #fafaf7;
	}

td p,th p,td ul,td ul li,td ol, td ol li, li td {
	font-size: 1.0em;
	margin-bottom: 0;
	}

.CS_Element_SimpleForm table {
	margin: 0;
	border-bottom: 0;
	}
	
.CS_Element_SimpleForm td {
	padding: 5px;
	border-top: 0;
	font-size: 1em;
	}
	
.CS_Element_SimpleForm table table table td {
	padding: 0 0 3px 0;
	}
	
.CS_Form_SectionLabel {
	font-size: 1.2em;
	}

td.product-manager-edit {
	width: 33%;
	}

td.product-manager-other {
	width: 33%;
	}
	
/* needed for the HelpDesk chat image */
.CS_Element_HTML table,.CS_Element_HTML table tr,.CS_Element_HTML table td {
	margin: 0;
	padding: 0;
	border: 0;
	}

/****************************************
 * Tables for Google search results 11/2014 
 ****************************************/
.gsc-control-cse table {
        margin: 0;
        border-bottom: none;
        }
.gsc-control-cse td {
        padding: 0;
        border-top: none;
        line-height: auto;
        }

/****************************************
 * IT@Cornell logo area
 ****************************************/
#site-identity {
	float: left;
	width: 100%;
	background: #fff;
	height: 66px;
	min-width: 950px;
}

.sitedentity-wrap {
	width: 950px;
	margin: 0 auto;
}

#site-identity h1 {
	width: 250px;
	height: 66px;
	background: transparent url(../images/itatcornell_logo.gif) no-repeat;
	float: left;
}

#site-identity h1 a {
	display: block;
	width: 250px;
	height: 66px;
	text-indent: -1000em;
	border: 0;
}

#site-identity #pagesfor {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	top: 42px;
	#width: 540px;
}

/****************************************
 * Header
 ****************************************/
 
#header {
	float: left;
	width: 100%;
	min-width: 950px;
	height: 193px;
	background: #566878 url(/catc/images/layout/header_bg.png) no-repeat 50% 100%;
	}

#identity {
	height: 152px;
	position: relative;
	}	
#identity, #navigation ul {
	margin: 0 auto;
	width: 950px;
	clear: both;
	}
/* 
	Section Title 
	-------------------------
*/
#identity h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	padding-top: 60px;
	font-weight: normal;
	text-transform: uppercase;
	color: #dfe1d4;
	float: left;
	width: 245px;
	}
	
#identity h1 a {
	color: #dfe1d4;
	text-decoration: none;
	border-bottom: none;
	}
	
#identity .CS_Element_Textblock {
	width: 245px;
	margin: 10px 0 0 0;
	float: left;
	clear: left;
	color: #DFE1D4;
	font-family: Arial, Helvetica, sans-serif;
}

#identity .CS_Element_Textblock p {
	line-height: 1.6em;
}

#identity .CS_Element_Textblock a, #identity .CS_Element_Textblock a:visited {
	color: #6BACCF;
}

#identity .CS_Element_Textblock a:hover {
	color: #fff;
}
	
#identity h1 em {
	font-size: 0.72em;
	color: #6baccf;
	font-weight: bold;
	display: block;
	padding-top: 2px;
	font-style: normal;
	}

.home #identity h1 {
	padding-top: 28px;
	line-height: 38px;
	font-size: 36px;
	text-transform: none;
	}
	
/*
	Main Navigation 
	-------------------------
*/

#navigation {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #b31b1b;
	}
	
#navigation ul {
	height: 40px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background: #b31b1b;
	}
	
#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	text-transform: uppercase;
	background: none;
	}
	
#navigation a {
	float: left;
	padding: 0;
	height: 40px;
	line-height: 40px;
	border: none;
	color: #fff;
	text-decoration: none;
	text-align: center;
	}
	
#navigation a:hover, #navigation a.active {
	background: #951717;
	}

/*
#home a { width: 77px;}
#services a { width: 93px;}
#security a { width: 93px;}
#teaching a { width: 172px;}
#training a { width: 93px;}
#about a { width: 101px;}
#support a { width: 125px;}
*/
#home a { width: 106px;}
#services a { width: 113px;}
#teaching a { width: 207px;}
#policy a { width: 147px;}
#security a { width: 120px;}
#training a { width: 114px;}
#support a { width: 141px;}


/* Megamenu */

.responsive #navigation .megamenu {
	/*display: none !important;*/
}
:focus {
	/*outline: 3px solid green;*/
}
#navigation ul {
	position: relative;
}
#navigation > ul > li:hover, #navigation > ul > li:hover a.active {
	background: #f6f7e9; /*#951717;*/
}
#navigation > ul > li:hover a {
	color: #333;
}
#navigation > ul > li:hover a:hover {
	color: #fff;
	/*background: none;*/
	background: #951717;
}
#navigation .megamenu {
	display: none; /* activated by javascript */
	#display: none !important; /* disable for IE7 and older */
	float: left;
	width: 100%;
	min-height: 162px;
	background: #b31b1b;
	background: rgba(179, 27, 27, 0.96) url(/catc/images/layout/menu_white_tint.png) left bottom repeat-x;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 2013;
	border-bottom: 1px solid #bbbbad;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}
/* uncomment to disable menus (overrides the javascript) */ /* 
#navigation #services .megamenu {
	display: none !important;
}
#navigation #security .megamenu {
	display: none !important;
}
#navigation #policy .megamenu {
	display: none !important;
}
#navigation #teaching .megamenu {
	display: none !important;
}
#navigation #training .megamenu {
	display: none !important;
}
#navigation #support .megamenu {
	display: none !important;
}
*/
#navigation .megamenu ul {
	font-size: 1.1em;
	width: 220px;
	height: auto;
	float: left;
	margin: 9px 0 15px 16px;
	background: none;
	clear: none;
}
#navigation .megamenu ul.col2 {
	margin-left: 10px;
}
#navigation .megamenu li {
	width: 180px;
	height: auto;
	text-transform: none;
	margin: 5px 10px;
}
#navigation .megamenu li a {
	line-height: 1.4em;
	text-align: left;
	font-weight: normal;
	width: auto;
	height: auto;
	color: #f8e9e9;
	background: transparent url(/catc/images/layout/bullet.gif) no-repeat 0 0.4em !important;
	padding-left: 10px;
}
#navigation .megamenu .links {
	float: left;
	width: 490px;
}
#navigation .megamenu .links h4 {
	float: left;
	width: 100%;
	margin: 18px 0 0 25px;
}
#navigation .megamenu .links h4 a {
	float: left;
	width: 100%;
	margin-bottom: 0;
	text-align: left;
	font-weight: normal;
	width: auto;
	height: auto;
	line-height: 1.4em;
	background: transparent url(/catc/images/layout/bullet.gif) no-repeat 0 0.5em !important;
	padding-left: 10px;
}
#navigation .megamenu .feature {
	width: 430px;
	margin: 20px 30px 0 0;
	float: right;
	text-transform: none;
}
#navigation .megamenu .feature a {
	float: none;
}
#navigation .megamenu .feature img {
	float: left;
	width: 100px;
	height: auto;
	margin-right: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#navigation .megamenu .feature img._cs_icon { /* commonspot */
	width: auto;
	height: auto;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#navigation .megamenu .feature h4 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	font-size: 1.6em;
	margin: 0 0 12px;
	padding-left: 120px;
}
#navigation .megamenu .feature h4, #navigation .megamenu .feature h4 a {
	line-height: 1.3em;
	color: #fff;
}
#navigation .megamenu .feature p {
	/*color: #420a0a;*/
	color: #f8e9e9;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 120px;
}
/* light theme */
#navigation .megamenu.light {
	background: #f6f7e9;
	background: rgba(246, 247, 233, 0.96) url(/catc/images/layout/menu_white_tint.png) left bottom repeat-x;
}
.multiplebgs #navigation .megamenu.light {
	background: url(/catc/images/layout/megamenu_at.png) right bottom no-repeat, /*url(/catc/images/layout/megamenu_tab_top_l.png) left top no-repeat,*/ url(/catc/images/layout/menu_white_tint.png) left bottom repeat-x, rgba(246, 247, 233, 0.96);
	/*background: url(/catc/images/layout/megamenu_tab_bottom_r.png) right bottom no-repeat, url(/catc/images/layout/megamenu_tab_bottom_l.png) left bottom no-repeat, url(/catc/images/layout/menu_white_tint.png) left bottom repeat-x, rgba(246, 247, 233, 0.96);*/
}
#navigation .megamenu.light a, #navigation .megamenu.light .feature h4 a {
	color: #b31b1b;
}
#navigation .megamenu.light a:hover {
	color: #f00;
}
#navigation .megamenu.light a:active {
	color: #b31b1b;
}
#navigation .megamenu.light .feature h4 a:hover {
	color: #f00;
	background: none;
}
#navigation .megamenu.light .feature h4 a:active {
	color: #b31b1b;
	background: none;
}
#navigation .megamenu.light .feature p {
	color: #333;
}





/*
	Pages For and questions block
	-------------------------
*/	
#pagesfor ul {
	float: right;
	margin: 0;
	padding: 0;
	}
#pagesfor li {
	float: left;
	background-image: none;
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: bold;
	}
#pagesfor h3 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	}
	
#identity #questions {
	position: absolute;
	width: 220px;
	top: 189px;
	left: 386px;
	font-size: 1.1em;
}
#identity #questions a:visited {
	color: #b31b1b;
}

/****************************************
 * Content Sections
 ****************************************/

#CS_Element_basetemplate {
	float: left;
	width: 100%;
	min-width: 950px;
	background: #f6f7e9 url(/catc/images/layout/content_bg.png) repeat-y top center;
	border-bottom: 1px solid #fff;
	}
	
#CS_Element_basetemplate.home,  #CS_Element_basetemplate.three-column {
	background: #f6f7e9 url(/catc/images/layout/content_home_bg.png) repeat-y top center;
	}
 
#CS_Element_content {
	margin: 0 auto;
	width: 950px;
	clear: both;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	/*background: transparent url(/catc/images/layout/content_extra.png) no-repeat top right;*/
	}
	
.home #CS_Element_content {
	background: none;
	}
	
#CS_Element_main {
	float: right;
	padding: 20px 0;
	width: 660px;
	}
	
#CS_Element_secondary {
	float: left;
	clear: left;
	padding: 20px 0;
	width: 244px;
	}
	
/* three-column pages */
#CS_Element_tertiarycolumn {
	float: right;
	width: 320px;
	margin-left: 20px;
	padding-left: 20px;
	}

#CS_Element_thinthirdcolumn {
	float: right;
	width: 220px;
	margin-left: 20px;
	padding-left: 20px;
	}
	
#CS_Element_maincolumn {
	float: left;
	width: 300px;
	}

/*************************************************
 * Breadcrumbs Navigation, Pagination styles
 *************************************************/
 
#breadcrumbs, #pager, .pager, #product-list, #outage-nav {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

#breadcrumbs li {
	float: left;
	padding: 0 12px 0 0;
	margin: 0 0 0 8px;
	background: url(/catc/images/layout/bullet.gif) no-repeat 100% 60%;
}

#breadcrumbs li.first, #pager li.label, .pager li.label {
	margin-left: 0;
}

#pager li, .pager li {
	float: left;
	padding: 0 8px 0 0;
	margin: 0 0 0 5px;
	background: url(/catc/images/layout/bullet.gif) no-repeat 100% 60%;
}

#pager li.label, .pager li.label {
	background-image: none;
	padding-right: 0;
}

#pager li a, .pager li a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
	border-bottom: none;
} 
#pager li.active a, .pager li.active a {
	background: #e9e9cf;
	color: #000;
}

#outage-nav {
	border-left: 1px solid #ccc;
	line-height: 1em;
	font-weight: bold;
	margin-bottom: 20px;
}
#outage-nav li {
	float: left;
	padding: 0 12px 0 0;
	margin: 0 0 0 12px;
	background-image: none;
	border-right: 1px solid #ccc;
	/* next two lines ADDED BY JERRY 1/6/09 for network status list page nav (jes59 1/6/09) */	
	text-align: center;
	line-height: 140%;
}


#outage-nav li.active a {
	color: #000;
	text-decoration: none;
}

/* for the filter links shown at top center of filtered pages for logged-in users */
#cs-pagemodeui {
	width: 175px;
	line-height: 1.5em;
	background-color: white;
	}

/****************************************
 * Secondary Navigation
 ****************************************/
 
/* container for nav and controls */
.section-navigation {
	float: left;
	clear: left;
	width: 240px;
	margin: 20px 0 0 0;
}

.section-navigation h3 {
	color: #3A4F70;
	padding: 8px 8px 8px 20px;
	background: #fff url(/catc/images/layout/arrows/down.gif) no-repeat 8px 55%;
	margin: 0 0 1px 0;
	text-transform: none;
}

/* nav style */

#section-navigation li {
	padding: 0 0 1px 0;
	margin: 0;
	background: none;
	font-weight: bold;
}

#section-navigation li.active {
	background: #F6F7E9;
	padding: 8px;
	margin: 0 0 1px 0;
}

#section-navigation li a {
	display: block;
	padding: 8px;
	background: #F6F7E9;
	text-decoration: none;
	border-bottom: none;
}

#section-navigation li.active a {
	display: block;
	padding: 0px;
	color: #000;
	background: #F6F7E9;
	text-decoration: none;
}

#section-navigation li a:hover {
	background: #fff;
}

#section-navigation li.active a:hover {
	background: #F6F7E9;
}

#section-navigation li.first a {
	background: #fff url(/catc/images/layout/arrows/down.gif) no-repeat 8px 55%;
	padding-left: 20px;
	color: #3A4F70;
}

/* testing 8/26/2010 sjp */
ul#section-navigation ul li {
	font-weight: normal;
	margin: 1px 0 0 0;
	}
	
ul#section-navigation ul li a {
    padding: 4px;
	padding-left: 25px;	
	background-image: url(/catc/images/layout/bullet.gif) no-repeat 0 0.5em;
	}

/* nav controls */

#navigation-controls {
	font-size: 0.86em;
}

/****************************************
 * Homepage 
 ****************************************/
#vp-teaser {
	margin: 0 0 15px 0;
	float: left;
	width: 100%;
	clear: both;
}

#vp-teaser img {
	padding: 1px 4px 4px 1px;
	background: #F6F7E9 url(/catc/images/layout/shadow_dark.png) no-repeat 100% 100%;
	margin: 0 10px 0 0;
	float: left;
}

#vp-teaser h3 {
	padding: 12px 0 0 0;
	text-transform: none;
} 
.home .maincolumn, .home .secondarycolumn, .home-alerts {
	font-size: 0.9em;
}
.home-linkbox {
	clear: both;
	background-color: #f6f7e9;
	font-size: 0.9em;
	padding: 15px;
}
.home-linkbox h4 {
	padding-top: 28px;
}

.maincolumn img, .secondarycolumn img, .dropshadow {
	padding: 1px 4px 4px 1px;
	background: #fff url(/catc/images/layout/shadow_medium.png) no-repeat 100% 100%;
	/*width: 289px;
	height: 120px;*/
}

#CS_Element_maincolumn img, #CS_Element_tertiarycolumn img {
	padding: 1px 4px 4px 1px;
	background: #fff url(/catc/images/layout/shadow_medium.png) no-repeat 100% 100%;
}

/* main column on the left */
.maincolumn {
	float: left;
	width: 300px;
}
.maincolumn ul {
	margin-top: 12px;
	/*font-weight: bold;*/
}

.maincolumn li {
	padding: 0 0 0 10px;
	background: url(/catc/images/layout/bullet.gif) no-repeat 0 0.5em;
}

/* secondary column on the right */

.secondarycolumn, .home-alerts {
	width: 315px;
	float: right;
}
/* secondary column on the right nested in 3 col layout pages*/
#CS_Element_tertiarycolumn .secondarycolumn {
/*	font-size: 1.1em;
	float: left;*/
	}
	
#CS_Element_tertiarycolumn .secondarycolumn p {
/*	font-size: 1.1em;
	line-height: 1.4em;*/
	}

/* service alerts */
.home-alerts .home-alerts-teaser {
	background: #e9e9cf;
	padding: 6px 12px;
	border: 1px solid #fff;
	margin-bottom: 20px;
}

.home-alerts-teaser h4, .home-alerts-teaser p, .status-alerts h4 {
	margin: 0;
}

.home-alerts-teaser h4 {margin-top: 6px;}

.home-alerts-teaser h4, h4.alert {
	padding: 0 0 0 36px;
	background: url(/catc/images/layout/alert_icon.png) no-repeat 0 0;
	min-height: 30px;
	margin-bottom: 4px;
}

.status-alerts {
	background: #e9e9cf;
	padding: 12px 15px 0 15px;
	border: 1px solid #fff;
	margin-bottom: 20px;
}

.security-alerts {
	background: #e9e9cf;
	padding: 0 15px;
	border: 1px solid #fff;
	width: 355px;
	/*margin-bottom: 20px;*/
}

.alert-warning {
	padding: 8px 8px 8px 42px;
	min-height: 30px;
	margin-bottom: 14px;
	border: 1px solid #fff;
	background: #e9e9cf url(/catc/images/layout/alert_icon_rr.png) no-repeat 8px 8px;
}

/*h4.alert {
	background: url(/catc/images/layout/alert_icon_light.png) no-repeat 0 0;
}*/

/* .home-alerts-teaser h4.noalert { */
h4.noalert { 
	line-height: 30px;
	padding-left: 0;

	color:#060;
	background: none;
	line-height: 1.4em;
}

.home-alerts-teaser p.more {
	margin: 6px 0 0 0; 
	
}

/* secondary content elements */

.secondarycolumn li {
	padding: 0 0 0 10px;
	background: url(/catc/images/layout/bullet.gif) no-repeat 0 0.5em;
}

#featured-news {
	margin-top: 10px;
	}

.tertiary-spotlight {
	font-size: 0.9em;
	margin-top: 20px;
}

#CS_Element_secondary ul {
	clear: both;
	} /*TEMPORARY NEWS IMAGE ON PAGES FOR AND LIST UNDER IT*/

.secondary-featured img, .tertiary-spotlight img, .product-featured img, #CS_Element_secondary .news-tn/*TEMPORARY NEWS IMAGE ON PAGES FOR AND LIST UNDER IT*/ {
	float: left;
	padding: 1px 4px 4px 1px;
	background: #fff url(/catc/images/layout/shadow_dark.png) no-repeat 100% 100%;
	margin: 0 12px 2px 0;
}

.news-icon-list {
	min-height: 45px;
}

/*.news-icon-list img {
	padding: 0;
	background-image: none; 
	margin: 0;
}*/

img.news-icon {
	float: left;
	padding: 1px 4px 4px 1px;
	background: #fff url(/catc/images/layout/shadow_none.png) no-repeat 100% 100%;
	margin: 0 9px 0 0;
}

.secondary-featured h3 {
	margin: 0 0 6px 0;
}

.secondary-group {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 15px;
}

/****************************************
 * Secondary container global
 ****************************************/

#CS_Element_secondary {
	font-size: 0.9em;
	}
	
#CS_Element_secondary .CS_Textblock_Caption {
	margin-bottom: 6px;
}


/****************************************
 * Search results
 ****************************************/

#googleresults, #gsa_stats {
	font-size: 1.1em;
	}
#gsa_stats {
	font-weight: bold;	
	color: #3A4F70;
	}
#gsa_nav_top {
	font-size: 1.2em;
	font-weight: bold;
	margin: 12px 0;
	}

#googleresults p.keymatch, #googleresults .keymatch, #googleresults br {
	display: none;
	}
	
#googleresults .url {
	display: block;
	color:#666;
	font-size: 0.9em;
	}

/****************************************
 * Sitemap
 ****************************************/

#CS_Element_main.site-map #sitemap img {
	border: none;
	margin-right: 6px;
	cursor: pointer;
}

#CS_Element_main.site-map #expandAll {
	font-size:1.2em;
	font-weight: bold;
	margin-bottom: 16px;
}

#CS_Element_main.site-map #sitemap ul {
	margin: 0 0 0 16px;
}

#CS_Element_main.site-map #sitemap li {
	background: url(/catc/images/layout/regular.gif) no-repeat 0 50%;
	padding: 0 0 0 16px;
}

#CS_Element_main.site-map #sitemap li.parent {
	background: none;
	margin-left: -16px;
}

/****************************************
 * Gallery Pages
 ****************************************/
 
.gallery-thumbnail {
	float: left;
	width: 312px;
	margin: 0 0 10px 0;
	padding-right: 18px;
}

.gallery-thumbnail h4 {
	margin: 0;
}

.gallery-thumbnail p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
 
.gallery-thumbnail img {
	float: left;
	padding: 1px 3px 3px 1px;
	background: #fff url(/catc/images/layout/shadow_light.png) no-repeat 100% 100%;
	margin-right: 8px;
}


/****************************************
 * Footer
 ****************************************/
 
#footer {
	float: left;
	width: 100%;
	}
	
#footer-content {
	margin: 0 auto;
	padding: 15px 0 25px 0;
	width: 950px;
	font-size: 1.0em;
	color: #333;
	}
	
#footer-content h4 {
	font-size: 1.1em;
	color: #666;
	}
	
#footer-content p,#footer-content ul {
	font-size: 1.0em;
	}
	
.footer-col {
	width: 220px;
	float: left;
	}
	
#cufa-rights {
	float: left;
	/*padding: 8px 8px 8px 90px;
	background: transparent url(../images/layout/cufa_logo_footer.gif) no-repeat 0 55%;*/
	padding: 8px 8px 8px 0;
	position: relative;
}

#cufa-rights a {
	margin-right: 16px;
}

#cornell-rights {
	float: right;
	padding: 8px 0;
}

/* moving link to cufa on top of bg logo image */

/*#cufa-rights a#cufa {
	display: block;
	width: 26em;
	height:2.4em;
	position: absolute;
	left: 0;
	top: 0;
	padding: 8px 0 0 90px;
}

#cufa-rights a.footer-first {
	margin-left: 27em;
}*/

li.footer-facebook {
	background: url(../images/layout/facebook_icon_footer.jpg) no-repeat 7px;
}

li.footer-twitter {
	background: transparent url(../images/layout/twitter_icon_footer.gif) no-repeat 7px;
}

	
/****************************************
 * Miscellaneous
 ****************************************/

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}
	
hr {
	display: none;
	}
	
.maincolumn-wide {
	float: left;
	width: 385px;
	}
	

/****************************************
 * Calendar pages
 ****************************************/
 
.calendar-secondary {
	padding-bottom: 30px;
	}
.calendarTable {
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #c6c6ae;
	border-right: 1px solid #c6c6ae;
}

.calendarTable a, .dayWeekMonthLinks a {
	text-decoration: none;
} 
/* webring */
.calendarTable .prev, .calendarTable .month, .calendarTable .next {
	margin: 0;
	padding: 6px 0;
	width: 33%;
	float: left;
}

.calendarTable .prev {
	background: url(/catc/images/layout/arrows/left_red.gif) no-repeat 1.0em 55%;
}
	
.calendarTable .next  {
	background: url(/catc/images/layout/arrows/right_red.gif) no-repeat 83% 55%;
	}

.calendarTable .header {
	background: #ddc;
	font-weight: bold;
	color: #000;
}

.calendarTable .subheader {
	color: #000;
}
/* table */
.calendarTable td {
	margin: 0;
	padding: 7px 9px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	text-align: center;
	background: #f6f7e9;
}

.calendarTable td.day-event {
	background: #D6EFBA;
}

/* views menu */
#CS_Element_secondary .dayWeekMonthLinks {
	padding: 12px 0 12px 15px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#CS_Element_secondary .dayWeekMonthLinks li {
	background-image: none;
	float: left;
	padding: 0;
	margin: 0;
	width: 30%;
}
/* checkbox filter list */
.category-search {
	padding:  0 15px; 
	}
	
.category-search h3 {
	padding-top: 12px;
	font-size: 1.3em;
	color: #333;
	}
	
.checklist {
	margin: 0 0 8px 0;
	padding: 0;
}

/* search checkboxes scrolling div. 
form.category-search .scrolling {
	height: 200px;
	overflow-y: auto;
	}*/
	
#CS_Element_secondary .checklist li {
	margin: 0;
	padding: 0 0 4px 0;
	background-image: none;
}
	
.calendar-secondary form input {
	margin: 0 4px 0 0;
	}
	
.calendar-secondary form label {
	color: #000;
	font-size: 1.1em;
	}
	
/* weekly view */

.webring-week {
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-bottom: 8px;
	border-bottom: 1px solid #fff;
	margin: 10px 0 25px 0;
	background: transparent url(/catc/images/layout/cal_week_bg.png) repeat-x 0 0;
}


ul.day_nav {
	margin: 0;
	padding: 0;
}

ul.day_nav a {
	text-decoration: none;
}

ul.day_nav li {
	margin: 0;
	padding: 0;
	background-image: none;
	display: inline;
	position: relative;
}

ul.day_nav .back  {
	padding-left: 11px;
	background: url(/catc/images/layout/arrows/left_red.gif) no-repeat 0 0.4em;
	}

	
ul.day_nav .next  {
	padding-right: 11px;
	background: url(/catc/images/layout/arrows/right_red.gif) no-repeat 100% 0.4em;
	}

ul.day_nav .current  {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 10px;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
h3.list_day {
	float: left;
	clear: both;
	width: 80px;
	height: 80px;
	background: #fff;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	color: #666;
	line-height: 1.5em;
	padding: 10px;
	border-bottom: 1px solid #ddc;
	border-right: 1px solid #ddc;
}

hr.day-list {
	display: block;
	clear: both;
	height: 1px;
	padding: 0;
	margin: 0;
	border: none;
	}

.group-event {
	float: right;
	width: 540px;
	margin-bottom: 20px;
}

h4.event_name {
	margin: 0 0 6px 0;
	padding: 0;
}

.event_links {
	margin:0;
	padding: 0;
}

.event_links li {
	margin:0;
	padding: 0;
	background-image: none;
}

.e-name span {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

/****************************************
 * IWS component calendar added 4/2011
 ****************************************/

#events-component .event-metadata {
	margin-bottom: 20px;
}

#events-component .event-metadata p {
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

/*#events-component h3 {
	background: url(../images/layout/icons/events.gif) no-repeat 0 0;
	padding: 4px 0 4px 32px;
}*/

#home-news-wrap ul li.rss, #home-spotlights-wrap ul li.rss, #home-main-wrap #events-component ul li.rss, #CS_Element_tertiarycolumn #events-component .events-home-links li.rss, #CS_Element_tertiarycolumn #events-component.teaser ul.events-home-links li.rss, #events-component.teaser .events-home-links li.rss, #CS_Element_tertiarycolumn .events-spotlights-links li.rss, p.rss {
	background: url(../images/layout/icons/rss.gif) no-repeat 0 60%;
	padding-left: 18px;
}

/****************************************
 * Events Calendar (copied from Engineering 4/2011)
 ****************************************/
#events-component.teaser {
	clear: both;
	float: left; 
	display: block;
	width: 100%; 
	margin-bottom: 20px;
}

/*#events-component.teaser h3 {
	text-transform:uppercase;
}*/

#events-component.teaser ul.events-home-links {
	float: left;
	/*margin: 10px 0 0 0;*/
}
#events-component.teaser ul.events-home-links li, #CS_Element_tertiarycolumn #events-component.teaser ul.events-home-links li {
	background: none;
	float: left;
	margin-right: 10px;
}

#events-component-sidebar {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

form.event-category-selection, form.event-category-selection fieldset, form.event-category-selection .form-pair, form.event-category-selection .form-item, form.event-category-selection .form-value {
	width: auto;
}

form.event-category-selection .form-pair {
	width: 230px;
}

form.event-category-selection .form-pair.last {
	margin-bottom: 20px;
}

form.event-category-selection .form-item label {
	font-weight: bold;
	font-size: 1.2em;
}

form.event-category-selection .form-value, form.event-category-selection .form-item {
	margin-bottom: 6px;
}

.events-component-sidebar {
	font-size: 0.9em;
	margin-top: 20px;
}

#events-component-sidebar li, #events-component-sidebar li a {
	background-image: none;
	margin: 0;
	padding: 0;
}
#events-component-sidebar table {
	margin: 0 auto 6px auto;
	border: none;
	clear: both;
}

#events-component-sidebar td, #events-component-sidebar th {
	padding: 5px 7px;
	text-align: center;
	border: none;
	border-right: 1px solid #fff;
}

#events-component-sidebar th {
	font-weight: bold;
	font-size: 1.1em;
}

#events-component-sidebar td {
	color: #D5D5D5;
}

.events-calendar-feature {
	background: transparent url(../images/layout/corner_blue.png) no-repeat 100% 100%;
	padding: 0 2px 2px 0;
	width: 204px;
	margin: 0 auto;
	color: #666;
}

.events-calendar-feature a {
	text-decoration: none;
	display: block;
}

#events-component-sidebar table td.active-week {
	background: #E7EEEF;
	color: #333;
}

#events-component-sidebar td.current-day {
	border: 1px solid #E7EEEF;
}

#events-component-sidebar td.active-week.current-day {
	border: none;
	border-right: 1px solid #fff;
	background: #CBDADC;
}

#events-component-sidebar .month-navigation {
	width: 100%;
	margin: 10px 0 10px 28px;
	padding: 0;
	float: left;
	font-weight: bold;
	line-height: 0.8em;
	position: relative;
}

#events-component-sidebar .month-navigation li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}

.month-navigation li a {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
}

.month-navigation li em {
	display: none;
}

#events-component-sidebar .month-navigation li.prev a {
	background: url(../images/layout/back_cal.png) no-repeat 0 0;
}

#events-component-sidebar .month-navigation li.next a {
	background: url(../images/layout/next_cal.png) no-repeat 0 0;
}

#events-component-sidebar .small-calendar-navigation {
	width: 150px;
	margin: 10px 0 0 55px;
	padding: 0;
	float: left;
	text-align: center;
	line-height: 1em;
}

#events-component-sidebar .small-calendar-navigation.bottom {
	margin: 10px 0 0 75px;
}

#events-component-sidebar .small-calendar-navigation li {
	display: inline;
	margin: 0;
	padding: 0;
}

#events-component-sidebar .small-calendar-navigation li a {
	display: block;
	margin: 0;
	padding: 0 8px;
	float: left;
}

#events-component-sidebar .small-calendar-navigation li a.middle {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#events-component-sidebar .small-calendar-navigation li.active a {
	text-decoration: none;
	color:#333;
	cursor: default;
	font-weight: bold;
}

#events-component .month-header {
	/*background: #E6EBEE; (from Engineering)*/
	background: #e9e9cf;
	padding: 12px;
	float: left;
	width: 636px;
}

.month-header strong {
	float: left;
}

.month-header a.view-all-monthly-events {
	float: right;
	font-weight: normal;
	text-transform: none;
	font-size: 0.8em;
}

h4.day-header {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}

h4.day-header .calendar-day {
	display: block;
	float: left;
	padding: 5px 12px 12px 12px;
	border-top: 1px solid #F3F3F3;
	border-left: 1px solid #F3F3F3;
	margin-right: 12px;
	background: url(../images/layout/corner_white.png) 100% 100%;
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999;
	font-size: 2.2em;
}

#events-component h5 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
}

#events-component div.listing-meta, #events-component ul.listing-meta {
	margin: 0;
	padding: 8px 0 16px 0;
	line-height: 1em;
	font-size: 1.1em;
	float: left;
	width: 660px;
}

#events-component .listing-meta li {
	margin: 0 8px 0 0;
	padding: 0 0 0 8px;
	background-image: none;
	display: inline;
	float: left;
	border-left: 1px solid #ccc;
}

#events-component .listing-meta li.first {
	padding: 0;
	border-left: none;
}

.rsvp, .deadline {
	background: url(../images/layout/rsvp.png) no-repeat;
	width: 60px;
	height: 15px;
	display: block;
	clear: none;
	text-align: center;
	font-size: 0.9em;
	line-height: 13px;
	color: #000;
}

.rsvp a {color: #000;}

.yearly-event-list {
	float: left;
	width: 100%;
}

#events-component .content-area-calendar-nav {
	float: left;
	width: 100%;
	clear: both;
}

#events-component .content-area-calendar-nav li {
	float: left;
	margin: 0;
	padding: 0;
	background-image: none;
}

#events-component .content-area-calendar-nav li.next {
	padding: 0 10px 0 0;
	background: url(../images/layout/bullet.gif) no-repeat 100% 0.5em;
}

#events-component .content-area-calendar-nav li.prev {
	padding: 0 10px 0 10px;
	margin-right: 10px;
	background: url(../images/layout/bullet_rev.gif) no-repeat 0 0.5em;
	border-right: 1px solid #E6EBEE;
}

.teaser p {
	margin-bottom: 20px;	
}

/* two-column inputs */
.form-value-left input[type="text"], 
.form-value-right input[type="text"] {
	width: 153px;
}
.form-value-left textarea,
.form-value-right textarea {
	width: 151px;
}
.form-value-left .form-note,
.form-value-right .form-note {
	width: 145px;
}
.form-value-left, .form-value-right {
	width: 165px;
	float: left;
}

/* end of events imported from Engineering 10/2/2011 sjp16  */


/* News import */
.news-listing .listing-meta {
	clear: both;
}

.news-listing .listing-meta img {
	float: left;
	width: 75px;
	height: auto;
	margin: 4px 10px 10px 0
}

/* p.view-archive-link {
	text-align: right;
	margin: 0;
	position: relative;
	top: -30px;
	font-size: 1.1em;
} */

/* feature-news is the "see all" at bottom of news teasers */
.feature-news {
        float: left;
        width: 100%;
        clear: both;
        margin: 0 0 15px 0;
        padding: 0;
}

.feature-news li {
        margin: 0 20px 0 0;
        padding: 0;
        float: left;
        /*font-size: 0.8em;
        font-weight: bold;*/
}

#CS_Element_secondary ul.feature-news li { 
        background-image: none;
	padding: 0;
}


/****************************************
 * Custom page indexes
 ****************************************/
.CS_Element_PageIndex table {	
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	border: 0;
	}
	
.CS_Element_PageIndex td {	
	padding: 0;
	margin: 0;
	border: 0;
	}

.CS_PgIndex_Primary_Category {
	font-weight: bold;
	}
	
.CS_PgIndex_Item,.CS_PgIndex_Item_Alternate {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
/****************************************
 * Exchange Tips styles to match formatted email
 ****************************************/	
.exchange-tip {
	background-color: #e9e9cf;
	padding: 0 10px;
	width: 400px;
	}

.exchange-tip h3 {
	color: #f6f7e9;
	background-color: #3a6285; /*#3A4F70;*/
	width: 100px;
	padding: 5px;
	}

/***********************
 * styling for dumps - jes59 3/8/10
 ***********************/

hr.friday-dump-spacer{
	display: block;
	margin: 30px auto 40px auto;
	width: 60%;
	height: 0px;
	border-bottom: solid 1px #ccc;}

form#edit-all-friday-dumps table td {
	padding: 3px 15px;}

/********** WEBRING **********/

#webring {
	width: 100%;
	text-align: left;
	padding: 0 0 20px 0;
	}

#webring .sep {
	color: #ccc;
	padding: 0 5px;
	}
	
#webring #prev a {
	padding-left: 10px;
	background: url(/images/arrows/left_red.gif) no-repeat center left;
	}

#webring #next a {
	padding-right: 10px;
	background: url(/images/arrows/right_red.gif) no-repeat center right;
	}
	
/* ncs rates admin -jes59 5/22/2010 */
#edit-ncs-rates {padding: 20px; background: #f6f7e9;}
#edit-ncs-rates table {width: 100%;}
#edit-ncs-rates table td {padding: 4px 5px 1px 5px;}
#edit-ncs-rates tr.submit td {background: #ddddcc; text-align: right; padding: 10px;}
#edit-ncs-rates input.input-text, #edit-ncs-rates select {width: 350px;}
#edit-ncs-rates input.input-numeric {width: 30px; font-size: 1.0em;}
#edit-ncs-rates .close-window {width: 100%; text-align: center;}
#edit-ncs-rates .error {border: solid 1px #666; background: #d3ffd3; padding: 5px;}
#edit-ncs-rates .error p {color: #000; font-weight: bold; width: 100%; text-align: center; padding: 0; margin: 0;}
#edit-ncs-rates label {font-weight: bold;}

/* policy video library */

#component-resource-library .flash-holder {
	padding-bottom: 15px;
	width: 100%;
	float: left;
	clear: both;
}

#component-resource-library .element-list-item {
	width: 630px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

#component-resource-library .element-list-item img {
	float: left;
	margin: 0 10px 0 0;
	width: 100px;
	padding: 1px 3px 3px 1px;
	background: url(/catc/images/layout/shadow.gif) no-repeat 100% 100%;
}

#component-resource-library .element-list-item h4 {
	margin-top: 0;
}

#component-resource-library .element-list-item .listing-meta {
	margin: 0;
	color:#666;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

/* keyword tag cloud */

#keyword-list ul.tag-list {
	margin: 1em 0;
	padding: .5em 10px;
	text-align: center;
	background: #F2F2EC;
	border: 1px solid #ddc;
	}

#keyword-list .tag-list li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	line-height: 1.2em;
	background-image: none;
	}
#keyword-list .tag-list li a {
	text-decoration:none;
	padding: 0 2px;
	}		

/* edit - reducing number of sizes from 6 to 4 -jes59 	
	.k6{font-size:100%;}
	.k5{font-size:120%;}
	.k4{font-size:140%;}
	.k3{font-size:160%;}
	.k2{font-size:180%;}
	.k1{font-size:200%;} 
*/
.k4{font-size:100%;}
.k3{font-size:133%;}
.k2{font-size:166%;}
.k1{font-size:200%;}
	
	
/* alternative layout */

#keyword-list .tag-list.alt {
	text-align:left;
	padding:0;
	font-size: 1.2em;
	background:none;
	border: none;
	}
#keyword-list .tag-list.alt li {
	padding:3px 10px;
	display: block;
	}
#keyword-list .tag-list.alt .k1, 
#keyword-list .tag-list.alt .k2, 
#keyword-list .tag-list.alt .k3, 
#keyword-list .tag-list.alt .k4,
#keyword-list .tag-list.alt .k5, 
#keyword-list .tag-list.alt .k6{font-size:100%;}
#keyword-list .tag-list.alt .k6{background:#F2F2EC;}
#keyword-list .tag-list.alt .k5{background:#EAEADF;}
#keyword-list .tag-list.alt .k4{background:#E6E6D9;}
#keyword-list .tag-list.alt .k3{background:#E1E1D0;}
#keyword-list .tag-list.alt .k2{background:#DDDDCA;}
#keyword-list .tag-list.alt .k1{background:#D9D9C4;}

ul#sidebar-category-list li {font-size: 1.1em;}

/* Video Gallery component styles added 2/26/2013 (copied from CIPA) */

#video-gallery {
	width: 100%;
	float: left;
	/*clear: both;*/
	margin-top: 10px;
}
#video-gallery .element-list-item {
	float: left;
	width: 100%;
	margin: 0 0 4px 0;
	padding: 6px 0;
	min-height: 100px;
	border-bottom: 1px solid #E6EBEE;
}
#video-gallery .list-item-thumbnail img {
	float: left;
	width: 85px;
	height: 85px;
	background: transparent url(../images/layout/corner_white.png) no-repeat 100% 100%;
	padding: 0 3px 3px 0;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	margin: 0 10px 4px 0
}
#video-gallery .list-item-details p {
	/* font-size: 0.917em;
	line-height: 1.4em; */
	margin: 0;
}
#video-gallery .list-item-details h4 {
	font-weight: bold;
	text-transform: none;
	margin: 0 0 4px;
	/* font-size: 1.083em; */
}
#video-gallery p.listing-meta {
	font-style: italic;
	margin: 2px 0 4px;
	color: #666;
}
#video-gallery p.links {
	float: left;
	/* font-size: 0.917em; */
	margin-top: 10px;
}

/* Quicklinks - grey boxes for Barb Friedman */

 .quicklinks {
	 float: left;
	 width: 205px;
	 margin-right: 15px;
 }
 
 .quicklinks p,  .quicklinks ul {
	 margin-right: 30px;
	 
 }
 
 .quicklinks_group div:last-child {
	 float: left;
	 width: 205px;
	 margin-right: 0px;
 }
 .quicklinks h2 {
	margin: 15px 0 5px 0;
	padding: 10px 14px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase; 
	line-height: 1.5em;
	background: #A5A294;
 }
 
 .quicklinks_group_of_two div:last-child, .quicklinks_group_of_two .quicklinks {
	 width: 305px;
 } 
 
 /* Added for rfs form (but can be used other places. Tonetips css is here to */
 
 #tooltip {
    background: #ffffe8;
    border: 1px solid #a3a394;
    border-bottom-color: #5c5c54;
    color: #33332e;
    font-size: 1.1em;
    line-height: 16px;
    padding: 4px 8px;
}
img.tt_icon {
	padding-left: 5px;
	padding-bottom: 5px;
	height: 19px;
	width: 19px;
	border: none;
	vertical-align: middle;
}
#rfsform .form-value label.error {
  float: left;
  width: 100%;
  background:url("../images/layout/unchecked.gif") no-repeat 0px 2px;
  padding-left: 21px;
  padding-top: 2px;
  font-weight: bold;
  color: #EA5200;
}
/* This is messy, because jquery makes label class=errors as well as our form items. */
#rfsform .form-item label.error {
	color: #EA5200;
}

#rfsform .form-pair {
margin: 5px 5px 0 5px;
width: 650px;
}
#rfsform .form-item {
	width: 200px;
}
#rfsform .form-value {
width: 440px;
}
#rfsform input {
	margin: 0 0px 0px 0px;
}
#rfsform input.readonly {
	margin-bottom: 2px;
}
.errorBox {
	margin-left: 15px;
	color: #EA5200;
	font-weight: bold;
}
input.error, textarea.error {
	border: 1px solid red;
}

.littlebutton a {
   font-weight:bold;
   text-decoration: none;
   background-color: #FFDFAA;
   border-style:solid;
   border-color: #D49F55;
   border-width:2px;
   margin-left: 40px;
   padding: 5px;
}


/* Flash Showcase - 10/15/11 (ama39) */
#flash-showcase {
	float: left;
	margin: 0 0 20px;
	visibility: visible !important; /* fix for SWFObject rendering bug in Safari */
}

/* Localist calendar styles - 1/2012 slg55 */ /* (updated 4/13/12) */

#lw {width:100%; background:none !important;font-family: verdana, arial, helvetica, sans-serif !important;overflow:hidden;font-size: 0.8em;}
#CS_Element_secondary #lw {font-size: 0.867em;}
#lw ul {list-style:none;}
#lw li.lwe {padding:0 10px 10px !important;border-bottom: 1px dotted #ccc;margin-bottom: 7px;}
.lwn {font-weight:bold;color:#222;font-size:1.2em !important;line-height:1.4em !important;overflow:hidden;}
.lwn0 {font-weight:normal;float:right;font-size:0.867em !important;color:#444; margin-left: 8px;}
.lwd {padding-top: 5px;color:#222;font-size:1.2em !important;line-height:15px;overflow:hidden;}
.lwi0 {float:left;padding:2px 6px 0px 0px;margin:0;}
.lwi1 {float:left;padding:0px 6px 0px 0px;margin:0;}
.lwl{ font-weight:bold;padding-top:5px;color:#222;font-size:1.2em !important;line-height:14px;overflow:hidden;clear:both;}
.lwl0 {font-weight:normal;padding-right:3px;}
.lwi { padding:2px; border: 1px solid #ccc; }
#CS_Element_main #lw li.lwe {
	background: url('../images/layout/bullet.gif') no-repeat 0 4px;
}
#CS_Element_main #lw .lwl {
	font-size: 1.1em !important;
}


/* IT Services Status */

#it-service-status {
	width: 100%;
	border: solid #dcdcc1;
	border-width: 1px 1px 0;
	border-collapse: collapse;
	margin: 6px 0 15px;
}
#it-service-status td, #it-service-status th {
	border: solid #dcdcc1;
	border-width: 0 0 1px 0;
	padding: 4px 5px 3px;
	font-size: 1.1em;
}
#it-service-status th {
	background: #e5e5c9;
	line-height: 1.5em;
	color: #44443c;
}
#it-service-status td {
	background: #f8f9ed;
	line-height: 1.5em;
}
#it-service-status .service-name {
	text-align: left;
}
#it-service-status .service-status {
	width: 60px;
	text-align: center;
}
#it-service-status .service-down {
	color: #d52d00;
}
#it-service-status img {
	padding: 0;
	background: none;
}
.home h3.it-service-status-header {
	font-size: 1.2em;
}
/* width fix */
/*.secondarycolumn, .home-alerts {
	width: 320px;
}
*/

.services-home-linklist {
	padding: 20px 20px 5px 20px;
	}

.services-home-linklist li {
	margin: 5px 0;
	padding: 0 0 0 12px;
	list-style: none;
	background: url(/catc/images/layout/bullet.gif) no-repeat 0 0.5em;
	}


/* Hosting Services Table 1-18-13 */
#CS_Element_main .hosting-services {
	margin-top: 20px;
	margin-bottom: 60px;
}
#CS_Element_main .hosting-services h3 {
	margin-bottom: 8px;
}
#CS_Element_main .hosting-services h4 {
	margin: 0 0 10px;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #565639;
	padding: 0 0 0 20px;
	min-height: 16px;
	background: url(/catc/images/layout/hosted_services_icon.png) no-repeat 0 0;
}
.hosting-services-more h4.service-title {
	margin: 0 0 10px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #565639;
	padding: 0 0 0 20px;
	min-height: 16px;
	background: url(/catc/images/layout/hosted_services_icon.png) no-repeat 0 0;
}
#CS_Element_main .hosting-services h5 {
	font-size: 1.0em;
	margin: 0 0 2px;
}
#CS_Element_main .hosting-services ul {
	margin: 0 0 6px;
}
#CS_Element_main .hosting-services li {
	margin: 2px 0;
}
#CS_Element_main .hosting-services table {
	width: 660px;
	border: 0;
	margin: 0 0 20px;
}
#CS_Element_main .hosting-services table td {
	padding: 10px 8px 9px;
	line-height: 1.4em;
	border: 0;
	background: #f9faef url(/catc/images/layout/hosted_services_tablecell_bt.gif) repeat-x 0 0;
	border-top: 4px solid #f6f7e9;
	border-bottom: 1px solid #dfdfd2;
	border-right: 1px solid #f1f2e8;
}
#CS_Element_main .hosting-services table td:first-child {
	background: #f9faef url(/catc/images/layout/hosted_services_tablecell_f.png) no-repeat 0 0;
	padding-left: 12px;
}
#CS_Element_main .hosting-services table td:last-child {
	border-right: 0;
}
#CS_Element_main .hosting-services table th {
	vertical-align: middle;
	background: #e9e9cf url(/catc/images/layout/hosted_services_tablehead.gif) repeat-x 0 0;
	border-bottom: 1px solid #c9c9b3;
	line-height: 1.3em;
	padding: 9px 7px;
	color: #525247;
}
#CS_Element_main .hosting-services table th:first-child {
	padding-left: 13px;
}
#CS_Element_main .hosting-services table .col1 { width: 55%; }
#CS_Element_main .hosting-services table.cliplinks .col1 { width: 35%; }
#CS_Element_main .hosting-services table.cliplinks td:last-child a {
	display: block;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	margin-bottom: 3px;
}

#CS_Element_main .hosting-services .table-group {
	float: left;
	width: 648px;
	background: #f2f2e0;
	border: 1px solid #e9e9da;
	padding: 13px 12px 13px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 15px -4px;
}
#CS_Element_main .hosting-services .table-group table {
	width: 648px;
	margin-bottom: 0;
}
#CS_Element_main .hosting-services .table-group h3 {
	color: #3266a4;
	margin-bottom: 0;
	padding: 13px 12px 0;
	border-top: 1px solid #dfdfce;
	background: #efefdb url(/catc/images/layout/hosted_services_tablehead_h3.gif) repeat-x 0 0;
	font-size: 1.5em;
	line-height: 1.4em;
	/*min-height: 34px;*/
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-shadow: 0 1px #ffffff;
	text-align: center;
}
#CS_Element_main .hosting-services .table-group h3 em {
	color: #353531;
	font-style: normal;
}
#CS_Element_main .hosting-services .table-group h3 span {
	display: block;
	width: 100%;
	/*border-bottom: 1px solid #dfdfce;*/
	background: url(/catc/images/layout/hosted_services_tablehead_div_dark.png) 50% 100% no-repeat;
	padding-bottom: 6px;
}
#CS_Element_main .hosting-services .table-group th {
	/*border-top: 1px solid #dfdfce;*/
	border-top: 0;
	background: #e4e4c4 url(/catc/images/layout/hosted_services_tablehead_dark.gif) repeat-x 0 0;
}
#CS_Element_main .hosting-services .note a {
	display: block;
	margin: 5px 0 0;
	min-height: 16px;
	background: url(/catc/images/layout/icon_info.png) no-repeat 0 2px;
	border: 0;
	padding-left: 15px;
	color: #1b6ba0;
}
/* collapsible categories */
#CS_Element_main .hosting-services a.toggle {
	display: block;
	border: 0;
	color: #a6a79e;
	cursor: pointer;
	margin: 0 0 5px 5px;
	padding: 0 9px 0 9px;
	background: transparent url(/images/datamatrix/icon_toggle_down.gif) 0 60% no-repeat;
}
#CS_Element_main .hosting-services a.toggle:hover {
	color: #74746e;
}
#CS_Element_main .hosting-services a.toggle.expanded {
	background: transparent url(/images/datamatrix/icon_toggle_up.gif) 0 60% no-repeat;
}
#CS_Element_main .hosting-services .details {
	padding-left: 4px;
}
#CS_Element_main .hosting-services th a.toggle {
	display: inline;
	font-weight: normal;
	color: #8b8c85;
}

/* Move icon */
.moveicon {
	width: 10px;
	height: 10px;
	padding: 5px 0;
	margin: 2px 2px;
	cursor: move; 
	display: block;
	vertical-align: middle;
	text-align: center;
}



/* IWS Service Update 2013 */
.iws-service-2013 {
	padding-bottom: 1.5em;
}
.iws-service-2013 .CS_Textblock_Caption {
	font-size: 1.6em;
}
.iws-service-2013 h4 {
	margin: 1.5em 0 0.5em;
	font-size: 1.5em;
}
.iws-service-2013 h5 {
	font-size: 1.2em;
	margin: 0 0 6px 0;
}
.iws-service-2013 table {
	margin-top: 0;
}
.iws-service-2013 .details,.iws-service-2014 .details {
	padding-left: 1em;
}
.iws-service-2013 .toggle,.iws-service-2014 .toggle {
	font-size: 1.2em;
	display: block;
	border: 0;
	cursor: pointer;
	margin: 0 0 15px 0.9em;
	padding: 0 9px 0 9px;
	background: transparent url(/images/datamatrix/icon_toggle_down.gif) 0 60% no-repeat;
}
.iws-service-2013 .toggle-all,.iws-service-2014 .toggle-all {
	font-size: 0.75em;
	border: 0;
	cursor: pointer;
	margin: 0 0 0 12px;
	padding: 0 9px 0 9px;
	background: transparent url(/images/datamatrix/icon_toggle_down.gif) 0 60% no-repeat;
}
.iws-service-2013 a.toggle:hover {
	/*color: #B31B1B;*/
}
.iws-service-2013 .toggle.expanded, .iws-service-2013 .toggle-all.expanded {
	background: transparent url(/images/datamatrix/icon_toggle_up.gif) 0 60% no-repeat;
}
.iws-service-2014 .toggle.expanded, .iws-service-2014 .toggle-all.expanded {
	background: transparent url(/images/datamatrix/icon_toggle_up.gif) 0 60% no-repeat;
}


/* Responsive Design form */
.iws-rd-form .expand a {
	cursor: pointer;
}
.iws-rd-form .CS_Element_SimpleForm {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}
.iws-rd-form .CS_Form_Required, .iws-rd-form .CS_Form_Required_Baseline {
	font-weight: bold;
}
.iws-rd-form .CS_Form_Required label:before, .iws-rd-form .CS_Form_Required_Baseline label:before {
   content: "* ";
}
.iws-rd-form .CS_Form_Label, .iws-rd-form .CS_Form_Required, 
.iws-rd-form .CS_Form_Label_Baseline, .iws-rd-form .CS_Form_Required_Baseline {
	text-align: right;
	width: 30%;
	color: #3A4F70;
}
.iws-rd-form label.radiobutton {
	color: #000;
}
.iws-rd-form .CS_Element_SimpleForm form {
	margin-top: 0 !important;
}
.iws-rd-form .CS_Element_SimpleForm td {
	padding: 10px 5px;
	font-size: 1.1em;
	line-height: 1.5em;
}
.iws-rd-form .CS_Element_SimpleForm td td {
	padding: 10px 5px;
	font-size: 1.0em;
}
.iws-rd-form .CS_Element_SimpleForm table table table td {
	padding: 0 0 3px 0;
}
.iws-rd-form .CS_Element_SimpleForm td tr:nth-child(odd) {
	background: #f7f7f7;
}
.iws-rd-form .CS_Element_SimpleForm td tr:nth-child(even) {
	background: #fff;
}
.iws-rd-form .CS_Element_SimpleForm td td tr {
	background: none !important;
}
.iws-rd-form .CS_Element_SimpleForm .CS_Form_SectionLabel {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #444;
	font-weight: bold;
	display: block;
	margin: 10px 0;
	padding: 0 20px;
}
.iws-rd-form .CS_Element_SimpleForm .CS_Form_Button {
	text-align: right;
	margin-right: 15px;
}
.iws-rd-form .CS_Element_SimpleForm .CS_Form_Text, .iws-rd-form .CS_Element_SimpleForm .CS_Form_Email {
	width: 300px;
}
.iws-rd-form .CS_Element_SimpleForm textarea.CS_Form_Text {
	height: 120px;
}
.responsive .iws-rd-form #CS_Element_main form {
	width: auto;
}
.responsive form table, .responsive form td, .responsive form input, .responsive form textarea {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.iws-rd-form .CS_Element_SimpleForm input {
	margin: 0 0.5ex;
}
.iws-rd-form .CS_Element_SimpleForm label {
	line-height: 1.4em;
}

/* FAQ autocomplete */
ul.ui-autocomplete.ui-menu li {
	background-image: none;
}

/* Security Landing Page 2014 */
.security-more .fa-times, .security-more .fa-check {
	font-size: 1.75em !important;
	position: relative;
	left: -1em;
	top: -0.5em;
	text-shadow: 0 2px 0 #e9e9cf;
	margin-right: -1em;
}
.security-more ul {
	margin-bottom: 20px;
}
.security-more p {
	font-size: 1.4em;
}


/* Responsive Web Design ********************************************* */


.responsive img {
	max-width: 100%;
	height: auto;
}

/* RWD Test Site */
.responsive .section-navigation h4 {
	display: none;
}
.responsive .rwd .CS_Element_Image img {
	width: auto;
	height: auto;
	max-width: 50%;
	width: 48%;
	float: right;
	margin: -25px 0 0 2%;
}
.responsive .rwd .rwd-intro {
	float: left;
	width: 50%;
	min-height: 240px;
	font-size: 125%;
}
.responsive .rwd .rwd-intro p {
	line-height: 1.7em;
}
.responsive .rwd .rwd-intro p.learn-more {
	font-family: Helvetica Neue, Arial, sans-serif;
	font-weight: 200;
	font-size: 1.35em;
}
.responsive .rwd .rwd-intro p.learn-more a {
	display: inline-block;
	line-height: 1.9em;
	padding: 0 14px;
	color: #fff;
	background: #b31b1b;
	border: 1px solid #8d1515;
	border-bottom-color: #620f0f;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c14444', endColorstr='#a31919');
	background: -webkit-gradient(linear, left top, left bottom, from(#c14444), to(#a31919));
	background: -moz-linear-gradient(top, #c14444, #a31919);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	text-shadow: 0 1px #620f0f;
}
.responsive .rwd .rwd-intro p.learn-more a:hover, .responsive .rwd .rwd-intro p.learn-more a:active {
	background: #e45050;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45050', endColorstr='#c01f1f');
	background: -webkit-gradient(linear, left top, left bottom, from(#e45050), to(#c01f1f));
	background: -moz-linear-gradient(top, #e45050, #c01f1f);
}
.responsive .rwd .rwd-col {
	float: left;
	width: 32%;
	margin: 1em 0 1em 2%;
	background: #fff;
	padding: 0;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
/*
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
*/
}
.responsive .rwd .rwd-col.first {
	clear: left;
	margin-left: 0;
}
.responsive .rwd .rwd-col.last {
	clear: right;
}
.responsive .rwd .rwd-col p {
	padding: 0 5% 5%;
	margin: 0;
}
.responsive .rwd .rwd-col .CS_Textblock_Caption {
	padding: 5%;
	margin: 0 0 5%;
	background: #6d7d8b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#566878', endColorstr='#84919d');
	background: -webkit-gradient(linear, left top, left bottom, from(#566878), to(#84919d));
	background: -moz-linear-gradient(top, #566878, #84919d);
	color: #fff;
	text-align: center;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.responsive .rwd h2 {
	font-size: 2.4em;
}
.responsive #CS_Element_secondary.rwd .CS_Textblock_Caption {
	font-size: 2.0em;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-family: Georgia, serif;
}
.responsive #CS_Element_secondary.rwd p {
	font-size: 1.3em;
	line-height: 1.7em;
}


/* Media Queries */

/* Smaller than standard 950 (devices and browsers) */ 
@media only screen and (max-width: 949px) { 
/* ------------------------------------------------------------------- */

.responsive #navigation .megamenu {
	display: none !important;
}
.responsive #header, .responsive #CS_Element_basetemplate, .responsive #site-identity {
	min-width: 240px;
	height: auto;
}
.responsive #identity, .responsive #CS_Element_content, .responsive #cu-logo {
	width: 100%;
}
.responsive #navigation {
	/*background: #b31b1b url(/catc/images/layout/mainav_extra2.png) no-repeat 100% 100%;*/
	/*height: 68px;*/
}
.sitedentity-wrap {
	width: 98%;
}
.responsive #navigation ul {
	background: #a61919;
	width: 100%;
	/*padding-right: 30%;*/
	height: 27px;
	font-size: 1.1em;
	border-bottom: 1px solid #bb3232;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.responsive #navigation ul li a {
	height: 26px;
	line-height: 26px;
}
.responsive #navigation ul li {
	background: #a61919;
	border-bottom: 1px solid #bb3232;
}
.responsive #home a,
.responsive #services a,
.responsive #teaching a,
.responsive #policy a,
.responsive #security a,
.responsive #training a,
.responsive #support a {
	width: 100%;
}
.responsive #home { width: 10%; }
.responsive #services { width: 12%; }
.responsive #security { width: 12%; }
.responsive #policy { width: 16%; }
.responsive #teaching { width: 22%; }
.responsive #training { width: 12%; }
.responsive #support { width: 16%; }

.responsive #pagesfor ul {
	width: auto;
	left: auto;
	right: 80px;
}
.responsive #cu-identity {
	background-image: none;
}
.responsive #search-form {
	margin-right: -49%;
}
.responsive #cu-identity {
	width: 100%;
	padding: 0 1%;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.responsive #identity h1 {
	margin-left: 2%;
	width: 26%;
	height: 92px;
	border-bottom: 1px solid #fff;
	background: #353a3e;
}
.responsive #identity {
	background-position: 100% 50%;
}

.responsive #identity h2#service-title { padding-left: 30%; }

.responsive #CS_Element_basetemplate {
	background: #f6f7e9 url(/catc/images/layout/content_bg950.png) repeat-y top left;
	background-size: 100%;
}
.responsive .section-navigation {
	width: 28%;
}
.responsive #CS_Element_secondary {
	width: 26%;
	padding: 0 1%;
}
.responsive #CS_Element_main {
	width: 69%;
	margin-right: 1%;
}
.responsive #footer-content {
	width: 98%;
	padding: 15px 1% 25px 1%;
}
.responsive .footer-col {
	width: 24%;
}
.responsive .footer-col:last-child {
	width: 27%;
}

.responsive .rwd .rwd-intro {
	font-size: 110%;
}
.responsive .rwd .CS_Element_Image img {
	margin-top: -5px;
}
.responsive .rwd .rwd-col p {
	font-size: 1.1em;
}
.responsive .rwd .rwd-col .CS_Textblock_Caption {
	font-size: 1.2em;
}

.responsive .photo-right {
	width: 38%;
}
.responsive .photo-right img {
	width: 100% !important;
	height: auto !important;
}
.responsive .maincolumn, .responsive .secondarycolumn {
	width: 50%;
	float: left;
	margin: 0;
}

.responsive .CS_Textblock_Text .secondarycolumn {
	width: 50%;
	float: right;
	margin-left: 10px;
}

/*
.responsive .security-main {
	width: 45%;
}
*/
.responsive #CS_Element_main .maincolumn {
	overflow: hidden;
	width: 100%;
}
.responsive #CS_Element_tertiarycolumn {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}


/* ------------------------------------------------------------------- */
}

 
/* Tablet Portrait size to standard 950 (devices and browsers) */ 
@media only screen and (min-width: 821px) and (max-width: 949px) {
	/* unused */
}


@media only screen and (max-width: 820px) {
	.responsive #identity {
		background-position: 140% 50%;
	}
	.responsive #site-identity {
		height: 53px;
	}
	.responsive #site-identity h1, .responsive #site-identity h1 a {
		width: 200px;
		height: 53px;
		background-size: 100%;
	}
	.responsive #site-identity #pagesfor {
		top: 30px;
		font-size: 90%;
	}
}

/* All Mobile Sizes (devices and browser) */ 
@media only screen and (max-width: 767px) {      
/* ------------------------------------------------------------------- */

.responsive #search-filters label:first-child {
	display: none;
}
.responsive #identity {
	background: none !important;
	height: auto;
}
.responsive #navigation {
	background: #b31b1b;
	height: auto;
}
.responsive #navigation ul {
	height: auto;
	border: 0;
}
.responsive #navigation ul li {
	background: none;
	border: 0;
	text-transform: none;
}
.responsive #CS_Element_content {
	background: none;
}
.responsive #header {
	background: #566878; /*353a3e*/
	height: auto;
}
.responsive #identity h1 {
	height: auto;
	width: 98%;
	margin: 0;
	padding: 10px 1%;
	background-color: #353A3E;
	line-height: 1.5em;
	font-size: 1.8em;
	display: none;
}
.responsive #identity h2#service-title { 
	padding: 1% !important; 
	width: 98%;
	clear: both;
	margin-bottom: 0;
	background: transparent !important;
	border-bottom: 1px solid #fff;
	display: none;
}
.responsive #CS_Element_basetemplate {
	background-image: none;
}
.responsive #pagesfor {
	float: right;
	margin: 0 2%;
	display: none;
}
.responsive #pagesfor h3 {
	float: left;
	position: static;
	display: inline;
	margin: 0 10px 0 0;
	color: #a0deff;
	font-size: 1em;
	line-height: 2em;
	font-weight: normal;
}
.responsive #pagesfor ul {
	position: static;
	float: right;
	margin: 0;
	line-height: 2em;
}
.responsive #pagesfor ul li {
	display: inline;
	margin-right: 10px;
	padding-left: 6px;
	/*background-position: 0 0.3em;*/
	background: none;
}
.responsive #pagesfor ul li a {
	color: #a0deff;
	border-bottom: 0;
}
.responsive .section-navigation {
	width: 100%;
	margin-top: 0;
	background: #ddc;
	/*border-top: 1px solid #ddc;*/
}
.responsive .section-navigation h4 {
	display: block;
	padding: 0;
	min-height: 24px;
	line-height: 25px;
	margin: 0;
	background: #566878;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#566878', endColorstr='#84919d');
	background: -webkit-gradient(linear, left top, left bottom, from(#566878), to(#84919d));
	background: -moz-linear-gradient(top, #566878, #84919d);
	color: #a0deff;
	text-align: center;
	/*text-transform: uppercase;*/
	font-weight: normal;
	font-size: 1.1em;
	cursor: pointer;
}
.responsive .section-navigation h4:active {
	color: #fff;
}
.responsive .section-navigation h4 span {
	background: url(/catc/images/layout/icon_nav_arrow_boxed.png) no-repeat 0 50%;
	background-size: 14px;
	padding-left: 19px;
	display: inline-block;
}
.responsive #section-navigation {
	display: none;
}
.responsive #section-navigation li a, .responsive #section-navigation li.active {
	padding-left: 20px;
}
/*.responsive #section-navigation:before { 
	content: "In this section:";  replace with hidden tag ************************************* 
}*/
.responsive #CS_Element_secondary {
	width: 100%;
	padding: 3% 3% 0;
	background: #ddc;
	clear: both;
	/*text-align: center;*/
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.responsive #CS_Element_main {
	width: 94%;
	margin: 0 3%;
	padding: 5px 0 10px;
}
.responsive .footer-col {
	width: 50%;
}
.responsive .footer-col:nth-child(odd) {
	clear: left;
}
.responsive .footer-col:last-child {
	width: 50%;
}

.responsive .rwd .CS_Element_Image img {
	width: auto;
	height: auto;
	max-width: 100%;
	width: 100%;
}
.responsive .rwd .rwd-intro {
	width: 100%;
	min-height: 10px;
	font-size: 150%;
	text-align: center;
}
.responsive .rwd h2 {
	font-size: 5em;
	line-height: 1.0em;
	text-align: center;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-weight: 200;
}
.responsive .rwd .rwd-col {
	margin-top: 2em;
}
.responsive .rwd .rwd-col p {
	font-size: 1.2em;
}
.responsive .rwd .rwd-col .CS_Textblock_Caption {
	font-size: 1.3em;
}
.responsive .iws-rd-form .CS_Element_SimpleForm .CS_Form_Text, .responsive .iws-rd-form .CS_Element_SimpleForm .CS_Form_Email {
	width: 98%;
}
.iws-rd-form .CS_Form_Label, .iws-rd-form .CS_Form_Required, 
.iws-rd-form .CS_Form_Label_Baseline, .iws-rd-form .CS_Form_Required_Baseline {
	width: 40%;
}
.iws-rd-form .CS_Element_SimpleForm td {
	padding: 10px 0;
}
.iws-rd-form .CS_Element_SimpleForm td td {
	padding: 10px 5px;
}


/* ------------------------------------------------------------------- */
}



 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ 
@media only screen and (max-width: 767px) { 
	/* unused */ 
}



/* Custom Breakpoint for navigation switch */ 
@media only screen and (max-width: 540px) { 
/* ------------------------------------------------------------------- */

.responsive #home { display: none; }
.responsive #services { width: 33.3%; }
.responsive #security { width: 33.3%; }
.responsive #policy { width: 33.3%; }
.responsive #teaching { width: 33.3%; }
.responsive #training { width: 33.3%; }
.responsive #support { width: 33.3%; }

.responsive #cu-identity {
	/*height: 150px;*/
}
/*
.responsive #search-form {
	position: static;
	width: 100%;
}
*/
/*
.responsive #search-form form {
	text-align: left;
}
*/
.responsive #search-input {
	/*float: left;*/
	/*width: 55%;*/
	margin-right: 4%;
	/*padding: 5px 0;*/
}
.responsive #search-filters {
	float: left;
	display: table;
	margin-top: 0;
	height: 30px;
	display: none;
}
.responsive #search-filters div {
	display: table-cell;
	vertical-align: middle;
}
.responsive #search-filters a {
	display: none;
}
.responsive #search-filters label {
	margin-right: 6px;
}
.responsive #search-form-query {
	width: 82%;
	height: 20px;
	border: 1px solid #c5c5b6;
	border-top-color: #aaaa9d;
	border-left-color: #aaaa9d;
	background: #fff url(/catc/images/layout/icon_search.svg) no-repeat 3px 3px;
	padding: 0 3px 0 18px;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.responsive #search-form-query:focus {
	border: 1px solid #4b8fc6;
}
.responsive #search-input label {
	line-height: 20px;
	text-transform: lowercase;
	display: none;
}
.responsive #search-form-submit {
	/*line-height: 19px;*/
	height: 20px;
	/*width: 15%;*/
	/*padding: 2px 4px;*/
	border-top: 1px solid #aaaa9d;
	border-left: 1px solid #aaaa9d;
	border-right: 1px solid #9d9d91;
	border-bottom: 1px solid #9d9d91;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.responsive #search-form-submit:active {
	background: #fff;
}
.responsive #pagesfor ul {
	width: 75%;
	line-height: 1.5em;
	margin: 2px 0;
}
.responsive #unit-signature-links a {
	width: 100px;
}
.responsive #cu-identity {
	height: 42px;
}
.responsive #cu-logo {
	height: 42px;
	background: url(/catc/images/layout/cu_logo_white45.gif) no-repeat -2px -2px;
	background-size: 169px;
}
.svg .responsive #cu-logo {
	background: url(/catc/images/layout/culogo_hd45.svg) no-repeat -2px -2px;
	background-size: 160px;
}
.responsive #unit-link {
	display: none;
}
.responsive #insignia-link {
	height: 40px;
}
/*
.responsive #unit-link {
	text-indent: 0;
	font-family: Palatino;
	color: #000;
	left: 50px;
	top: 30px;
}
*/
.responsive .rwd .rwd-col {
	width: 100%;
	margin: 2em 0 1em;
}
.responsive .rwd .rwd-col p {
	font-size: 1.3em;
	padding: 0 2% 2%;
}
.responsive .rwd .rwd-col .CS_Textblock_Caption {
	font-size: 1.5em;
	padding: 2%;
	margin-bottom: 2%;
}

.responsive #pagesfor { /* hide Pages For */
	display: none;
}

.responsive .iws-rd-form #showorhide img {
	width: 100%;
	height: auto;
	margin: 0 0 1em;
}
.responsive .floatRight.services-home-linklist {
	width: 92%;
	float: left;
	padding: 6px 4% 0 4%;
	margin: 0;
}
.responsive .CS_Textblock_Text .secondarycolumn {
	width: 100%;
	float: left;
	margin-left: 0;
}


/* ------------------------------------------------------------------- */
}




@media only screen and (max-width: 380px) { 
/* ------------------------------------------------------------------- */

.responsive .photo-right {
	width: 100%;
	margin: 0 0 3%;
}
.responsive #search-input {
	width: 72%;
}
.responsive #search-form-query {
	width: 85%;
}
.responsive #navigation ul {
	font-weight: normal;
}
.responsive #home { display: none; }
.responsive #services { width: 40%; }
.responsive #security { width: 28%; }
.responsive #policy { width: 32%; }
.responsive #teaching { width: 40%; }
.responsive #training { width: 28%; }
.responsive #support { width: 32%; }

.responsive .maincolumn, .responsive .secondarycolumn {
	width: 100%;
	float: left;
	margin: 0;
}


/* ------------------------------------------------------------------- */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.responsive #search-form-submit {
		padding: 1px 4px;
		height: 20px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 380px) {
	.responsive #search-form-query {
		width: 70%;
	}
}
.responsive {
	-webkit-text-size-adjust: 100%; /* prevent font scaling in landscape */
}
.responsive #mobileswitch {
	display: none; /* disable mobile switch */
}


















	



/*Green box*/
.greenbox{
	border:1 px solid #b1d37f;
	padding:5px;
	width:230px;
	  background: -webkit-linear-gradient(#8dc056, #b2d482);
    background: -o-linear-gradient(#8dc056, #b2d482);
    background: -moz-linear-gradient(#8dc056, #b2d482);
    background: linear-gradient(#8dc056, #b2d482);
	background: #8dc056;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkYzA1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmQ0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #8dc056 0%, #b2d482 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc056), color-stop(100%,#b2d482));
	background: -webkit-linear-gradient(top,  #8dc056 0%,#b2d482 100%);
	background: -o-linear-gradient(top,  #8dc056 0%,#b2d482 100%);
	background: -ms-linear-gradient(top,  #8dc056 0%,#b2d482 100%);
	background: linear-gradient(to bottom,  #8dc056 0%,#b2d482 100%);
}

.greenbox #search-input{
	margin-left:10px;
}
.greenbox a, .greenbox p, .greenbox h1, .greenbox h2, .greenbox img, .greenbox li{
	margin-left:10px;
	color:white;
	font-family: serif;
	list-style:none;
}

.greenbox p{
	text-align:center;
	color:black;
}
.greenbox .links{
	background-image: none !important;
	text-decoration:none !important;
	padding-top: 10px;
}

.greenbox ul{
	padding-top:10px;
}

.greenbox h1{
	font-size:25px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.greenbox .group { 
  display: table;
  width: 100%;
  font-size: 3em;
  padding-top: 10px;
}
.greenbox .item {
  display: table-cell;
}
.greenbox .text { 
  white-space: nowrap;
  width: 1%;
  font-size: 21px;
    color: white;
    font-family: sans-serif;
    font-stretch: ultra-condensed;
    padding: 0 10px;
}
.greenbox .line {
  border-bottom: 7px solid #81a454;
  position: relative;
  top: -.1em;
}

.greenbox li {
  margin-bottom: 10px;
}
.greenbox img {
  margin-bottom: -6px;
}
.greenbox .morelinks {
     background-color: #92bb63;
    margin: auto;
    color: white;
	width: 94%;
    font-size: 13px;
    font-family: sans-serif !important;
    margin-bottom: 10px;
    overflow: hidden;
}
.greenbox .morelinks span {
  padding: 10px 0px;
  margin-left: 10px;
}
.greenbox .morelinks img {
  float: right;
  margin-top: -15px;
  padding: -10px;
  margin-right: 1px;
}
.greenbox .links a, .greenbox .links a:link{
	color:#0093be;
	border-bottom: 1px solid #92bb63;
	font-size: 13px !important;
	font-family: sans-serif;
}

.greenbox .links a:hover{
	border-bottom:1px solid #036683;
	color:#036683;
}

.greenbox #filtersubmit {
    position: relative;
    z-index: 1;
    left: -25px;
    top: 1px;
    color: #7B7B7B;
    cursor: pointer;
    width: 0;
}

.greenbox a.search,.greenbox a.search:link{
  border-bottom: none;
   margin-left: -10px;
}

.greenbox #filtersubmit:hover {
    color: #0093be;
}

.greenbox form input + .fa {
  opacity: 0.2;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}

.greenbox .fa{
  padding: 8px;
  padding-right: 9px;
}

.greenbox i.fa.fa-caret-right {
	background-color: #81a454;
	/* margin-left: 54.5px; */
	float: right;
}

.greenbox #search-form-query{
    margin-bottom: 2px;
	padding: 10px;
}

.greenbox #search-form-query{
    margin-bottom: 2px;
	padding: 10px;
	box-shadow: 3px 3px 10px 3px #81a454;
}

.greenbox .morelinks a{
    text-decoration: none;
    font-family: sans-serif;
    font-weight: bold;
    border-bottom: none !important;
    line-height: 29px;
}

.greenbox .morelinks:hover {
    background-color: #648041;
	/* padding-right:-12px; */
}

.socialmedia img{
    width: 25px;
    height: 25px;
    float: right;
    padding: 8px;
}


