@charset"utf-8";


@font-face {
    font-family: 'sourcesanspro';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandbook';
    src: url('../fonts/quicksand_book-webfont.eot');
    src: url('../fonts/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand_book-webfont.woff') format('woff'),
         url('../fonts/quicksand_book-webfont.ttf') format('truetype'),
         url('../fonts/quicksand_book-webfont.svg#quicksandbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Document */
body {
  
  
  background-image: url('../../images/body_bg.jpg');
    background-repeat: repeat-x;
	background-attachment:local;
    

 

  margin:0;
}




#pageHeader {
  clear:both;
  width: 100%;
  margin: 0;
  padding:0;
  height:115px;
  background-image:url(../../images/bg_pageHeader.jpg);
  background-repeat:no-repeat;
}


#hgroup {
  width: 960px;
  margin: 0 auto;
  padding: 0;
 
}

h1 {
  display:block;
  float:left;
  background:url(../../images/doiuTitleNew.png)  no-repeat 0 0;
  width:560px;
  height:115px;
  text-indent:-9999px;
  position:relative;
}

h1 a {
  display: block;
  height: 100%;
  width: 100%;
}

    h2 {
	padding-left: 3px;
	padding-top: 5px;
	color:#003c61;
	font-weight:bold;
	font-size:24px;
	font-family: 'sourcesanspro';

}


h3 {
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom:10px;
	color:#003c61;
	font-size:18px;
	font-weight:bold;
	font-family: 'quicksandbook';
}


h4 {
	font-size: 18px;
	color: #666666;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom:10px;
	font-weight:bold;
	font-family: 'sourcesanspro';
}

h5 {
	font-size: 15px;
	color: #666666;
	font-family: 'sourcesanspro';
	
	padding-bottom:5px;
}
.align-right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.align-left {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.bulleted_list {
	margin:0;
	padding-top:0;
	padding-right:20px;
	padding-bottom:0;
	padding-left:20px;
	list-style:disc;
}
.bulleted_list li {

  display:list-item;
}

.article_left img {
	position: relative;
	right: 1px;
}

.sectionHeader {
	background-color:#3176d3;
	font-size: 16px;
	font-family: 'quicksandbook';
	font-weight: bold;
	text-align: left;
	color: #FFF;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.section_container {
	margin: auto;
	position: relative;
	background-color: #FFF;
	padding: 0px;
	border: 1px solid #CCC;
	overflow: hidden;
	height: auto;
	/*width: 300px;*/
	width:auto;
}
.section_content {
	padding: 5px;
	clear: none;
	background-color: #FFF;
	margin: 0px;
}



.sectionHeader p{
	margin:0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.sectionHeader span {
	padding: 10px 5px;
	margin: 5px;
}


.sectionFooter{
	padding-bottom:10px;
	padding-right:0px;
	background-image:url(../../images/bg_section_footer_dark.jpg);
	height: 12px;
	bottom: 0px;
	position: absolute;
	right: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	background-repeat: repeat;
}
.sectionFooter a {
	color: #717171;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0px;
}

/** pull-quote styles **/
.pull { 
	display: block; 
	padding: 15px 15px; 
	margin-left: 5px; 
	width: 180px; 
	float: right; 
	margin-right: 10px; 
	background: #CCC; 
	color: #666666; 
	font-weight: bold; 
	font-family: 'sourcesanspro';
	line-height: 24px; 
	font-size: 18px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	font-style: italic; 
}
.pull .ref { font-size: 11px; }

.pullquote { 
	display: block; 
	padding: 15px 15px; 
	margin-left: 5px; 
	margin-right: 10px; 
	/*background: #CCC;*/ 
	color: #666666; 
	font-weight: bold; 
	font-family: 'sourcesanspro';
	line-height: 24px; 
	font-size: 18px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	font-style: italic; 
}	

blockquote cite {
	color:#666666;
	font-size:14px;
	display:block;
	margin-top:5px;
}

div.figure {
  float: right;
  width: 30%;
  border: 0;
  margin: 0.2em;
  padding: 0.2em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  padding: 0px;
}
img.scaled {
  width: 100%;
}

/*Begin Navigation Bar Styles */
#mainNav {
  clear: both;
  height: 36px;
  width: 960px;
  padding: 5px 0;
  margin-top:10px;
  margin:auto;
  display:block;

}

#mainNav .mainMenu {
  /*float: left;*/
  width: 960px;
  margin-top:0px;
  margin-left:80px;
  margin-right:auto;
  padding: 0 10px;
  list-style-type:none;

}


