/*
                                DEFAULT.CSS

=============================================================================
  OVERVIEW:
=============================================================================
  This stylesheet defines all styles for the default ecredco web site.  It
  overrides and extends the Yahoo! User Interface (YUI) core stylesheets:
   - reset.css: resets all css styles for cross-browser compatibility
   - fonts.css: sets default font sizes
   - grids.css: defines common column layouts
  Please see http://developer.yahoo.com/yui for complete documentation.
  The following YUI css file combines and minifies the three stylesheets
  mentioned above, and is referenced in the ecredco.Master page:
   - reset-fonts-grids.css
  The reset-fonts-grids.css file should never be edited.  Any of its settings
  can be overwritten in this file.

=============================================================================
  ORGANIZATION:
=============================================================================
  This file is organized into logical sections, each with a name in capital
  letters beginning with an underscore (e.g. _EXAMPLE).  To quickly locate a
  section, search for the section name with the initial underscore to avoid
  finding tags/classes/selectors with the same name.

  The sections (with initial underscore removed) are:
   - OVERRIDES
   - GLOBAL_TAGS
   - TEXT
   - LINKS
   - HELPERS
   - SPRITES
   - HEADER
   - PRIMARY NAVIGATION
   - BODY
   - FOOTER
   - CONTAINERS
   - MODAL_POPUP_DIALOGS
   - GRIDS_TABLES
   - FORMS
   - LISTS
   - <PAGE_OR_FEATURE_NAME>
   - ELEMENT_IDS

  To jump quickly from section to section, search for _SECTION.

=============================================================================
  FONTS:
=============================================================================
  Per Yahoo! recommendations, specify all font sizes in percentages, which
  render more consistently across browsers, and scale properly when users
  resize text.  Use the chart below to determine the correct percentage to
  use, and only use values from the chart if possible.  Do not use
  pixels (px), points (pt), ems (em), or any other unit.  Ems can be used
  for margins and line heights.

  Pixel  =  Percentage
  --------------------
  10px   =  77%
  11px   =  85%
  12px   =  93%
  13px   =  100%
  14px   =  108%
  15px   =  116%
  16px   =  123.1%
  17px   =  131%
  18px   =  138.5%
  19px   =  146.5%
  20px   =  153.9%
  21px   =  161.6%
  22px   =  167%
  23px   =  174%
  24px   =  182%
  25px   =  189%
  26px   =  197%

=============================================================================
  NAMING:
=============================================================================
  CSS selector/class names are intentionally kept short to minimize file
  size.  To keep the system as generic as possible, commonly used classes and
  their variations are given sequential numeric identifiers.  For example,
  .grid1 and .grid2 define different layouts for a GridView control, but they
  are named generically because they may look completely different in another
  Theme.  A cheat sheet with screenshots of all common layouts is available
  at: TODO: Create cheat sheet and reference here

=============================================================================
  PERFORMANCE:
=============================================================================
  The YUI CSS file is minified for performance reasons.  All other
  styles are defined in this css file, so clients do not have to download
  multiple stylesheets.  An additional stylesheet, ie.css, is loaded
  conditionally for IE browsers (see ie.css for more information).
*/

/*===========================================================================*\
    _SECTION_OVERRIDES: Overrides styles defined in YUI reset-fonts-grids.css
\*===========================================================================*/

body
{
	/* DO NOT override the default font here, it will affect the width of the
	   main content area in IE (but not Firefox).  If you need to override
	   the default font, set it in the #doc4 style below. */
}

body.home, body.membership
{
    background: #000 url(../img/bg/main.jpg) no-repeat scroll top center;
}

body.sports-snowboarding
{
    background: #000 url(../img/bg/sports-snowboarding.jpg) no-repeat scroll top center;
}

body.sports-skateboarding
{
    background: #000 url(../img/bg/sports-skateboarding.jpg) no-repeat scroll top center;
}

body.sports-bmx
{
    background: #000 url(../img/bg/sports-bmx.jpg) no-repeat scroll top center;
}

body.sports-inline
{
    background: #000 url(../img/bg/sports-inline.jpg) no-repeat scroll top center;
}

body.sports-kayak
{
    background: #000 url(../img/bg/sports-kayak.jpg) no-repeat scroll top center;
}

