@charset "utf-8";
/* CSS Document */
.top-img-wrap {
	width:100%;}
.top-img-wrap img {
	width:100%;
	float:left;
	padding-top;1%;}
.title-callout {
	width:75%;
	float:right;}
	.title-callout p {
		font-size:1.2em;
		padding:2%;
		color:#344E77;
		font-family: Georgia, "Times New Roman", Times, serif;}	
	.title-callout p a { color:#DD550C; }
	.title-callout p a:hover { color:#344E77; }
	
.page-title {
    font-size: 2.2em;
    float: right;
    margin-top: -1.2em;
	margin-bottom:0%;
    border: 0px;
    padding: 0.5%;
    color: white;
    background-color: #344E77;}

.sidebar {
	padding-bottom:4.6%;
	clear:left;}

#content_wrap {
	width:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	clear:both; 
	padding-top: 1em;}
.deptBox { padding:2%; }
.deptBox p { font-size: 1.2em; }
.deptBox h2{
	font-size: 3em; 
	background-color: #344E77;
	color: white;
	padding:0.5%;
	padding-left:1%;
	border-radius: 5px;
	text-align:center;
}
.deptBox h2:hover { cursor:pointer; }

.contextNav { display:none; }

.selected {
	display:block;
	opacity:1;
	transition:opacity 1s linear;
	-webkit-transition:opacity 1s linear;
}

.checklist_wrap .box{
	display:block;
	opacity:1;
	transition:opacity 1s linear;
	-webkit-transition:opacity 1s linear;
	}

.checklist_wrap .box .deptBox > div{
	display:none;
	}
.checklist_wrap .selected .deptBox > div{
	display:block;}
	
.deadlines {
	width:70%;
	float:left;
	border-right:0px;
	padding-right:0%;}
.terminology {
	padding-top:2em;
	width:100%;
	float:left;
	clear:left;}
	
ul.checkboxes { 
	margin:0; 
	padding:0;
	}
	ul.checkboxes li { 
		font-size:1.4em;
		list-style:square url('../img/checked-icon.png');
		list-style-position:outside;
		color:#03244D;
		margin:.5em 2em !important;}


.pad-left { padding-left: 5%; }

.prfl-blk {
	display:inline-block;
	margin:.5em;
	text-align:center;}
	.prfl-blk img {
		width:340px;
		max-width: 100%;
	}
	.prfl-cptn{
		font-size: 1.75em !important;
		width:100% !important;
	}
	
.main_content_wrap {
	width:98%;
	padding-left:1%;
	box-sizing:border-box;}


.title-callout {
	width:74%;
	float: right;
	padding-left: 1%;
	padding-top: 0.5%;}

.page-title {
	padding: 1%; 
	font-size:2.3em; 
	margin-top:-1.3em;}

/* variable font sizing for page title pages */	
.fs_small { font-size: 1.95em; }
.fs_med { font-size: 2em; }
.fs_large { font-size: 2.1em; }
	
.title-callout p {
	width:98%;
	clear: right;}

#content_wrap {
	width:100%;
	padding-top:1%;
	float:right;
	clear:both;
	font-size:0.8em;}
	
.contextNav {
width: 24%;
float: right;
background-color: transparent;
}
ul.checklist-select li {
text-align:right;
color:#03244D;
margin:0%;
padding:6px !important;
margin-bottom:5px !important;
border:1px solid #F4F3E7;
}

ul.checklist-select li.active, ul.checklist-select li.active:hover {
color:white;
font-weight:bold;
border:1px solid #B3AE94;
background-color: #344E77;
}

ul.checklist-select li:hover {
cursor:pointer;
color: #DD550C;
background-color: #344E77;
}

.deptBox { padding:2%; }
.deptBox h2{
	font-size: 3em; 
	background-color: #344E77;
	color: white;
	padding:0.5%;
	padding-left:1%;
	border-radius: 5px;
}
.deptBox h3 {
	text-decoration: underline;
	font-size: 2em;
	font-weight:bold;
	color: #03244d;
}

/* formating for the month h3s on Dates and Deadlines */
.hMonth {
	font-size:2.5em !important;
	border: 3px solid #03244D;
	border-left:0;
	border-right:0;
	text-decoration:none !important;
	text-align:center;
	clear:both;
}

.deptBox h4 {
	text-decoration: underline;
	font-size: 1.7em;
	font-weight:bold;
	color: #03244D;
}
.deptBox h5 {
	font-size: 1.4em;
	font-weight:bold;
	color: #03244D;
}
.deptBox a{ 
	font-size:1.1em;
	color:#dd550c;}
	.deptBox a:hover{ 
		color:#344E77;}
		
.deptBox span {
	font-size: 1.2em;
	padding-left:0.3em;
}
.deptBox p{
	width:99%;
	font-size:1.2em;
	color:#03244d;
}
.deptBox p img{
	float:none;
	width:100%;
	display:block;
	padding-left:0%;
	margin-bottom:1%;}
.deptBox ol {
	color: #03244D;
	font-size: 1.5em;
	line-height: 1.3em;
}
	
/*  em {font-weight:bold;} not sure why this was being used */
.book-list {
	font-size:1.1em;
	font-style:italic;
	color:#03244D; }
		
.contact {line-height:2em;}
	
.icon {vertical-align:text-bottom;}


	
.contextNav{ display:block; }
.checklist_wrap .box{
	display:none;
	opacity:0;
	transition:opacity 1s linear;
	-webkit-transition:opacity 1s linear;
}

.checklist_wrap .selected{
	display:block;
	opacity:1;
	transition:opacity 1s linear;
	-webkit-transition:opacity 1s linear;
}
.deptBox h2 { text-align:left; }
.deptBox h2:hover { cursor:default; }

.page-title { font-size:2.5em }
.title-callout p { font-size:1.3em; }
.sidebar { padding-right:0%; }

.deadlines {
	width:47%;
	float:left;
	border-right:1px dashed #03244D;
	padding-right:3%;}
.terminology {
	padding-top:0;
	width:47%;
	float:right;
	clear:none;}

.page-title { font-size:2.6em }
.title-callout p { font-size:1.4em; }

#content_wrap {
	width:100%;
	clear:both;}

.deptBox p img {
	width:54%;
	float:right;
	padding-left:1%;}

.top-img-wrap { width:66%; float:left;}

.title-callout { width:33%; }
	.title-callout p { 
		font-size:1.1em;
		line-height:1.1em;}

.page-title { 
	font-size:2em;
	float:none;
	text-align:center;
	margin-top:0%;}

#content_wrap {
	width:75%;
	clear:none;
	font-size:0.8em;}

.pageWrap { width: 100%; }
.title-callout p { 
	font-size:1.1em;
	line-height:1.2em;}
	
.page-title { font-size:2em; }
#content_wrap {
	padding-top:0%;}


.legend {font-size:1.4em; color:#03244d; float:left; clear:left;}


#content_wrap h2 { }
#content_wrap ul { }
#content_wrap ul li { 
	line-height:1.6em; 
	margin: 5px 0px;}
#content_wrap ul li a { }
#content_wrap ul li a:hover { color:#03244D; cursor:pointer; }
#content_wrap li > ul > li { line-height:1.6em; font-style:italic;}

.checklist_wrap {
width: 99%;
float: left;
display: block;
margin: 1%;}

.contextNav {
width: 22%;
font-size: 1.2em;
float: right;
background-color: transparent;}

ul.checklist-select li {
text-align:right;
color:#03244D;
padding:6px !important;
margin-bottom:5px !important;
border:1px solid #F4F3E7;}

ul.checklist-select li.active, ul.checklist-select li.active:hover {
color:white;
font-weight:bold;
border:1px solid #B3AE94;
background-color: #344E77;}

ul.checklist-select li:hover {
cursor:pointer;
color: #DD550C;
background-color: #344E77;}

.col1 {
	width: 48%;
	float: left;
	clear: both;
	padding-right:1%
	text-align: left;}
.col2 {
	width: 48%;
	float: right;
	padding-left:1%;
	text-align: left;}
	
.deptBox { padding:2%; }
.deptBox h2{
	font-size: 3em; 
	background-color: #344E77;
	color: white;
	padding:0.5%;
	padding-left:1%;
	border-radius: 5px;}
.deptBox h3 { }
.deptBox a{ 
	font-size:1.1em;
	color:#dd550c;}
.deptBox span { font-size: 1.2em; }
.deptBox p{
	width:99%;
	font-size:1.4em;
	color:#03244d;}
.deptBox p img{
	float:right;
	padding-left:2%;}

.title-callout p {
	font-size:1.2em;}


.pageWrap {  }
.title-callout {
	width: 33%;
	float: right;
	padding-left: 1%;
	padding-top: 0.5%;}
	.title-callout p {
		width: 98%;
		font-size: 1.3em;
		line-height:1.2em;
		clear: right;}
	
.page-title {
	margin-top:0px;
	float: none;
    color:white;
	background-color: #344E77;
	padding: 0.5%; 
	font-size:2.5em;}

/* variable font sizing for page title pages */	
.fs_small { font-size: 1.95em; }
.fs_med { font-size: 2em; }
.fs_large { font-size: 2.1em; }

.sidebar { 
	width:20%; }

#content_wrap{
	width: 79%;
	float:right;
	padding-top: 1%;
	padding-left: 0%;
	font-size: 0.8em;
	clear: none;}

	.prfl-blk img {
		width:240px;
	}


.pageWrap { width:950px; }




.deptBox .question {
	text-decoration:none;
	padding-bottom:0.5em; }
	
@media only print {

	body{
		background:none;}
	
	a { color: #000; }
	a:after {
		content:" <" attr(href) ">";
		font-size:75%;}
	a[href^=http]:after {
		content:" <" attr(href) ">";
		font-size:75%;}
		
	.headerWrap { display:none; }
	#footerWrap { display:none; }
	.top-img-wrap { display:none; }
	.sidebar { display:none; }
	.contextNav { display:none; }
	
	.title-callout { width:100%;}
	#content_wrap { width:100%; }
	
	.checklist_wrap .box {
		display:block;
		opacity: 1; }
	.checklist_wrap .selected .deptBox > div {
		display: block; }
	.checklist_wrap .box .deptBox > div {
		display: block; }
	.deptBox h2 {
		font-size:2em;
		color:#000; }
}