@charset "utf-8";
/* COLOR GUIDE
Main Teal color #066;
Bright teal #099;
Neutral light teal #BFB9D9;
Dark Brown in links #330;
Light brown in links #540;
Accent purple #733b55;
Medium purple #B995AA;
Light purple #DCC2D2;
*/

body {
	margin:0;
	padding:0;
	color:#133;
	background: #FFF url(/images/cri-menu/teal150.gif) repeat-y left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
h1,h2,h3,h4,h5,h6 {color:#006666; }
h1 {font-size:180%; max-width:31em;}
h2 {font-size:150%; max-width:36.8em;}
h3 {
	font-size:120%;
	max-width:48em;
}
h4 {font-size:110%; max-width:50em;}
h5 {font-size:100%; max-width:55em;}
h6 {font-size:90%; max-width:55em;}
h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top:0;}
a:link {color: #442200;}
a:visited {color: #573401;}
a:hover {text-decoration:none;}
a:active {color: #003333; border:none; outline:none;}
img {border:none;} /* added 11/4/2011 */
table.basictable {
	border:1px solid #000;
	border-collapse:collapse;
	}
.basictable td, .basictable th {
	border:1px solid #000;
	margin:0;
	padding:2px 2px 5px 2px;
	vertical-align:top;
	text-align:left;
	}
th[scope=col] {
	background-color:#066;
	color:#FFF;
	font-size:110%;
	}	

	
/*************** LAYOUT BOXES *******************/
div#main {
	}
div#menu {
	width:150px;
	background-color:#006666;
	/*float:left;
	margin-right:12px;*/
	position:absolute;
	left:0;
	}
div#topbar {
	margin-left:148px;
	padding-left:15px;
	border-bottom:3px solid #006666;
	height:100px;
	}
#topbar object {
	float:left;
	margin-right:20px;
	}
#topbar h4 {
	padding-top:20px;
	margin:0;
	color:#733B55;
	}
#topbar p {
	margin:0;
	font-size:80%;
	max-width:none;
	}
div#content {
	width:auto;
	overflow:visible;
	margin-left:162px;
	}
#content p, #content li {
	max-width:55em;
	}
#menu { text-align:center;}
#menu ul {
	margin:0;
	padding:0;
	}
ul#mainmenu {
	margin:10px 0 20px;
	text-align:left;
	}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	}
#menu li li {
	line-height:80%;
	margin-bottom:.8ex;
	margin-left:15px;
	}
#menu, #menu a, #menu a:visited, #menu a:active {
	color:#FFF;
	}
#menu a {	
	text-decoration:none;
	cursor:pointer;
	}
#menu a:hover {text-decoration:underline;}
#menu img {border:0;}
#menu form {text-align:right;}
div#footer {
	font-size:80%;
	background-color:#006666;
	color:#FFF;
	border-top:1px solid #000;
	text-align:center;
	}
#footer * {color:#FFF;}

/***************** SPECIAL SECTIONS ********************/
#footnotes {border-top:2px solid #006666;}
#footnotes p {
	margin-left:1.3em;
	text-indent:-1em;
	font-size:smaller;
	}

/******************************* SPECIAL CLASSES (BLOCKS) *********************************/
.uhoh {
	border:2px solid red;
	}
.newblock {clear:both;}
br.newblock {height:1px;}
.center {text-align:center}
.f-left {
	float:left;
	margin-right:5px;
	}
.f-right {
	float:right;
	margin-left:5px;
	}
.subsect {margin-left:20px;}
	
.picndesc {
	/*clear:both;*/
	margin-top:15px;
	}
.picndesc img {
	float:left;
	margin-right:10px;
	}
.picndesc + * {
	padding-top:15px;
	clear:left;
	}

.sidebar-r {
	width:30%;
	clear:right;
	overflow:hidden;
	padding:5px;
	margin-left:10px;
	float:right;
	}
	.sidebar-r>*:first-child {margin-top:0;}
	.sidebar-r div {
		margin-top:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
		}
	
.textblock {/* Added 11/4/2011 to potentially replace the max-width declarations for paragraph/heading */
	width:55em;
	float:left;
	} 
div.column-holder { /*Section to hold up to three columns of varying sizes*/
	margin-top:1.5em;
	width:100%;
	min-width:40em;
	white-space:nowrap;
	padding-bottom:1.5em;
	}
	.column-holder * {white-space:normal;}
	.column-holder + * {clear:left;}
	.column-thin, .column-fat, .column-fatter {
		white-space:normal;
		float:left;
		margin-right:.5%;
		}
	.column-thin *:first-child, .column-fat *:first-child, .column-fatter *:first-child {
		margin-top:0;
		}
	div.column-fatter {
		width:74%;
		max-width:55em;
		min-width:15em;
		}
	div.column-fat {
		width:49%;
		max-width:55em;
		min-width:15em;
		}
	div.column-thin {
		width:24%;
		max-width:27em;
		min-width:15em;
		}
	
	

/*img.sidebar-r {
	width:auto;
	float:none;
	display:block;
	text-align:center;
	margin:-10px;
	}
	*/
/****************************** SPECIAL CLASSES (TEXT STYLES) ************************/
.arrowlink:before {
	content:url(/images/navigation/bullet1.gif);
	}
.byline {
	font-size:70%;
	}
.caption {
	font-size:smaller;
	font-style:italic;
	}
.sidenote {
	font-size:75%;
	color:#666666;
	}
.fileinfo { /* For describing file sizes, formats, etc. */
	font-size:x-small;
	white-space: nowrap;
	color:#666;
	}
.grouping {
	white-space:nowrap;
	}
.subhead {
	font-size:smaller;
	}
.alert {
	color:#FF0000;
	}
.scriptinfo { /* To transmit information to javascripts */
	display:none;
	}
.noteref {
	position:relative;
	bottom:.9ex;
	font-size:80%;
	text-decoration:none;
	}