body.sports-kiteboarding
{
    background: #000 url(../img/bg/sports-kiteboarding.jpg) no-repeat scroll top center;
}

body.sports-motocross
{
    background: #000 url(../img/bg/sports-motocross.jpg) no-repeat scroll top center;
}

body.sports-mountainbiking
{
    background: #000 url(../img/bg/sports-mountainbiking.jpg) no-repeat scroll top center;
}

body.sports-climbing
{
    background: #000 url(../img/bg/sports-climbing.jpg) no-repeat scroll top center;
}

body.sports-skiing
{
    background: #000 url(../img/bg/sports-ski.jpg) no-repeat scroll top center;
}

body.sports-skydiving
{
    background: #000 url(../img/bg/sports-skydiving.jpg) no-repeat scroll top center;
}

body.sports-surfing
{
    background: #000 url(../img/bg/sports-surfing.jpg) no-repeat scroll top center;
}

body.sports-surfing-2
{
    background: #000 url(../img/bg/sports-surfing-2.jpg) no-repeat scroll top center;
}

body.sports-wakeboarding
{
    background: #000 url(../img/bg/sports-wakeboarding.jpg) no-repeat scroll top center;
}

body.aboutus
{
    background: #000 url(../img/bg/aboutus.jpg) no-repeat scroll top center;
}

/*===========================================================================*\
    _SECTION_GLOBAL_TAGS: Defines global styles after YUI reset applied
\*===========================================================================*/

