@charset "utf-8";

/*--white shadow boxes with top gradient--*/

.shadow33w:hover, .shadow50w:hover, .shadow66w:hover, .shadow100w:hover {
	background: #F5F0DC;
}


.shadow25w, .shadow33w, .shadow50w, .shadow66w, .shadow100w {
	
	/* IE7 inline-block fix */
	zoom: 1;
	*display: inline;
	/*cursor: pointer;*/
			
	/*CSS3 transitions*/
	-webkit-transition: background-color 0.15s ease-in-out;
	   -moz-transition: background-color 0.15s ease-in-out;
	     -o-transition: background-color 0.15s ease-in-out;
	        transition: background-color 0.15s ease-in-out;			
				
}
	
.shadow25w {

	background: url("/instruction/learning/lac/images/templates/box_gradient_corners.png") repeat-x scroll 0 -157px #FFFFFF;
	width:230px;
	float:left;
	margin: 8px;
	padding: 10px;
    box-shadow: 0px 0px 3px 0px #242424;
			
		}		
	

.shadow33w {
	
	background: url("/instruction/learning/lac/images/templates/box_gradient_corners.png") repeat-x scroll 0 -157px #FFFFFF;
	width:283px;
	float:left;
	margin: 8px;
	padding: 10px;
    box-shadow: 0px 0px 3px 0px #242424;
}

.shadow50w {
	
	background: url("/instruction/learning/lac/images/templates/box_gradient_corners.png") repeat-x scroll 0 -157px #FFFFFF;
	width:440px;
	float:left;
	margin: 8px;
	padding: 10px;
    box-shadow: 0px 0px 3px 0px #242424;
}


.shadow66w {
	
	background: url("/instruction/learning/lac/images/templates/box_gradient_corners.png") repeat-x scroll 0 -157px #FFFFFF;
    width:597px;
	float:left;
	margin: 8px;
	padding: 10px;
    box-shadow: 0px 0px 3px 0px #242424;
}


.shadow100w {
	
	background: url("/instruction/learning/lac/images/templates/box_gradient_corners.png") repeat-x scroll 0 -157px #FFFFFF;
    width:910px;
	float:left;
	margin: 8px;
	padding: 10px;
    box-shadow: 0px 0px 3px 0px #242424;
}


/*--shadow boxes, any color, no gradient--*/

.shadow33:hover, .shadow50:hover, .shadow66:hover, .shadow100:hover {
	background: #FFFFFF;
}


.shadow25, .shadow33, .shadow50, .shadow66, .shadow100 {
	
	/* IE7 inline-block fix */
	zoom: 1;
	*display: inline;
	/*cursor: pointer;*/
			
	/*CSS3 transitions*/
	-webkit-transition: background-color 0.15s ease-in-out;
	   -moz-transition: background-color 0.15s ease-in-out;
	     -o-transition: background-color 0.15s ease-in-out;
	        transition: background-color 0.15s ease-in-out;			
				
}
		
.shadow25 {
	
	background-color: #F5F0DC;
    width:230px;
	float:left;
	margin: 8px;
	padding: 10px;
	box-shadow: 0px 0px 3px 0px #242424;
			
		}
	
	
.shadow33 {
	
	background-color: #F5F0DC;
    width:283px;
	float:left;
	margin: 8px;
	padding: 10px;
	box-shadow: 0px 0px 3px 0px #242424;
}

.shadow50 {
	
	background-color: #F5F0DC;
    width:440px;
	float:left;
	margin: 8px;
	padding: 10px;
	box-shadow: 0px 0px 3px 0px #242424;
		
}

.shadow66 {
	
	background-color: #F5F0DC;
    width:597px;
	float:left;
	margin: 8px;
	padding: 10px;
	box-shadow: 0px 0px 3px 0px #242424;
}

.shadow100 {
	
	background-color: #F5F0DC;
    width:910px;
	float:left;
	margin: 8px;
	padding: 10px;
	box-shadow: 0px 0px 3px 0px #242424;
}




/* Distance Learning Boxes (Rick Layout)*/

.grid-box-right {
	float: right;
}

.grid-box {
    float: left;
}

.width16 {
    width: 16.666%}
.width20 {
    width: 20%}
.width25 {
    width: 25%}
.width33 {
    width: 33.333%}
.width30 {
	width: 30%}
.width40 {
    width: 40%}
.width50 {
    width: 50%}
.width60 {
    width: 60%}
.width66 {
    width: 66.666%}
.width70 {
	width: 70%}
.width75 {
    width: 75%}
.width80 {
    width: 80%}
.width100 {
    width: 100%}
.width16, .width20, .width25, .width30, .width33, .width40, .width50, .width60, .width66, .width70, .width75, .width80, .width100 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 5px;	
}


.mod-box {
    padding: 15px 15px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(20, 20, 25, 0.15);
    border-radius: 5px;
    background: #FDFDFD;
    background-clip: padding-box;
}	


.mod-box h3{
    padding-top: 0px;
}
	



