/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Latest Revisions: 
	- 7/31/06 :: DAB

-------------------------- </revisions> --------------------------- */

body { 
	font-family: Georgia, Times New Roman, Times, Serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	}

.body {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	padding: 0;
	margin: 0;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font-family: Georgia, Times New Roman, Times, Serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	}

p {
	margin: 0;
	padding: 0;
	line-height: 20px;
	}
	
h1 {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 15px;
	}

h2 {
	font-weight: bold;
	font-size: 11px;
	color: #ff881d;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	}

h3 {
	font-weight: bold;
	font-size: 10px;
	color: #ff881d;
	padding: 0;
	padding-bottom: 5px;
	text-transform: lowercase;
	}
	
a:link, a:visited {
	text-decoration: underline;
	color: #7e8aa2;
	}
	
a:hover, a:active {
	text-decoration: none;
	color: #7e8aa2;
	}

/* ----------------------- <genClasses> --------------------------- */
.wrap {
	/*background: url(images/bg_banner.gif) top left no-repeat;*/
	width: 756px;
	margin: auto;
	}

.banner_right p {
	text-align: right;
	}

p.topcta {
	padding-top: 13px;
	}

p.searchinfo {
	padding-top: 8px;
	padding-right: 15px;
	vertical-align: middle;
	}

input.text {
	font-size: 11px;
	padding: 2px;
	width: 118px;
	margin-right: 6px;
	border: solid 1px #e3e3e3;
	}

.main_nav {
	padding-top: 15px;
	}

.footer {
	background: url(images/bg_footer.jpg) top left no-repeat;
	padding-top: 22px;
	margin-top: 40px;
	}

.footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #bec4d0;
	}

.footer a:link, .footer  a:visited {
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #bec4d0;
	}
	
.footer  a:hover, .footer  a:active {
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #bec4d0;
	}

.footer_left {
	width: 200px;
	float: left;
	}

.footer_right {
	float: right;
	}
/* ----------------------- </genClasses> --------------------------- */

/* ----------------------- <home> --------------------------- */
.content {
	width: 732px;
	margin: auto;
	background: url(images/banner_shadow.jpg) top left no-repeat;
	}

table.sections {
	margin: 25px auto;
	width:100%
	}

.consulting {
	/*background: url(images/icon_cons.jpg) top left no-repeat;
	padding-left: 32px;*/
	padding-top: 9px;
	margin-left: 7px;
/*	margin-top: 25px;*/
	width: 220px;
	}

.consulting_content {
	background: url(images/border.gif) top left repeat-x;
	}

.consulting_content p {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
	}

.outsourcing {
	/*background: url(images/icon_outs.jpg) top left no-repeat;
	padding-left: 38px;*/
	padding-top: 9px;
	margin-left: 25px;
	width: 220px;
	}

.outsourcing_content {
	background: url(images/border.gif) top left repeat-x;
	}

.outsourcing_content p {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
	}
	

.solutions {
/*	background: url(images/icon_software.jpg) top left no-repeat;
	padding-left: 38px;*/
	padding-top: 9px;
	margin-left: 25px;
	width: 220px;
	}

.solutions_content {
	background: url(images/border.gif) top left repeat-x;
	}

.solutions_content p {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
	}

p.navigation {
	background: url(images/arrow_blue.gif) left 6px no-repeat;
	padding-left: 5px;
	padding-bottom: 0;
	padding-top: 0;
	}

p.navigation a:link, p.navigation a:visited {
	text-decoration: underline;
	color: #7e8aa2;
	padding-bottom: 0;
	padding-top: 0;
	}
	
p.navigation a:hover, p.navigation a:active {
	text-decoration: none;
	color: #7e8aa2;
	padding-bottom: 0;
	padding-top: 0;
	}
/* ----------------------- </home> --------------------------- */



/* ----------------------- <sub> --------------------------- */
.sub_content {
	width: 756px;
	margin: auto;
	}

.sub_content_info {
	padding-left: 20px;
	margin-top: 25px;
	background: url(images/subnav_line.gif) top left no-repeat;
	}
	
.sub_content_info p {
	padding-bottom: 20px;
	}

td.sub_nav {
	padding-top: 25px;
	}

.history {
	margin: 0;
	padding: 0;
	}

/*added to match comp. jkeyes 20071228*/
.history a, 
/* req. for IE6. */
.history a:visited  { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-transform: lowercase;
	}

.history p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	padding-bottom: 0;
	line-height: 0;
	text-transform: lowercase; /*added to match comp. jkeyes 20071228*/
	}

.history_current {
	color: #7e8aa2;
	}
/* ----------------------- </sub> --------------------------- */