h1{font-size:138.5%;  margin-top:20px; margin-bottom:12px;}
h2{font-size:123.1%; margin:1em 0px;}
h3{font-size:108%; margin:1em 0px;}
h4{font-size:93%;} /* used for all sub headers */
h5{font-size:85%;}
h1,h2,h3,h4,h5,h6{font-weight:bold}
p{margin-bottom:1em; font-size: 93%; line-height:18px; color: #666;}
a:active,a:link,a:visited{text-decoration:underline; color: #69c;}
a:hover{text-decoration:underline; color: #f93;}
strong{font-weight:bold; color: #666;}
em{font-style:italic}
/*
ul,ol,dl{margin:1em 0 1em 2em; color: #bbb;}
ol li,ul li{list-style-position:outside}
ol li{list-style-type:decimal}
ul li{list-style-type:disc; color: #bbb;}
*/
dl dd{margin-left:1em}
th,caption{text-align:center}
th{font-weight:bold}
caption{margin-bottom:0.5em}
textarea{font:normal 100% arial}
blockquote{margin:0px 18px;}
hr { color:#E5E5E5; height: 1px; border: none; background: #E5E5E5;}
table{}
table td{border: 0; padding: 4px 0 4px 4px;}

/*===========================================================================*\
    _SECTION_HELPERS: Shortcuts to commonly used styles
\*===========================================================================*/

.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.display-none {display:none;}
.display-block {display:block;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.valign-top {vertical-align:top;}
.valign-middle {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}
.border-none {border: solid 0px #fff;}

#doc4
{
	color: #fff;
}

/*===========================================================================*\
    _SECTION_HEADER: Defines the structure and appearance of the header
\*===========================================================================*/
/* Header Structure */
#hd
{
	margin: 0; /* To match settings defined in #bd */
	left: 0;
	position: relative;
	top: 0;
	/*width: 974px;*/
	width: 100%;
}

#hd-nav
{
    background: #000 url(../img/nav/bg.gif) repeat-x fixed top center;
	height: 27px;
	padding: 8px 45px 1px 0px;
}

#hd-nav-login
{
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

#hd-logo
{
	height: 137px;
	margin-left: auto;
	margin-right: auto;
    padding-top: 28px;
	width: 860px;
}

/* Header Apperance */

#hd-nav a
{
  padding-right: 24px;
  /*margin-right: 26px;*/
  text-decoration: none;
}

#hd-nav a:hover
{
    text-decoration: underline;
}

#hd-nav .icon
{
    padding: 0 6px 0 0px;
}

#hd-nav .loginbutton
{
    padding: 0 6px 0 10px;
}

#hd-nav .musicbutton
{
    padding: 0 10px 0 0px;
}

#hd-sports
{
    background-color: #363636;
    display: none;
    height: auto;
    padding-left: 13px;
    position: relative;
    text-align: left;
    width: 210px;
}

#hd-sports ul
{
    margin: 0px;
    padding: 0px;
}

#hd-sports li
{
    float: left;
    width: 100px;
    padding-top: 2px;
    margin: 0px;
}

#hd-sports a
{
    color: #bdbdbd;
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 93%;
    text-decoration: none;
}

#hd-sports a:hover
{
    text-decoration: underline;
}

#hd-sports-hide
{
    background-color: #363636;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    text-align: right;
}

#hd-sports-hide a
{
    color: #bdbdbd;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 77%;
    text-decoration: none;
}

#hd-sports-hide a:hover
{
    text-decoration: none;
}

#hd-sports-hide img
{
    text-align: center;
    vertical-align: middle;
}

#hd-login
{
    background-color: #363636;
    display: none;
    height: auto;
    padding-left: 13px;
    position: relative;
    text-align: left;
    width: 240px;
}

#hd-music
{
    background-color: #363636;
    display: none;
    height: auto;
    padding-left: 13px;
    position: relative;
    text-align: left;
    width: 290px;
}



/*===========================================================================*\
    _SECTION_BODY_HOME: Defines the appearance of the body content on homepage
\*===========================================================================*/
/* Body Structure */
#bd
{
	width: 974px;
	padding-bottom: 20px;
}




/*===========================================================================*\
    _SECTION_BODY_INTERIOR: Defines the appearance of the body content on interior pages
\*===========================================================================*/

/* Body Structure */

#bd-main
{
	margin: 15px 0 0 0;
}




/*===========================================================================*\
    _SECTION_FOOTER: Defines the structure and appearance of the footer
\*===========================================================================*/
/* Footer Structure */
#ft
{
	left: 0;
	position: relative;
	top: 0;
	/*width: 974px;*/
	width: 100%;
    background-image: url(../img/footer/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
	padding: 20px 0 0 0;
}

#ft-top
{
	margin-left: auto;
	margin-right: auto;
	width: 860px;
}

#ft-bottom
{
    color: #555;
    font-size: 77%;
    padding: 30px 0 40px 0;
	margin: 0 0 20px 33px;
}

/* Footer Apperance */

#ft-top a
{
  color: #bdbdbd;
  font-size: 85%;
  text-decoration: none;
}

#ft-top a:hover
{
    text-decoration: underline;
}

#ft-top ul
{
    line-height: 1.3em;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}
 
#ft-top li
{
    list-style: none;
    margin: 0;
    padding: 0 20px 0 0;
}

#ft-top ul.multicol
{
    float: left;
    width: 400px;
}
 
#ft-top li.multicol
{
    float: left;
    width: 85px;
}

#ft-bottom a
{
    color: #3199c0;
    text-decoration: none;
    padding: 0 5px 0 0;
}

#ft-bottom a:hover
{
    text-decoration: underline;
}





.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#252525; margin:0 5px;}
.b2f {height:1px; background:#252525; margin:0 3px;}
.b3f {height:1px; background:#252525; margin:0 2px;}
.b4f {height:2px; background:#252525; margin:0 1px;}
.contentf {background: #252525;}
.contentf div {padding: 10px;}

.b1f-60, .b2f-60, .b3f-60, .b4f-60{font-size:1px; overflow:hidden; display:block;}
.b1f-60 {height:1px; background:#000; filter:alpha(opacity=60);opacity:0.6;-moz-opacity: 0.60; margin:0 5px;}
.b2f-60 {height:1px; background:#000; filter:alpha(opacity=60);opacity:0.6;-moz-opacity: 0.60; margin:0 3px;}
.b3f-60 {height:1px; background:#000; filter:alpha(opacity=60);opacity:0.6;-moz-opacity: 0.60; margin:0 2px;}
.b4f-60 {height:2px; background:#000; filter:alpha(opacity=60);opacity:0.6;-moz-opacity: 0.60; margin:0 1px;}

.b1f-80, .b2f-80, .b3f-80, .b4f-80{font-size:1px; overflow:hidden; display:block;}
.b1f-80 {height:1px; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity: 0.80; margin:0 5px;}
.b2f-80 {height:1px; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity: 0.80; margin:0 3px;}
.b3f-80 {height:1px; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity: 0.80; margin:0 2px;}
.b4f-80 {height:2px; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity: 0.80; margin:0 1px;}
/*
.contentf {background: #000; filter:alpha(opacity=60);opacity:0.6;-moz-opacity: 0.60;}
.contentf div {padding: 10px;}
*/


/*===========================================================================*\
    _SECTION_HOME: Styles for home page
\*===========================================================================*/
#bd-home-left #video
{
    background-color: #000000;
    /*margin: 10px;*/
}

#bd-home-left p.title
{
    color: #f3471b;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: large;
    margin: 0px 0px 10px 0px;
}

#bd-home-left p
{
    color: #bbb;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#bd-home-left hr
{
    color: #898989;
    margin: 20px 0px 20px 0px;
}

#bd-home-left-blog h2
{
    color: #f3471b;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: large;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

#bd-home-left-blog a.title
{
    color: #f3471b;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: large;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    text-decoration: none;
}

#bd-home-left-blog a.title:hover
{
    text-decoration: underline;
}

#bd-home-left-blog .posted a
{
    color: #f1592a;
    text-decoration: none;
}

#bd-home-left-blog .posted a:hover
{
    text-decoration: underline;
}

#bd-home-left-blog .spacer
{
    padding: 0 3px 0 3px;
}

#bd-home-left-blog .fb_share_size_Small{vertical-align:top}
#bd-home-left-blog .fb_share_count_nub_right{background-image:url(../img/nub.png)!important}
#bd-home-left-blog .sharelinks iframe{float:left;margin-top:1px;background:transparent!important}
#bd-home-left-blog .sharelink iframe body{background-color:Transparent}
#bd-home-left-blog .sharelinks
{
    min-height:21px;
    margin: -5px 0 5px 0;
}


#bd-home-right
{
    float: right;
    padding-right: 50px;
    width: 350px;
}

#bd-home-right .slogan
{
    padding: 0 5px 0 10px;
}

#bd-home-right-bottom
{

}

#bd-home-right-bottom h3
{
    color: #00aeef;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: large;
    margin-top: 8px;
}

#bd-home-right-bottom .sectiontitle
{
    background-color: #252525;
    border-top: solid 1px #515151;
    border-bottom: solid 1px #515151;
    height: 37px;
    padding-left: 10px;
}

#bd-home-right-bottom-newestmembers
{
    padding:10px 20px 0 20px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#bd-home-right-bottom-newestmembers .line-1
{
    border-bottom: dashed 1px #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#bd-home-right-bottom-newestmembers .line-1 a
{
    color: #f1592a;
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
}

#bd-home-right-bottom-newestmembers .line-1 a:hover
{
    text-decoration: underline;
}

#bd-home-right-bottom-newestmembers .line-2
{
    color: #ccc;
    font-size: 77%;
    padding-top: 2px;
}

/*

#bd-home-right-bottom #newestmembers span
{
    font-size: 77%;
    color: #ccc;
}

#bd-home-right-bottom #newestmembers a
{
    color: #f1592a;
    font-weight: bold;
    text-decoration: underline;
}

#bd-home-right-bottom #newestmembers a:hover
{
    color: #00aeef;
}
*/


#bd-home-right-bottom #partners
{
    color: #ccc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    padding:10px 20px 20px 20px;
}



#bd-home-right-bottom .sectiontitle img
{
    margin-top: 10px;
}




/*===========================================================================*\
    _SECTION_STATIC: Styles for static master page
\*===========================================================================*/
#bd-static-left
{
    padding-right:50px;
}

#bd-static-left-content
{
    padding: 0 10px 10px 5px;
}

#bd-static-left-content span.title
{
    color: #fff;
    font-weight: bold;
}

#bd-static-left-content p
{
    color: #bbb;
}

#bd-static-left-content .logo
{
    float:left;
    padding-right: 10px;
}

#bd-static-left-content ul, ol
{
    margin: 1em 0 1em 2em;
}

#bd-static-left-content ol li, ul li
{
    list-style-position: outside;
}

#bd-static-left-content ol li
{
    list-style-type: decimal;
}

#bd-static-left-content li
{
    color: #bbb;
}

#bd-static-left-content-links
{
    float: right;
}

#bd-static-left-content-links span
{
    padding: 0 5px 0 5px;
    font-size: 77%;
}

#bd-static-right
{
}

#bd-static-right .quote
{
    padding: 10px;
}

#bd-static-right-sectiontitle
{
    background-color: #252525;
    border-top: solid 1px #515151;
    border-bottom: solid 1px #515151;
    height: 37px;
    padding-left: 10px;
}

#bd-static-right-sectiontitle img
{
    margin-top: 12px;
}

#bd-static-right-newestmembers
{
    padding:10px 20px 15px 20px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#bd-static-right-newestmembers span
{
    font-size: 77%;
    color: #ccc;
}

#bd-static-right-newestmembers a
{
    color: #f1592a;
    font-weight: bold;
    text-decoration: underline;
}

#bd-static-right-newestmembers a:hover
{
    color: #00aeef;
}

#bd-static-right-newestmembers .line-1
{
    border-bottom: dashed 1px #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#bd-static-right-newestmembers .line-1 a
{
    color: #f1592a;
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
}

#bd-static-right-newestmembers .line-1 a:hover
{
    text-decoration: underline;
}

#bd-static-right-newestmembers .line-2
{
    color: #ccc;
    font-size: 77%;
    padding-top: 2px;
}




/*===========================================================================*\
    _SECTION_SPORTS: Styles for sports master page
\*===========================================================================*/
#bd-sports-left
{
    padding-right:50px;
}

#bd-sports-left-subtitle
{
    color: #d7d7d7;
    font-size: large;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#bd-sports-left-content
{
    padding-right: 30px;
}

#bd-sports-left-content p
{
    color: #ebebeb;
}

#bd-sports-left-content ul
{
	color: #ebebeb;
	display: inline-block;
	list-style: none;
	line-height: normal;
	margin-left: 17px;
	padding-bottom: 10px;
	padding-left: 6px;
}
#bd-sports-left-content li
{
	background-image: url(../img/bullet-white.gif);
	background-position: 0 .6em;
	background-repeat: no-repeat;
 	line-height: 20px;
    padding: 0 5px 5px 10px;
}

#bd-sports-left-interact
{
    
}

#bd-sports-left-interact .title
{
    color: #85b4c7;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 123.1%;
    font-size: 131%;
    font-weight: bold;
}

#bd-sports-left-interact #tabs
{
    background-color: #000;
    background-image: none;
    border: none;
    margin: 10px 0 0 0;
    padding: 0px;
    width: 206px;
}

#bd-sports-left-interact #tabs ul
{
    border: none;
    margin: 0px;
    padding: 0px;
}

#bd-sports-left-interact #tabs li
{
    border: none;
    margin: 0px;
    padding: 0px;
    top: 0px;
}

#bd-sports-left-interact #tabs a
{
    padding: 0px;
}

#bd-sports-left-interact #tabs span
{
}

#bd-sports-left-interact #tabs .line-1
{
    border-bottom: dashed 1px #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#bd-sports-left-interact #tabs .line-1 a
{
    color: #f1592a;
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
}

#bd-sports-left-interact #tabs .line-1 a:hover
{
    text-decoration: underline;
}

#bd-sports-left-interact #tabs .line-2
{
    color: #ccc;
    font-size: 77%;
    padding-top: 2px;
}

#bd-sports-right
{
}

#bd-sports-right-img
{
    padding: 3px 0 10px 0;
    text-align: center;
}

#bd-sports-right-content
{
}

#bd-sports-right-sectiontitle
{
    background-color: #252525;
    border-top: solid 1px #515151;
    border-bottom: solid 1px #515151;
    /*height: 55px;*/
    padding-left: 10px;
}

#bd-sports-right-sectiontitle img
{
    margin-top: 12px;
}

#bd-sports-right-sectiontitle h2
{
    color: #85b4c7;
    margin: 0px;
    padding: 5px 0 5px 0;
}

#bd-sports-right-ministries
{
    padding-top: 10px;
    padding-bottom: 20px;
}

#bd-sports-right-ministries span
{
	font-size: xx-small;
	font-family: Arial;
}

#bd-sports-right-ministries ul
{
	color: #ebebeb;
	display: inline-block;
	list-style: none;
	line-height: normal;
	padding-bottom: 50px;
	padding-left: 6px;
}

#bd-sports-right-ministries li
{
 	line-height: 20px;
    padding: 0 5px 5px 10px;
}

#bd-sports-right-ministries li a
{
    color: #04a6e3;
    font-size: 85%;
}

#bd-sports-right-ministries li a:hover
{
    color: #ebebeb;
}

#bd-sports-right-ministries p
{
    border-bottom: dashed 1px #e1e1e1;
    border-top: dashed 1px #e1e1e1;
    margin: 0 15px 0 15px;
    padding: 3px;
    color: #fff;
    font-size: 77%;
    font-family: Verdana;
}




/*===========================================================================*\
    _SECTION_MEMBERSHIP: Styles for membership master page
\*===========================================================================*/
#bd-membership
{
}

#bd-membership-nav
{
    padding: 0 0 5px 0;
}

#bd-membership-nav ul
{
    margin: 0.25em 0;
    padding: 0 1em;
    list-style: none;
}

#bd-membership-nav li
{
    display: inline;
    margin: 0;
    padding: 0 6px 0 10px;
    background: url(../img/splitter.png) left bottom no-repeat;
}

#bd-membership-nav a
{
    margin-left: 1px; /* Width of the graphic */
}

#bd-membership-nav .first
{
    padding-left: 0;
    background: none;
}

#bd-membership-nav .first a
{
    margin-left: -5px;
}




/*===========================================================================*\
    _SECTION_ILIKE: Styles for iLike music player
\*===========================================================================*/
#ilike-dialog
{
    display: none;
}

#ilike-popup
{
    padding: 10px;
}


/*===========================================================================*\
    _SECTION_TRANSPARENCY: Core transparency styling
\*===========================================================================*/

/* 	
		basic transparent block
		firefox, opera, chrome use opacity property
		ie6, 7, 8 use the alpa filter
		ie6 ignores the filter unless the block has a width set
		default here is 50% transparency but can be overridden on a case-by-case basis
*/
.transparent-60
{
	background: #000;
	opacity: .60;
	filter: alpha(opacity=60);
	width: 100% !important;
}

.transparent-80
{
	background: #000;
	opacity: .80;
	filter: alpha(opacity=80);
	width: 100% !important;
}

/* 
	place a wrapper around the content to be transparent
	set position to relative so the child elements can be absolutely positioned
	the height of this wrapper mus be set in order for ie6 to stretch the child element to full height
	overflow:hidden is added for ie6 to ensure that that child element is cropped by the wrapper
*/
.transparent_wrapper
{
	position: relative;
	height: 100%; 
	overflow: hidden;
}
	
/* 
	this should be used to extend .transparent
	position the transparent child element absolutely and add the height so that it fills the container 
	ie6 filas on 100% height so we add a specific value for it
	all other browsers obey the !important height - ie6 incorrectly ignores this declaration and 
	uses the height set after the !important declaration
*/
.transparent_bgrd
{	
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100% !important;
	height: 9000px;
	margin-top:5px;
}
	
/*
	position to opaque content child element to the top of the wrapper but use relative positioning so the
	wrapper expands as the text content expands
*/
.opaque_content
{
	position: relative;
	color: #fff;
	top: 0;
	z-index: 2;
}

.pagetitle
{
    padding: 5px 0 5px 5px;
}

.subtitle
{
    padding: 5px 0 5px 0px;
}

.pyramid
{
    padding-left: 100px;
}

.small-italic
{
    color: #ccc;
	font-size: x-small;
	font-style: italic;
}


@font-face {
	font-family: 'MyriadProBoldCondensed';
	src: url('MyriadPro-BoldCond.eot');
	src: local('MyriadProCond-Bold'),
	     url('MyriadPro-BoldCond.svg#MyriadProCond-Bold') format('svg'),
	     url('MyriadPro-BoldCond.ttf') format('opentype');
}

h1
{
    color: #f3471b;
    font-family: "MyriadProBoldCondensed";
    font-size: xx-large;
    font-weight:normal;
    margin: 0px;
}

h2
{
    color: #85b4c7;
    margin: 0 0 0 5px;
}

h3
{
    color: #73a2be;
    font-size: 93%;
    margin: 10px 0 0 0;
}