.mod-box-gradient {
    background: #f0f1f1;
    background: -o-linear-gradient(top,  #fff 0%,  #f0f1f1 100%);
    background: -webkit-linear-gradient(top,  #fff 0%,  #f0f1f1 100%);
    background: -moz-linear-gradient(top,  #fff 0%,  #f0f1f1 100%);
    background: linear-gradient(to bottom,  #fff 0%,  #f0f1f1 100%);
    box-shadow: inset 0 0 0 1px #fff;
    background-clip: padding-box;
}
.mod-box-dark {
    border: 1px solid #55595E;
    border: 1px solid rgba(20, 20, 25, 0.3);
    border-bottom: 1px solid rgba(20, 20, 25, 0.45);
    background: #676C72;
    background: -o-linear-gradient(top,  #70747A 0%,  #666B71 100%);
    background: -webkit-linear-gradient(top,  #70747A 0%,  #666B71 100%);
    background: -moz-linear-gradient(top,  #70747A 0%,  #666B71 100%);
    background: linear-gradient(to bottom,  #70747A 0%,  #666B71 100%);
    box-shadow: none;
    color: #dce3ea;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}	


.mod-inset {
    padding: 20px 15px;
    border: 1px solid #B9BABB;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    background: #ECEDED;
    background: rgba(20, 20, 25, 0.03);
    background: -o-linear-gradient(top,  rgba(20, 20, 25, 0.02) 0%,  rgba(20, 20, 25, 0.04) 100%);
    background: -webkit-linear-gradient(top,  rgba(20, 20, 25, 0.02) 0%,  rgba(20, 20, 25, 0.04) 100%);
    background: -moz-linear-gradient(top,  rgba(20, 20, 25, 0.02) 0%,  rgba(20, 20, 25, 0.04) 100%);
    background: linear-gradient(to bottom,  rgba(20, 20, 25, 0.02) 0%,  rgba(20, 20, 25, 0.04) 100%);
    box-shadow: inset 0 2px 3px rgba(20, 20, 25, 0.25), inset 0 -1px 2px rgba(20, 20, 25, 0.1);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* End of Distance Learning Boxes (Rick Layout)*/


/* Distance Learning Navigation Menu */

body .dlnav {
	padding: 0;
  margin: 0;
  overflow-y: scroll;
  font-family: Arial;
  font-size: 1.125em;
}

#dlnav {
  background-color: #681A20;
  box-shadow: 0 3px 5px black;
}

#dlnav_wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  
}

#dlnav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}

#dlnav ul li {
  display: inline-block;
  -webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

#dlnav ul li:hover {
  background-color: #6D271E;
  
}

#dlnav ul li img {
  vertical-align: middle;
  padding-left: 10px;
}

#dlnav ul li a,visted {
  color: #fff;
  display: block;
  padding: 15px;
  text-decoration: none;
}

#dlnav ul li a:hover {
  color: #fff;
  text-decoration: none;
}

#dlnav ul li:hover > ul {
  display: block;
}

#dlnav ul ul {
  display: none;
  position: absolute;
  background-color: #6D271E;
  border: 5px solid #681A20;
  border-top: 0;
  margin-left: -5px;
  min-width: 130px;
  -webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;  
  box-shadow: 0 3px 5px black;
  
  
}

#dlnav ul ul li {
  display: block;
  text-align: left;
  -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

#dlnav ul ul li a,visisted {
  color: #fff;
}

#dlnav ul ul li:hover {
  background: #89441B;
}

#dlnav ul ul li a:hover {
  color: #fff;
}

/*------sub menu----*/

#dlnav ul ul li:hover > ul {
	display: block;
}

#dlnav ul ul ul {
	margin: -53px 0 0 200px;
	min-width: 200px;
	border: 5px solid #681A20;
	-webkit-border-radius: 0px 4px 4px 4px;
	-moz-border-radius: 0px 4px 4px 4px;
	border-radius: 0px 4spx 4px 4px;  
	box-shadow: 2px 2px 5px black;
	
}

/*----end distance learning navigation menu----*/


/* Distance Learning Accordion 2014 Menu */

.dlaccordioncontainer {
		width:100%;
		max-width:400px;
}


.dlaccordion {
		width:100%;
		padding:0;
		margin:0;
		list-style-type:none;
}


.dlaccordion-header {
		display:block;
		padding:10px 10px;
		background:#57141E;
		font-family: Helvetica;
		color:#fff;
		text-decoration:none;
		font-size:1em;
		text-transform:uppercase;
		text-shadow:1px 1px 0 rgba(0,0,0,.1);
		margin-bottom:5px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
}


a.dlaccordion-header:hover {
		color:#FFFFFF;
}


.dlaccordion-content p {
		margin:5px;
		padding-right: 15px;
}



.dlaccordion-content {
		height:0;
		overflow:hidden;
		-webkit-transition:height 400ms ease;
		transition:height 400ms ease;
}


.dlaccordion-content:target {
		height:110px;
		overflow-y:scroll;

}

/*-----end Distance Learning Accordion 2014 Menu----*/