/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(images/bg_subnav.gif) no-repeat;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #263248;
	text-decoration: none;
	width: 150px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover, .imageSwap a:active {
	background: url(images/bg_subnav.gif) no-repeat;
	background-position: -150px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	width: 150px;
	margin: 0;
	padding: 0;
	}

.imageSwap .on a:link, .imageSwap .on a:visited, .imageSwap .on a:hover, .imageSwap .on a:active
{
	background: url(images/bg_subnav.gif) no-repeat;
	background-position: -150px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	width: 150px;
	margin: 0;
	padding: 0;
}
/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span {
	display: block;
	padding: 6px 8px 7px 10px;
	margin: 0;
	text-align: right;
	text-transform: lowercase;	
	}

.imageSwap {
	/*border-right: 1px solid #e3e3e3;*/
	margin: 0;
	}

/* ----------------------- </imgRollOver> --------------------------- */
	

/* Style for .NET Menu -- 8/23/07 */

.NavMenu
{
    /*removed because: 
      (1) does not match comp, and 
      (2) adds mysterious white gap to bottom of dynamic menu in FF 2 (not FF 3)
     jkeyes 20080107. */
	/*border: solid 1px #20458e;*/
}

.DropDownNav, .DropDownNavHover
{
	/*width:175px;*/
	padding:5px 10px 5px 0px;
}

.DropDownNav
{	
	background-color:#7E8AA2;
	background: url(images/menu_top_off.gif) no-repeat;
}

.DropDownNav a
{
	color:#ffffff;
    font: 9px Verdana; /* required for IE 6. */
	text-transform: lowercase; /*added to match comp. jkeyes 20080107*/
}

.DropDownNavHover
{
	background: url(images/menu_top_on.gif) no-repeat;
}
/*.DropDownNavHover td
{
	color:#FFFFFF;
}*/
.DropDownNavHover a, .DropDownNav a,
/* IE6 requires explicit a:visited style. */
.DropDownNavHover a:visited, .DropDownNav a:visited
{
    font: 9px Verdana;
    color: #e3e3e3;

	/*font-weight:normal;*/
	text-decoration:none;
	padding: 5px 0px 5px 10px;
	text-transform: lowercase; /*added to match comp. jkeyes 20080107*/
}

.DropDownNavHover a:hover
{
	color: #ffffff;
    font: 9px Verdana; /* required for IE 6. */
}
.DropDownNavHover a
{
	color: #ffffff;
    font: 9px Verdana; /* required for IE 6. */
}

/* Modules */
.WebEvents .container
{
    background-color: #EEEEEE;
    background-image: none;
    margin: auto;
    width: auto;
}

.errorText
{
    color: #FF0000;
}

.labelText
{
    background-color: #EEEEEE;
    border: none;
    color: #000;
    text-align: right;
    font-style: normal;
}

/* WebEvents */
/* CalendarView */

.WebEvents .eventDate
{
    font-style: italic;
}

.WebEvents .eventName
{
    font-weight: bold;
}

.WebEvents .eventsSeparator
{
    height: 6px;
}

.WebEvents .EventsView
{
    width: 100%;
}

.WebEvents h1
{
	color: #ff881d;
    font-weight: bold;
    text-transform: none;
}

.WebEvents .HeaderRow td
{
    font-weight: bold;
}

.WebEvents .labelText
{
    white-space: nowrap;
}

.WebEvents .listRow
{
    background-color: #e3e3e3;
    padding: 5px;
}

.WebEvents .readMore a
{
	font-size: 10px;
	font-weight: bold;
}

/* --------------------- Press Room & Press Room Details styling
------------------------------------------------------------- */

.pressRoom {
	font: 10px;
	}
	
.pressRoom .colorBox {
	background: #e3e3e3;
	}
	
.pressRoom h3 {
	font: 16px;
	color: #B3812A;
	}
	
.pressRoom .title {
	font: 16px
	}

.pressRoom .container
{
    background-color: #e3e3e3;
    padding: 5px;
}

.pressRoom .goBackLink a:link, .pressRoom .goBackLink a:hover
, .pressRoom .goBackLink a:active, .pressRoom .goBackLink a:visited
{
    font-size: 10px;
}
	
.pressRoom span {
	font: 10px;
	}
	
.pressRoom p {
	font: 10px;
	}
	
.pressRoom strong {
	font: 10px;
	}
	
.pressRoom em {
	font: 10px;
	}
	
.pressRoom a:link, .pressRoom a:visited {
    font: bold 13px;
    }

.pressRoom a:hover, .pressRoom a:active {
    font: bold 13px;
    }

.pressRoom .readMore a:link, .pressRoom .readMore a:visited {
    font: bold 10px;
    }

.pressRoom .readMore a:hover, .pressRoom .readMore a:active {
    font: bold 10px;
    }

