/* style codes for setting up foundation / positioning of elements in Web pages */ 
html { 
  margin:0 auto; 
  padding:0;
 } 
 
body {
  top:0;
  margin:0;
  padding:0;
  background-image:url(images/alt_bkgd80.jpg);
  background-repeat:repeat;
  text-align:center;
  font-size:100%;
}

h1 {
  color:#d3ac35;  /* 6A6E0D; */
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:22px;
  font-style:normal;
  font-weight:bold;
  margin:0;
}


/* '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 screen */
#pageview { 
  position:absolute;
  width:930px;
  height:600px;
  top:0px;
  left:160px;
  background-image:url(images/portal_bkgd.jpg);
  background-repeat:repeat;
  background-attachment:fixed;
}
 
#logo {
  position:absolute;
  top:0px;
  left:50px;
  height:89px;
  width:880px;
  background-repeat:no-repeat;
} 
   
/* outer container for info_portal_2 content block */
#info_portal {
  position:absolute;
  top:89px;
  left:25px;
  height:380px;
  width:880px;
}

/* content block where information is displayed when clicking on menu buttons */
#info_portal_2 {
  position:absolute;
  top:0px;
  left:25px;
  background-color:#000000; /* dark gray 1f1f1f; */
  height:380px;
  width:822px;
  border-bottom:none;
  border-right-style:inset;
  border-left-style:inset;
  border-top-style:inset;
  border-right-color:#999999;
  border-left-color:#999999;
  border-top-color:#999999;
}

/* content block that contains title and synopsis- has to fit within info_portal_2 */ 
#msg_img {
  position:absolute;
  top:8px;
  left:10px;
  width:210px; /* 320px  */
  border:none;
  height:372px;
}

/* content block that contains title and synopsis- has to fit within info_portal_2 */ 
#msg_intro {
  position:absolute;
  top:3px;
  left:230px;
  width:592px; /* 682  */
  border:none;
  height:89px;
  overflow:auto;
  scrollbar-face-color:#666666; /* 171717 */
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 333333 */
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc; /* 333333 */
}

/* scrollable content block that contains list of audio messages and corresponding files */
#msg_list {
  position:absolute;
  left:230px;
  top:92px;
  width:592px;
  height:288px;
  overflow:auto;
  scrollbar-face-color:#666666; 
  scrollbar-base-color:#999999;   /* 000000  */
  scrollbar-arrow-color:#ffffff;  /* 333 */ 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc;  /* 333333 */
}

/* content block that contains title and synopsis- has to fit within info_portal_2 */ 
#page_intro {
  position:absolute;
  top:3px;
  left:10px;
  width:812px; /* info_portal_2 - left  */
  border:none;
  height:82px;
  overflow:auto;
  scrollbar-face-color:#666666; /* 171717 */
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 7C820F */
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc; /* 7C820F */
}

/* content block that contains listing of announcements/events */
#list_container {
  position:absolute;
  top:42px;
  left:0;
  width:822px;  /* info_portal_2 - left  */
  height:338px;
  border:none;
  margin:0px;
  overflow:auto;
  scrollbar-face-color:#666666; 
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 7C820F */
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc;  /* 7C820F */  
}

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

/* repeating content block(s) that contain corresponding announcement/event text info */
.list_info {
  width:662px;   /* list_container - left - 20px for scroll  */
  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 listing of announcements/events */
#listA_container {
  position:absolute;
  top:0;
  left:0;
  width:400px; 
  border:none;
  margin:0px;
}

#listB_container {
  position:absolute;
  top:0;
  left:401px;
  width:400px; 
  border:none;
  margin:0px;
}

/* content block that contains subtitle */ 
.listA_subintro {
  position:absolute;
  height:22px;
  top:35px;
  left:140px;
  width:261px;
  border:none;
  margin:0;
  padding:0;
  font-size:18px;
  font-weight:bold;
}

.listB_subintro {
  position:absolute;
  height:22px;
  top:35px;
  left:541px;
  width:261px;
/*  left:477px;
  width:397px; */
  border:none;
  margin:0;
  padding:0;
  font-size:18px;
  font-weight:bold;
}

.list2_graphic {
  width:120px;
  height:65px;
  border:none;
  margin: 0 0 10px 10px;
  padding:0;
  float:left;
}

