/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   	vertical-align: top; removed from block by us
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* Colors

BMD dark blue #003355
BMD mid blue #3377aa
BMD light blue #66aaee
BMD really light blue #ddeeff

BMD orange #ff5500

BMD gray #333333

 */


/* @group Structure */

body, html {
	background: #00395b url(../bmd-images/bmd-page-bg.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
}


#nav {
	margin: 0px;
	width: 960px;
	float: left;
	clear: both;
}

#elevator {
	float: left;
	clear: both;
	background: url(../bmd-images/elevator-bg.jpg) center top;
	width: 960px;
	height: 216px;
}

#elevator-folio {
	float: left;
	clear: both;
	background: url(../bmd-images/elevator-folio-bg.jpg) center top;
	width: 960px;
	height: 108px;
}

#elevator-blog {
	float: left;
	clear: both;
	background: url(../bmd-images/elevator-blog-bg.jpg) center top;
	width: 960px;
	height: 128px;
}

#elevator-invite {
	float: left;
	clear: both;
	background: url(../baseball/images-bmd/classic-park.jpg) center top;
	width: 960px;
	height: 285px;
}

#srch {
    float: left;
    clear: both;
    width: 960px;
    height: 81px;
	background-image: url(../bmd-images/search-bg.jpg);
}

#content {
	float: left;
	clear: both;
}

#feature {
	float: left;
	clear: both;
	margin-bottom: 20px;
}

#footer {
	float: left;
	clear: both;
	margin-bottom: 20px;
}


#footer p {
	color: #000000;
	font: normal 11px/18px Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

.clearl {
	clear: left;
}

/* @end */

/* @group Backgrounds */

.bg-gray {
	background-image: url(../bmd-images/bg-gray.jpg);
	display: block;
	height: 175px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.bg-ltblue {
	background-color: #ddeeff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* @end */

/* @group Typography */

#elevator h1 {
	color: #ffffff;
	font: bold 40px/48px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 30px 0px 0px 40px;
}

#elevator-folio h1 {
	color: #ffffff;
	font: bold 40px/48px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 30px 0px 0px 40px;
}

#elevator-invite h1 {
	color: #ffffff;
	font: bold 40px/48px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 30px 0px 0px 40px;
}
#content h1, #content h2, #content h3 {
	color: #333333;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-weight: bold;
	padding: 5px 0px 10px 10px;
}

#content h1 {
	font-size: 24px;
}

#content h2 {
	font-size: 18px;
}

#content h3 {
	color: #3377aa;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}

#content p {
	color: #333333;
	font: normal 14px/21px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 0px 0px 10px 10px;
}

#content hr {
	float: left;
	clear: both;
	border: none 0;
	border-top: 1px solid #ff5500;	
	width: 99%;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#content hr.portfolio-rule {
	float: left;
	clear: both;
	border: none 0;
	border-top: 1px solid #888888;	
	width: 99%;
	height: 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#content ul, #content li, #content ol {
	color: #333333;
	font: normal 14px/21px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 0px 0px 10px 5px;
}



#feature h1 {
	color: #003355;
	padding: 10px 20px 10px 0px;
	font: normal 14px/17px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#feature h2, #feature h3 {
	color: #333333;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 0px;
	font-weight: bold;
}

#feature h2 {
	font-size: 18px;
}

#feature h3 {
	font-size: 16px;
}

#feature p {
	color: #333333;
	font: normal 14px/21px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

#feature ul, #feature ol {
	color: #000000;
	font: normal 12px/18px Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 5px 5px 5px;
}

#feature li {
	padding-top: 2px;
}

#feature hr {
	float: left;
	clear: both;
	border: none 0;
	border-top: 1px solid #ff5500;	
	width: 99%;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#footer p {
	color: #000000;
	font: normal 11px/17px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 0px 0px 10px 10px;
}

#contactfrm p {
	color: #000000;
	font: normal 12px/17px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 3px;
}


#sidebar ul, #sidebar ol {
	color: #000000;
	font: normal 12px/18px Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 5px 5px 5px;
}

#sidebar li {
	padding-bottom: 8px;
}

#sidebar p {
	color: #000000;
	font: normal 12px/17px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 3px 5px 3px 10px;
}