.pressRoom .postDate
{
    font-style: italic;
    font-size: 13px;
}

.pressRoom .shortDescription span
{
    font-size: 11px;
}

.pressRoom .release
{
    background-color: #e3e3e3;
    padding: 5px;
}

/* Press Room Detail */

.pressRoom .detail {
	font: 10px;
	}
	
.pressRoom .detail .colorBox {
	background: #e3e3e3;
	}
	
.pressRoom .detail h3 {
	font: 13px;
	color: #ff881d;
	}
	
.pressRoom .detail span {
	font: 10px;
	}
	
.pressRoom .detail p {
	font: 10px;
	}
	
.pressRoom .detail strong {
	font: 10px;
	}
	
.pressRoom .detail em {
	font: 10px;
	}
	
.pressRoom .detail a:link, .pressRoom .detail a:visited {
    font: bold 10px;
    }

.pressRoom .detail a:hover, .pressRoom .detail a:active {
    font: bold 10px;
    }

.pressRoom .detail .readMore a:link, .pressRoom .detail .readMore a:visited {
    font: bold 10px;
    }

.pressRoom .detail .readMore a:hover, .pressRoom .detail .readMore a:active {
    font: bold 10px;
    }
    
/* --------------------- Case Study & Case Study Details styling
------------------------------------------------------------- */

.caseStudy {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.caseStudy .colorBox {
	background: #e3e3e3;
	padding:20px;
	width:90%;
	}
	
.caseStudy h3 {
	font: 13px;
	color: #ff881d;
	}
	
.caseStudy span {
	font: 10px;
	}
	
.caseStudy p {
	font: 10px;
	}
	
.caseStudy strong {
	font: 10px;
	}
	
.caseStudy em {
	font: 10px;
	}
	
.caseStudy a:link, .caseStudy a:visited {
    font: bold 10px;
    }

.caseStudy a:hover, .caseStudy a:active {
    font: bold 10px;
    }

.caseStudy .readMore a:link, .caseStudy .readMore a:visited {
    font: bold 10px;
    }

.caseStudy .readMore a:hover, .caseStudy .readMore a:active {
    font: bold 10px;
    }

/* caseStudy Detail */

.caseStudy .detail {
	font: 10px;
	}
	
.caseStudy .detail .colorBox {
	background: #e3e3e3;
	padding:20px;
	width:90%;
	}
	
.caseStudy .detail h3 {
	font: 13px;
	color: #ff881d;
	}
	
.caseStudy .detail span {
	font: 10px;
	}
	
.caseStudy .detail p {
	font: 10px;
	}
	
.caseStudy .detail strong {
	font: 10px;
	}
	
.caseStudy .detail em {
	font: 10px;
	}
	
.caseStudy .detail a:link, .caseStudy .detail a:visited {
    font: bold 10px;
    }

.caseStudy .detail a:hover, .caseStudy .detail a:active {
    font: bold 10px;
    }

.caseStudy .detail .readMore a:link, .caseStudy .detail .readMore a:visited {
    font: bold 10px;
    }

.caseStudy .detail .readMore a:hover, .caseStudy .detail .readMore a:active {
    font: bold 10px;
    }
    
/* --------------------- Bio & Bio Details styling
------------------------------------------------------------- */

.Bio {
	font: 10px;
	}
	
.Bio .colorBox {
	/*background: #fff4e4;*/
	padding:20px;
	width:90%;
	}
	
.Bio h3 {
	font: 13px;
	color: #ff881d;
	}
	
.Bio span {
	font: 10px;
	}

.Bio img {
	float:left;
	}	
	
	
.Bio p {
	font: 10px;
	}
	
.Bio hr {
	border-top: 1px solid #c1c1c1;
	}
	
.Bio strong {
	font: 10px;
	}
	
.Bio em {
	font: 10px;
	}
	
.Bio a:link, .Bio a:visited {
    font: 10px;
    }

.Bio a:hover, .Bio a:active {
    font: 10px;
    }


/*Bio Details */

.Bio_detail {
	font: 10px;
	}
	
.Bio_detail .colorBox {
	background: #e3e3e3;
	padding:20px;
	width:90%;
	}
	
.Bio_detail h3 {
	font: 13px;
	color: #ff881d;
	}
	
.Bio_detail span {
	font: 10px;
	}

.Bio_detail img {
	float:right;
	}	
	
	
.Bio_detail p {
	font: 10px;
	}
	

.Bio_detail strong {
	font: 10px;
	}
	
.Bio_detail em {
	font: 10px;
	}
	
.Bio_detail a:link, .Bio a:visited {
    font: 10px;
    }

.Bio_detail a:hover, .Bio a:active {
    font: 10px;
    }