.list2_info {
  left:130px;
  width:260px;
  height:65px;
  border:none;
  margin: 0 0 10px 10px;
  padding:0;
  float:left;
}

/* content block that contains Flash movie or series graphic */
#video {
  position:absolute;
  left:10px;
  top:75px;
  width:328px;
  height:305px;
  text-align:center;
  overflow:auto;
  scrollbar-face-color:#666666; 
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 7C820F */ 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc;  /* 7C820F */
}

/* content block that contains graphic */
#graphic250 {
  position:absolute;
  left:10px;
  top:86px;
  width:250px;
  height:294px;
  text-align:center;
}

/* scrollable content block that contains list of audio messages and corresponding files */
#page_info {
  position:absolute;
  left:230px;
  top:75px;
  width:592px;
  height:305px;
  overflow:auto;
  scrollbar-face-color:#666666; 
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 7C820F */ 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:##999999;  /* 7C820F */
}

/* content block that contains level 3 size graphic */
#page_graphic {
  position:absolute;
  left:10px;
  top:75px;
  width:210px;
  height:305px;
  text-align:center;
  overflow:auto;
  scrollbar-face-color:#666666; 
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 7C820F */ 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc;  /* 7C820F */
}

/* scrollable content block that contains list of audio messages and corresponding files */
#wide_info {
  position:absolute;
  left:266px; 
  top:86px;
  width:556px;
  height:294px;
  overflow:auto;
  scrollbar-face-color:#666666; 
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 7C820F */ 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc;  /* 7C820F */
}

/* scrollable content block that contains list of audio messages and corresponding files */
#info_details {
  position:absolute;
  left:10px;
  top:75px;
  width:812px;
  height:305px;
  overflow:auto;
  scrollbar-face-color:#666666; 
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff;  /* 7C820F */
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc;  /* 7C820F */
}

/* scrollable content block that contains list of dates */
#info_dates {
  position:absolute;
  left:541px;
  top:75px;
  width:281px;
  height:305px;
  text-align:center;
  overflow:auto;
  scrollbar-face-color:#666666;  /* 171717 */
  scrollbar-base-color:#999999; 
  scrollbar-arrow-color:#ffffff; 
  scrollbar-DarkShadow-Color:#000000; 
  scrollbar-highlight-color:#cccccc; 
}

/* content block that contains navigation buttons */
#menu_buttons {
  position:absolute;
  top:12px;
  left:50px;  /* 25px originally  */
  z-index:10;
} 

/* content block that contains navigation buttons for archives menu */
#archives_menu {
  position:absolute;
  top:10px;
  left:10px;
  width:234px;
} 

/* content block that contains navigation buttons for volunteer menu */
#volunteer_menu {
  position:absolute;
  top:10px;
  left:10px;
  width:234px;
} 

/* content block that contains footer info including contact and copyright info */
#footer {
  text-align:center;
  position:absolute;
  top:560px;
  left:0px;
  width:930px;
 }
 
.overlay_stripe {
  width:135px;
  height:600px;
  background-image:url(images/overlay_bkgd.png);
  background-repeat:repeat;
}
  
#left_panel_all {
  position:absolute;
  top:0px;
  left:0px;
  background-image:url(images/left_panel_all.png);
  height:600px;
  width:160px;
  background-repeat:no-repeat;
}

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

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

#left_fade2 {
  position:absolute;
  top:0px;
  left:0px;
  padding:0;
  margin:0;
  width:25px;
  height:465px;  /* 380px originally  */
  background-image:url(images/left_shade.png);
  background-repeat:repeat-y;
}

/* NO LONGER USING THESE SETTINGS
#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;
}
*/

#right_fade2 {
  position:absolute;
  top:0px;
  left:853px;
  padding:0;
  margin:0;
  background-image:url(images/right_shade.png);
  width:25px;
  height:465px;  /* 380px originally  */
  background-repeat:repeat-y;
}

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

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

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

#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:#b3b75e;  /* 545F1D; */
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:22px;
  font-style:normal;
  font-weight:bold;
}

.title_subheading {
  color: #B2b73e;   /* 7B7E3A; */
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:1.125em;
  font-style:normal;
  font-weight:bold;
}

.title_subsubheading {
  color: #81ab3a;   /* 6A6E0D; */
  font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size:1em;
  font-style:normal;
  font-weight:bold;
}