.deactive, .active{
  float: left;
  height: 35px;
  list-style-type: none;
  padding: 0 1px 0 0;
}

.deactive>a {
  color: #3f3f3f;
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'sourcesanspro';
  height: 100%;
  line-height: 34px;
  padding: 0 0 0 18px;

}

.active>a {
  color: #3f3f3f;
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'sourcesanspro';
  height: 100%;
  line-height: 34px;
  padding: 0 0 0 18px;
}

.deactive>a>span,  .active>a>span{
  display: block;
  /*float: left;*/
  height: 100%;
  padding: 0 18px 0 0;
}

.deactive>a:hover, .active>a {
  background: url(../../images/hover.jpg) no-repeat left;
  color: #fff;
  cursor: default;
  text-decoration: none;
  padding-bottom:0;
  }

.active>a>span, .deactive>a:hover>span {
  background: url(../../images/hover.jpg) no-repeat right;
}

ul.subMenu {
  font-size: 14px;
  margin-top: 0px;
  padding: 0;
  position:absolute;
  list-style: none;
   z-index:2000 !important;
}
ul.subMenu li {
  display: block  !important;
  /*position: relative;*/
  float: left;
}
li ul.subMenu { display: none  }

ul.subMenu li a {
  display: block  !important;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  background: #2C5463;
  margin-left: 1px;
  white-space: nowrap;
  font-family:Arial, Helvetica, sans-serif;
}


li:hover ul.subMenu {
  display:block !important;
z-index:2000 !important;

}

li:hover ul.subMenu>li {
  float: none;
  font-size: 14px;
}
li:hover ul.subMenu>li a { background: #3d88e5; }
li:hover ul.subMenu>li a:hover { background: #a6cbfd; }
/* End Navigation Styles*/ 




#container {
	clear: both;
	display: block;
	width: 960px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	border: 0px solid #0F0;
	overflow:visible;
}
#container strong {
	font-weight:bold;
}

#featured {
	background: #fff;
	padding: 0px;
	height: 320px;
	width: 920px;
	overflow:hidden;
	background-image: url(../../images/rocky_mountains.JPG);
	background-repeat:no-repeat;
	position:relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border:#FFF solid 10px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
  	

}


#featured_panel {
  background-image:url(../../images/bg_transparent_white.gif);
  background: rgba(255,255,255,0.9);  /* 90% transparent */
  width: 590px;
  position:absolute;
  padding:10px;
  height:100%;		
  -webkit-border-top-left-radius: .3em;
  -webkit-border-bottom-left-radius: .3em;
  -moz-border-radius-topleft: .3em;
  -moz-border-radius-bottomleft: .3em;
  border-top-left-radius: .3em;
  border-bottom-left-radius: .3em;
  overflow:scroll;
  font-family: 'sourcesanspro';
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#featured_panel_lg {
  background-image:url(../../images/bg_transparent_white.gif);
  background: rgba(255,255,255,0.9);  /* 90% transparent */
  width: 920px;
  position:absolute;
  padding:0px;
  height:100%;		
  -webkit-border-top-left-radius: .3em;
  -webkit-border-bottom-left-radius: .3em;
  -moz-border-radius-topleft: .3em;
  -moz-border-radius-bottomleft: .3em;
  border-top-left-radius: .3em;
  border-bottom-left-radius: .3em;
  overflow:scroll;
}

#featured_panel h2 {
	font-family: 'quicksandbook';
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	color:#003c61;
	font-weight:bold;
	font-size:24px;
}


#featured_side_panel {
  background-image:url(../../images/bg_transparent_white.gif);
  background: rgba(255,255,255,0.9);  /* 90% transparent */
  width: 300px;
  position:absolute;
  padding:0px;
  height:100%;
  border-left:#FFF solid 10px;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-bottom-right-radius: .3em;
	-moz-border-radius-topright: .3em;
	-moz-border-radius-bottomright: .3em;
	border-top-right-radius: .3em;
	border-bottom-right-radius: .3em;
	overflow:visible;
}

.menu_item {
	width:300px;
	display:block;
	background-color: #CCC;
	text-decoration:none;
	margin-bottom:2px;
	padding-left:10px;
	padding-top:10px;
	overflow:visible;
	color:#003c61;
	font-size:18px;
	font-weight:bold;
	font-family: 'quicksandbook';
	padding-bottom:10px;
}

.menu_item:hover, .item_selected {
	width:290px;
	display:block;
	background-color:#999;
	text-decoration:none;
	color:#FF6;
	background-image:url(../../images/selected.png);
	background-repeat:no-repeat;
	background-position:0px;
	overflow:visible;
	
}

.menu_item h3:hover, .item_selected {
	text-decoration:none;
	color:#FF6;
}

#quote {
  background: url(../../images/bg_transparent_white.png) repeat;
  width: 300px;
  position:absolute;
  right:0px;
  padding:5px;
  height:98%;
  border-left:#FFF solid 10px;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-bottom-right-radius: .3em;
	-moz-border-radius-topright: .3em;
	-moz-border-radius-bottomright: .3em;
	border-top-right-radius: .3em;
	border-bottom-right-radius: .3em;
}

#quote h2 {
  font-family: 'quicksandbook';
  font: normal 24px;
 /* color: #fac257;*/
  color:#2f2f2f;
  text-decoration: none;
  margin-bottom: 18px;
}

form.catalog_form {
  width: 90%;
  height: 100%;
  padding:0px 0px 0px 0px;
  margin:auto;
}


form.catalog_form h2 {
  font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fac257;
  text-decoration: none;
  margin-bottom: 18px;
}

form.catalog_form label {
  display:none;
} 
form.catalog_form input#searchcatalog {
	background-color: #fff;
	border:1px solid #ddd;
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 5px 1px 8px 1px;
	padding: 6px;
	width: 95%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

form.catalog_form textarea {
  height: 45px;
}

form.catalog_form input {
	width: auto;
	border: none;
	padding: 5px 5px 5px 5px;
	margin-top: 0;
	margin-right:1px;
	margin-left:1px;
	float:right;
}

.dropdown {

	 color: #1455a2;
	 font-size:16px;
  }
  
label { 
		position:	relative;
		clear:  	both; 
		display: 	block; 
		/*text-shadow: 0px -1px 0px #000; 
		text-shadow: 0 -1px rgba(0,0,0,0.5); */ 
		color: #717171;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
		font-variant: normal;
	}
	
.button
{
    margin: auto;
	margin-top:10px;
    text-decoration: none;
    font: bold 1.25em;
	font-family: 'quicksandbook'; 
    display: inline-block;
    text-align: center;
    color: #fac257;
	/*color:#FFF;*/
    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	cursor:pointer;
}

.button, .button span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;
    
    /* The background pattern */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;            
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