#content #sidebar hr {
	float: left;
	clear: both;
	border: none 0;
	border-top: 1px solid #ff5500;	
	width: 280px;
	height: 1px;
	margin: 10px 0px 14px 10px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}
.bmd-rule {
	float: left;
	clear: both;
	height: 40px;
	width: 940px;
	margin-bottom: 20px;
	background-image: url(../bmd-images/hr-bmd.gif);
}

ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 5px;
}

ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 5px;
}

.sml {
	color: #000000;
	font: normal 10px/12px Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

.ovrstrk {text-decoration:line-through;
}

/* @end */


/* @group Links */

a:link {
	color: #003355;
}

a:visited {
	color: #3377aa;
}

a:hover {
	color: #003355;
}

a:active {
	color: #003355;
}

#feature a:link {
	color: #003355;
}

#feature a:visited {
	color: #003355;
}

#feature a:hover {
	color: #003355;
	background-color: #ddeeff;
}

#feature a:active {
	color: #003355;
	background-color: #ddeeff;
}

#footer a:link {
	color: #003355;
}

#footer a:visited {
	color: #3377aa;
}

#footer a:hover {
	color: #003355;
	background-color: #ddeeff;
}

#footer a:active {
	color: #003355;
	background-color: #ddeeff;
}



/* @end */


/* @group Elements */

img.mat {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 4px;
}

.icon {
	float: left;
	padding: 0px 15px 0px 0px;
}

.pad-10{
	padding-left: 10px;
}

.pad-20{
	padding-left: 20px;
}

.bak2top {
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #cccccc;
	padding: 4px;
	z-index: 1200
}

.wr_fieldset {
width: 620px; 
margin: 12px 30px 12px 30px;
padding: 0; }

.wr_fieldset fieldset {
border: 1px solid #cccccc; }

.wr_fieldset legend {
margin: 0 10px 0 10px;
padding: 0 5px 0 5px;
color: #000000;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 8px; }

.quotebox {
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
}

/* Floating boxes, good for photos with captions or similar */


div.floatl {
  float: left;
  }
  
div.floatl p {
   text-align: left;
   width: 265px;
   }

div.floatr {
  float: right;
  }
  
div.floatr p {
   text-align: center;
   width: 265px;
   }
   
#scrollbox {
width:400px;
height:300px;
overflow: auto
}

/* @end */


/* @group E-comm */

/* Styles for Mal's e-commerce tables currently in most of my Excel TDF masters; probably should revisit these on site-by-site basis */

.ptcol {border-bottom: 1px solid #000000; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ptfrm {border-bottom: 1px solid #cccccc; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}

.pthdr1 .pthdr {font-size: 14px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


/* @end */

/* @group Tables */

/* Applies global padding and paragraph styles to entire table. Normally used for forms or tabular data within the main layout table so you do not need to add paragraph or other styles to each td */

table.frm td {
	padding: 1px; 
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}
	
.tblborder {
	border: 1px solid #000000;
	border-collapse: collapse;
}

	
/* Add following as a table class="cellbkgrnd" for applying table cell backgrounds using tablestyle name="Alt Background By Style w/o formatting */

.cellbkgrnd {background-color: #cccccc;}

/* Adding bkground images to table cells or divs for announcement boxes or similar; commented out below until needed */

/* .bg1 {background: white url(images/divheader.gif) no-repeat top left; width: 236px; padding: 48px 10 10 10; border: 1px solid #548dab; border-collapse: collapse; text-align: left;} */

/* @end */

/* @group 960 */

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	background-color: #ffffff;
	overflow: auto;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3
{
	width: 220px;
}

.container_12 .grid_6
{
	width: 460px;
}

.container_12 .grid_9
{
	width: 700px;
}

.container_12 .grid_12
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3
{
	padding-left: 240px;
}

.container_12 .prefix_6
{
	padding-left: 480px;
}

.container_12 .prefix_9
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 80px;
}

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3
{
	padding-right: 240px;
}

.container_12 .suffix_6
{
	padding-right: 480px;
}

.container_12 .suffix_9
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}



/* @end */

/* @group search */


/* search form 
-------------------------------------- */
#srch .searchform {
    float: right;
    }

.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	margin: 28px 15px 0px 0px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #ffffff;
	padding: 6px 6px 6px 8px;
	width: 180px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #ffffff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}



/* @end */