a.title_subheading:link {
  text-decoration:none;
  color:#aed56b;  /* A87E00; */
}

a.title_subheading:visited {
  color:#81ab3a;  /*  794F00; */
  text-decoration:none;
}

a.title_subheading:active {
  color:#ffffff;
  text-decoration:none;
}

a.title_subheading:hover {
  color:#b8d588;
  text-decoration:underline;
}

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

a:link {
  text-decoration:none;
  color:#8bab58;  /*  A87E00; */
}

a:visited {
  color:#9e8845;  /*  8A5A00; */
  text-decoration:none;
}

a:active {
  color:#ffffff;  /*  A86D00; */
  text-decoration:none;
}

a:hover {
  color:#d3b65f;  /*  C49300; */
  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;
  letter-spacing: 1px;
}

a.foot:link {  
	text-decoration:none; 
	color:#FFFFFF;
	}
	
a.foot:visited { 
	text-decoration:none; 
	color:#FFFFFF;
	}
	
a.foot:hover, a.foot:active { 
    font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	text-decoration:underline; 
	color:#333333;
	font-weight:bold;
	}

a.btn_img img:hover {
filter:alpha(opacity=100);
-moz-opacity:0.99;
-khtml-opacity: 0.99;
opacity: 1;
border:0;
}

a.btn_img img {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
border:0;
}

 /* *** 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 */  

/*  menu buttons   */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 14px Arial;
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 824px; /*width of menu*/

}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 1px 0;
width: 199px; 
vertical-align:middle;
}


.ubercolortabs a{
float: left;
color: white;
background: transparent url(images/button_left.png) no-repeat left center; /*default background color of tabs, left corner image*/
text-decoration: none;
letter-spacing: 1px;
width:199px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.7;
-moz-opacity: 0.7;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(images/button_right.png) no-repeat right center; /*right corner image*/
padding: 1px 0;
cursor: pointer;
text-align:center;
height:34px;
line-height: 34px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.7;
-moz-opacity: 0.7;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
color: #ffffff !important; /*text color of hover item*/
text-decoration: underline;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.ubercolortabs a:hover span{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

/*  menu buttons   */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ar_ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ar_ubercolortabs ul{
font: bold 14px Arial;
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 230px; /*width of menu*/

}

.ar_ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 1px 0;
width: 209px; 
vertical-align:middle;
}


.ar_ubercolortabs a{
float: left;
color: white;
background: transparent url(images/button_left.png) no-repeat left center; /*default background color of tabs, left corner image*/
text-decoration: none;
letter-spacing: 1px;
width:209px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.7;
-moz-opacity: 0.7;
}

.ar_ubercolortabs a span{
float: left;
display: block;
background: transparent url(images/ar_button_right.png) no-repeat right center; /*right corner image*/
padding: 1px 0;
cursor: pointer;
text-align:center;
height:34px;
line-height: 34px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.7;
-moz-opacity: 0.7;
}

.ar_ubercolortabs a span{
float: none;
}


.ar_ubercolortabs a:hover, .ubercolortabs li.selected a{
color: #ffffff !important; /*text color of hover item*/
text-decoration: underline;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.ar_ubercolortabs a:hover span{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

/* DynamicDrive.com content slider for staff picks descriptions */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 460px; /*width of featured content slider*/
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 180px;  /*leave as is*/
top: 14px;  /*leave as is*/
width: 280px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 274px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
padding-left:0;
overflow: auto; 
}

.pagination{
width: 460px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 288px;
text-align: left;
}

.pagination a{
text-decoration: none; 
color:#A87E00;
}

.pagination a:hover, .pagination a.selected{
color:#C49300;
text-decoration: underline;
}

/* DynamicDrive.com content slider for turningpoint group descriptions */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.tp_sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 460px; /*width of featured content slider*/
}

.tp_sliderwrapper .tp_contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 180px;  /*leave as is*/
top: 14px;  /*leave as is*/
width: 280px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 312px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
padding-left:0;
overflow: hidden; 
}

.tp_pagination{
width: 460px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 312px;
text-align: left;
}

.tp_pagination a{
text-decoration: none; 
color:#A87E00;
}

.tp_pagination a:hover, .tp_pagination a.selected{
color:#C49300;
text-decoration: underline;
}