.button-blue
{
   /* background: #4477a1;*/
    background: #2259a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#5da2ff), to(#2259a1) );
    background: -moz-linear-gradient(-90deg, #5da2ff, #2259a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5da2ff', endColorstr='#2259a1');
}

.button-blue:hover
{
    /*background: #81a8cb;*/
	background: #5da2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#2259a1), to(#5da2ff) );
    background: -moz-linear-gradient(-90deg, #2259a1, #5da2ff);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2259a1', endColorstr='#5da2ff');            
}

.button-blue:active
{
    background: #4477a1;
}

form.cta {
	margin:auto;
	
}
form.cta h3 {
  	font-size:18px;
	font-weight:bold;
	font-family: 'quicksandbook';
  	color: #fac257;
  	margin-bottom: 18px;
	margin:auto;
}
.cta-button
{
   /* background: #4477a1;*/
    background: #2259a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#5da2ff), to(#2259a1) );
    background: -moz-linear-gradient(-90deg, #5da2ff, #2259a1);
	
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5da2ff', endColorstr='#2259a1');
	
	margin: auto;
	margin-top:5px;
    font-size:18px;
	font-weight:bold;
	font-family: 'quicksandbook'; 
    display: inline-block;
    text-align: center;
    color: #fac257;
	/*color:#FFF;*/
    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    -moz-border-radius: .3em;
    border-radius: .3em;
	
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	cursor:pointer;

 	
}

.cta-button:hover
{
    /*background: #81a8cb;*/
	background: #5da2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#2259a1), to(#5da2ff) );
    background: -moz-linear-gradient(-90deg, #2259a1, #5da2ff);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2259a1', endColorstr='#5da2ff');  
	 box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.cta-button:active
{
    background: #4477a1;
	/* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}


#messageBoard {
	float:left;
	width:624px;
	padding:0px;
	background-color:#FFF;
	margin-top:20px;
	background-image: url(../../images/gradient_back.jpg);
	border: 1px solid #CCC;
	overflow: hidden;
	position:relative;
}
#sociallearning {
	float:right;
	width:280px;
	background-color:#FFF;
	margin-top:20px;
	background-image: url(../../images/gradient_back.jpg);
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

.avatar{background:#fff url("../../images/fb_anon_50x50.png") no-repeat scroll 50% 50%;width:50px;height:50px;float:left;margin-right:8px;overflow:hidden}
.facebook-button{background:#5d77aa;border:#2a447f 1px solid;height:16px;width:auto;overflow:hidden; margin-top:3px;}
.facebook-button>div{float:left;border-top:#7a9069 1px solid;height:18px;line-height:15px;text-align:center;border-right:#7a9069 1px solid}
.facebook-button a{display:block;text-decoration:none;font-weight:700;font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;border-top:#7a9069 1px solid;border-right:#7a9069 1px solid;width:auto;float:left;padding:0 6px;-webkit-text-size-adjust:none}
.facebook-button a,.facebook-button a:visited{color:#fff}
.facebook-button a.facebook-icon{background:url(http://a2.espncdn.com/prod/assets/icons/facebook_16x16.png) no-repeat;width:16px;height:16px;text-indent:-9999px;border-right:#2a447f 1px solid;border-top:0;padding:0}
.facebook-button.alt{background:#747474;border-color:#545454;width:63px}
.facebook-button.alt>div{border-color:#8d8d8d}
.facebook-button.alt a{width:62px;text-align:center;border-top:#8d8d8d 1px solid;border-right:#8d8d8d 1px solid;padding:0}
.fb-connect-link{cursor:pointer}



.panel_feed {
	visibility:hidden;
	overflow:hidden;
	width:1px;
	height:1px;
	font-family: 'sourcesanspro';
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#panel_load {
	visibility:hidden;
	overflow:hidden;
	width:1px;
	height:1px;
	margin:auto;
}
#panel_load p{
	margin:auto;
}
#panel_load img{
	margin:auto;
}
#modal_window {
	margin: 20px 0 30px 0;
	clear: both;
	font-size: 12px;
	color: #2259a1;
	padding: 10px;
	width: 940px;
	border: 0;
	border-color: #FF0;
	background-color: #FFF;
}


#modal_window table, td {
   border: 1px solid black;
   padding:5px;
}
#modal_window th {
   border: 1px solid black;
   padding:5px;
   font-weight:bold;
}

#dialog-message {
	margin: 20px 0 30px 0;
	clear: both;
	font-size: 12px;
	color: #2259a1;
	padding: 10px;
	width: 450px;
	border: 0;
	border-color: #FF0;
	background-color: #FFF;
	position:relative;
}

	.form_box {
	  background:url(../images/col_bg.jpg) repeat-x;
	  background-color:#FFF;
	  margin:auto;
	  font-family: Tahoma, Geneva, sans-serif;
	  font-size: 14px;
	  line-height: 24px;
	  font-weight: bold;
	  color: #717171;
	  text-decoration: none;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  border: 1px solid #999;
	  border: inset 1px solid #333;
	  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	  padding-top: 5px;
	  padding-right: 10px;
	  padding-bottom: 10px;
	  padding-left: 10px;
	  float:left;
	}

.contactlink {
	color: #2259a1;
	font-weight:bold;
	font-style:normal;
	border-style:none;
}
/** 
 * Content Section style rules.
 */


#content {
	margin: 20px 0 30px 0;
	clear: both;
	font-size: 12px;
	color: #2259a1;
	padding: 10px;
	width: 940px;
	border: 0;
	border-color: #FF0;
	background-color: #FFF;
	position:relative;
}

article {
	float:left;
	width:65%;
	padding-right:5px;
}

aside {
	float:right;
	width:30%;
	padding-left:5px;
	background-color:#f0f0f0;
	margin-top:15px;
	height:auto;
	min-height:300px;
}

aside div img {
	display:block;
 	margin-left:auto;
 	margin-right:auto;
 
}
.sidebarquote {
	color: #2259a1;
	margin:5px;
	padding:5px;
	font-family: 'quicksandbook';
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-align:center;
}

.sidebarmenu {
	color: #2259a1;
	margin:5px;
	padding:5px;
	font-family: 'quicksandbook';
	font-size: 14px;
	text-align:left;
	background-color:#5DA2FF;
	display:block;
	float:right;
	border-radius: .5em;
	line-height:20px;
	background-image: url(../../images/footer_bg.jpg);
	background-repeat: repeat-x;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.sidebarmenu h3{
	text-align:center;
	font-size:16px;
	font-family: 'quicksandbook';
}

#content .indent {
	color: #717171;
	text-decoration: none;
	margin-left:50px;
	font-family: 'sourcesanspro';
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#content p {
	color: #717171;
	text-decoration: none;
	margin-bottom: 18px;
	font-family: 'sourcesanspro';
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#content ul {
	color: #717171;
	margin-bottom: 18px;
	margin-left:15px;
	font-family: 'sourcesanspro';
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-type: disc;
	/*list-style-position: inside;*/
}
#content .col {
	float: left;
	width: 258px;
	background: url(../../images/col_bg.jpg) repeat-x;
	height: 153px;
	border: 1px solid #CCC;
	padding: 20px;
	margin-right: 20px;
	position:relative;
}
#content .col h2 {
  font-family: 'quicksandbook';
  font: normal 24px;
  color: #fac257;
  text-decoration: none;
  margin-bottom: 18px;
}
#content .col h2 span {
  color: #2f2f2f;
}
#content .col img {
  border: solid 1px #d8d8d8;
  padding: 2px;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
#content .col p {
  margin-bottom: 20px;
  line-height: 18px;
}
a.readmore {
  font-weight: bold;
  font-family: 'sourcesanspro';
  text-decoration: underline;
}
#content .col a:hover.readmore {
  text-decoration: none;
}
#content .col a.readmore {
  color: #252525;
  position:absolute;
  bottom: 5px;
}
#content .col.noMargin {
  margin: 0;
}
#content .col.fr {
  margin: 0;
  float: right;
}
/* End Content Section  */

