/* style codes for setting up foundation / positioning of elements in Web pages */ 
html { 
  margin:0 auto; 
  padding:0;
 } 
 
body {
  top:0;
  margin:0 auto;
  padding:0;
/*  background-color:#943114;   current orange, yellow B49900  */
  background-image:url(images/bkgd.jpg);
  background-repeat:repeat;
/*  background-attachment:fixed; */
  text-align:center; 
}

/* 'page' is used as a wrapper to center design horizontally */ 
#page {
  position:relative;
  text-align:left;
  width:1250px;
  margin:0 auto; 
  padding:0;
  color:#ffffff;
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:0.9em;
  font-style:normal;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
}

/* overall container aka content block that holds all elements that make up console area minus side panels */
#pageview { 
  position:absolute;
  width:934px;
  height:600px;
  top:0px;
  left:158px;
  background-image:url(images/portal_bkgd.jpg);
  background-repeat:repeat;
  background-attachment:fixed;
}
 
#logo {
  position:absolute;
  top:6px;
  left:25px;
  height:75px;
  width:900px;
  background-repeat: no-repeat;
} 
   
/* outer container for info_portal_2 content block */
#info_portal {
  padding:0;
  margin:0;
  position:absolute;
  top:89px;
  left:17px;
  height:380px;
  width:900px;
}

#left_curve {
  position:absolute;
  top:0px;
  left:0px;
  background-image:url(images/left_light.png);
  height:600px;
  width:25px;
  background-repeat:repeat-y;
}

#right_curve {
  position:absolute;
  top:0px;
  left:909px;
  background-image:url(images/right_curve.png);
  height:600px;
  width:25px;
  background-repeat:repeat-y;
}

#left_fade {
  position:absolute;
  top:0px;
  left:0px;
  padding:0;
  margin:0;
  width:100px;
  height:380px;
  background-image:url(images/left_fade.png);
  background-repeat:repeat-y;
}

/* content block where information is displayed when clicking on menu buttons */
#info_portal_2 {
  position:absolute;
  top:0px;
  left:100px;
  background-color:#000000;
  height:380px;
  width:700px;
  border:#999999;
}

#right_fade {
  position:absolute;
  top:0px;
  left:800px;
  padding:0;
  margin:0;
  background-image:url(images/right_fade.png);
  width:100px;
  height:380px;
  background-repeat:repeat-y;
}

/* content block that contains listing of announcements/events */
#list_container {
  position:absolute;
  top:36px;
  left:10px;
  width:690px;
  height:344px;
  border:none;
  margin:0px;
  scrollbar-face-color:#171717; 
  scrollbar-base-color:#000000; 
  scrollbar-arrow-color:orange; 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#B49900;
  overflow:auto;
}

/* repeating content block(s) that contain corresponding announcement/event graphic */
.list_graphic {
  left:0;
  width:120px;
  height:65px;
  border:none;
  margin: 0 0 10px 0;
  padding:0;
  float:left;
}

/* repeating content block(s) that contain corresponding announcement/event text info */
.list_info {
  left:130px;
  width:540px;
  left:130px;
  height:65px;
  border:none;
  margin: 0 0 0 10px;
  padding: 10px 0 0 0;
  float:left;
}

/* 2 columns -- repeating content block(s) that contain corresponding announcement/event text info */
/* content block that contains subtitle */ 
.listA_subintro {
  position:absolute;
  height:22px;
  top:38px;
  left:140px;
  width:200px;
/*  left:40px;
  width:397px; */
  border:none;
  margin:0;
  padding:0;
}

.listB_subintro {
  position:absolute;
  height:22px;
  top:38px;
  left:480px;
  width:200px;
/*  left:477px;
  width:397px; */
  border:none;
  margin:0;
  padding:0;
}

.listA_graphic {
  position:absolute;
  background-color:#943114;
  top:0px;
  left:10px;
  width:120px;
  height:65px;
  border:none;
  margin:0;
  padding:0;
}

.listB_graphic {
  position:absolute;
  background-color:#943114;
  top:0px;
  left:350px;
  width:120px;
  height:65px;
  border:none;
  margin:0;
  padding:0;
}

.listA_info {
  position:absolute;
  top:0px;
  left:140px;
  width:200px;
  height:65px;
  border:none;
  margin:0px;
  padding:0px;
}

.listB_info {
  position:absolute;
  top:0px;
  left:480px;
  width:200px;
  height:65px;
  border:none;
  margin:0px;
  padding:0px;
}

/* content block that contains title and synopsis */ 
#page_intro {
  position:absolute;
  top:3px;
  left:10px;
  width:670px;
  border:none;
  height:75px;
  overflow:auto;
}