/** 
 * Footer style rules.
 */


#footer {
	position:static;
	clear: both;
	background: url(../../images/footer_bg.jpg);
	height: 120px;
	width: 100%;
	margin-top: 15px;
	bottom:0px;
}



#footerContainer {
	margin: 0 auto 0;
	width: 960px;
	font-size: 12px;
	color: #717171;
	padding-top: 5px;
	padding-left: 5px;
}

#footerContainer p {
	margin: 0 0 0 20px;
}
#footerContainer a {
  color:#666;
  text-decoration: none;
}
#footerContainer a:hover {
  text-decoration: underline;
}

#footerNav {
	width:60%;
 margin:auto;
}
/* Footer */

/* Footer (block) */


#footer .block {
	width: 140px;
	margin-left: 20px;
	display: inline;
	right: 0;
	top: 10px;
	float:right;
	margin-top: 15px;
	margin-bottom: 15px;
}


#footer .block .textwidget {

	border: #D5D4D4 5px solid;
	background: #EDEDED;
	padding-bottom: 5px;
	padding-top:5px;
	clear: both;
	margin:0;
	padding-left:6px;
	padding-right:2px;
}

#footer .block .textwidget a {
	padding: 2px 2px;

}

/* Footer (block > list) */

#footer ul {
	padding: 0;
}

#footer li {
	padding: 5px 10px;
	line-height: 20px;
	background: url(../../images/bg_footer_list.gif) repeat-x 0 bottom;
}


/* End Footer  */
.clear_element {
	clear: both;
}
.aside_left {
	padding: 5px;
	float: left;
	height: auto;
	width: 29%;
	border: 1px solid #CCC;
}
.article_right {
	padding: 5px;
	float: right;
	width: 68%;
	border: 1px solid #CCC;
	margin-left: 3px;
}
.aside_right {
	padding: 5px;
	float: right;
	height: 272px;
	width: 37%;
}
.article_left {
	padding: 5px;
	float: left;
	width: 60%;
	margin-left: 3px;
	height:272px;
}
.cataloglist {
	margin-left:1em;
	/*padding-left:1em;*/
}
.cataloglist li {
	list-style-image:url(../../images/arrow_sml_j.gif);
}
.cataloglist a {
	font: normal 12px Arial, Helvetica, sans-serif #F00;
	text-decoration:none;
	cursor:pointer;
}
.cataloglist a:hover {
	font: normal 12px Arial, Helvetica, sans-serif #fac257;
	font-weight:bold;
	text-decoration:none;
}
.note {
	font: normal 10px Arial, Helvetica, sans-serif #f00;
	font-weight: normal;
	text-decoration:none;
	float:right;
}
.instructions {
	font: normal 12px Arial, Helvetica, sans-serif #009;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
}
/* Interactive Card Styles*/
.interactive_card {
	padding: 5px;
	width:auto;
	border: thin solid #666;
	position: relative;
	-moz-border-radius: .5em;
    border-radius: .5em;
	margin-top:5px;
	overflow:hidden;
}


.interactive_card .card_info {
	background-color: #CCC;
	margin: 5px;
	padding: 10px;
	float: left;
	height: auto;
	width: 450px;
	border-radius: .5em;
}
.interactive_card .card_info .info {
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}
.interactive_card .card_display {
	margin: 3px;
	padding: 10px;
	float: left;
	height: 200px;
	width: 390px;
	border: 5px solid #2259a1;
	background-color:#CCC;
	-moz-border-radius: .5em;
    border-radius: .5em;
	overflow: hidden;
	position:relative;
}
#WLC_display {
		background-image:url(../../images/dc.jpg);
}
#DLC_display {
	background-image: url(../../images/DenverSkyline.jpg);
	background-repeat: repeat-x;
}
#ALC_display {
		background-image: url(../../images/albuquerque-skyline.jpg);
		background-size:contain;
}
.interactive_card .strip {
	width:2700px;
	height:200px;
	display:inline-block;
	position:absolute;
	left:410px;
}
.interactive_card .card {
	width:375px;
	height:200px;
	float:left;
	display:inline-block;
	margin-left:10px;
	margin-right:5px;
	color:#FFF;	
	background:#003;
	opacity:.70;
	padding-left:10px;
	padding-right:5px;
	padding-top::1px;
}
.interactive_card .card h3{
	color:#FFF;	
}

/* Expandable List Styles*/
.expandable_list {
	font-size:14px;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003c61;
	line-height:1em;
	margin:0px;
	padding:0px;
	width:100%;
	list-style-type:none;

}
.expandable_list li {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	display: block;
	margin: 5px;

}
.expandable_list>li>a {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 17px;
	cursor: pointer;
	display: block;
	margin: 0px;
	text-decoration:none;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	display: block;
	margin: 5px;
	background-image:url(../../images/minus_box.jpg);
	background-repeat:no-repeat;
}
.collapsed {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	display: block;
	margin: 5px;
	background-image:url(../../images/plus_box.jpg);
	background-repeat:no-repeat;
}


.sub_list {
	display: none; 
	width:100%;
	font-size:14px;
	margin: 0px;
	padding: 0px 0px 0px 27px;
	cursor: pointer;

}
.sub_list li{
	cursor: pointer;
	background-image:url(../../images/arrow_sml_j.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
.sub_list a{
	padding-left:15px;
}
/* Expandable List Styles*/ 
.post_date {
	float:right;
	padding:3px;
	font-weight:bold;
	color:#003c61;
}
#dialog-form input {
	text-align:right;
}
.section_content p {
	color: #717171;
	text-decoration: none;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #F00;
	text-decoration: none;
}
.interactive_card iframe {
	margin-left:5px;
	margin-right:10px;
	border: 5px solid #2259A1;
	background-color:#CCC;
	-moz-border-radius: .5em;
    border-radius: .5em;
}
.hidden {
	display: none;
	visibility: hidden;
}