/* scrolling smaller content block/wrapper that contains list  */
#list_container_left {
  position:absolute;
  top:30px;
  left:0px;
  width:351px;
  height:344px;
  border:none;
  margin:0px;
  color:#ffffff;
  scrollbar-face-color:#171717; 
  scrollbar-base-color:#000000; 
  scrollbar-arrow-color:orange; 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#B49900;
  overflow:auto;
}

/*  content block that contains list  */
#list_info_left {
  position:absolute;
  top:10px;
  left:10px;
  width:321px;
  border:none;
  margin:0px;
  padding:0px;
}

/* right content block that contains Flash movie or series graphic */
#video_right {
  position:absolute;
  background-color:#000000;
  left:352px;
  top:75px;
  width:344px;
  height:288px;
  border:none;
}

/* centered content block that contains Flash movie or series graphic */
#video_center {
  position:absolute;
  background-color:#000000;
  left:178px;
  top:75px;
  width:344px;
  height:288px;
  border:none;
}

/* scrollable content block that contains list of audio messages and corresponding files */
#msg_list {
  position:absolute;
  left:10px;
  top:1px;
  width:690px;  /* 864px; */
  height:100%;  
  color:#ffffff;
  scrollbar-face-color:#171717; 
  scrollbar-base-color:#000000; 
  scrollbar-arrow-color:orange; 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#B49900;
  overflow:auto; 
}

/* content block that contains navigation buttons */
#menu_buttons {
  position:absolute;
  top:12px;
  left:25px;
} 

/* content block that contains footer info including contact and copyright info */
#footer {
  text-align:center;
  position:absolute;
  top:562px;
  left:0px;
  width:934px;
 }

.overlay_stripe {
  width:135px;
  height:600px;
  background-image:url(images/overlay_bkgd.png);
  background-repeat:repeat;
}
 
#left_panel {
  position:absolute;
  top:0px;
  left:25px;
  background-image:url(images/left_panel.jpg);
  height:600px;
  width:135px;
  background-repeat:no-repeat;
}

#left_shade {
  position:absolute;
  top:0px;
  left:0px;
  background-image:url(images/left_shade.png);
  height:600px;
  width:25px;
  background-repeat:repeat-y;
}

#left_in_shade {
  position:absolute;
  top:0px;
  left:110px;
  background-image:url(images/left_shade.png);
  height:600px;
  width:25px;
  background-repeat:repeat-y;
}

#right_in_shade {
  position:absolute;
  top:0px;
  left:0px;
  background-image:url(images/right_shade.png);
  height:600px;
  width:25px;
  background-repeat:repeat-y;
}

#right_panel {
  position:absolute;
  top:0px;
  left:1090px;
  background-image:url(images/right_panel.jpg);
  height:600px;
  width:135px;
  background-repeat:no-repeat;
}

#right_shade {
  position:absolute;
  top:0px;
  left:1225px;
  background-image:url(images/right_shade.png);
  height:600px;
  width:25px;
  background-repeat:repeat-y;
}

#bottom_shade {
  position:absolute;
  top:600px;
  left:0px;
  background-image:url(images/bottom_shadow.png);
  height:25px;
  width:1250px;
  background-repeat:no-repeat;
}

/* *****************************************************************************
classes defined to stylize text
******************************************************************************* */

.title_heading {
  color:#CFB314;
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:22px;
  font-style:normal;
  font-weight:bold;
  padding-bottom:10px;
}

.title_subheading {
  color:#7C820F;
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:bold;
}

/* style used for audio message and notes links */
.msg_text {
  color:#ffffff;
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:0.85em;
  font-style:normal;
}

a:link {
  text-decoration:none;
  color:#CE441C;
}

a:visited {
  color:#CE441C;
  text-decoration:none;
}

a:active {
  color:#B49900;
  text-decoration:none;
}

a:hover {
  color:#B49900;
  text-decoration:underline;
}

/* style used for button text on main page in splash area  */
.main_btn_text {
  font-size:13px;
  line-height:13px;
  color:#ffffff;
}

.main_btn_text a:link {
  text-decoration:none;
  color:#ffffff;
}

.main_btn_text a:visited {
  color:#ffffff;
  text-decoration:none;
}

.main_btn_text a:hover {
  color:#B49900;
  text-decoration:underline;
}

/* styles for text in ifooter.html */
.foot {
  color:#FFFFFF;
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-style:normal;
  text-decoration:none; 
  color:#FFFFFF;
}

a.foot:link {  
	text-decoration:none; 
	color:#FFFFFF;
	}
	
a.foot:visited { 
	text-decoration:none; 
	color:#FFFFFF;
	}
	
a.foot:hover, a.foot:active { 
	text-decoration:underline; 
	color:#FFFF73;
	}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */