/*  dk blue: #23458B    lt blue: #002C97   dk red: #B02127   lt red: #CC0014  */

/* general styles */
body { margin: 0px; padding: 0px; background-color:White; }
body, td, p, li, td { font-family: Arial, Helvetica, sans-serif; font-size:12px; } 
a, a:link, a:visited { color: #002C97; font-weight: bold; }
a:hover { color: #23458B; }
img { border:0px }

/* header text */
h1 { color: #B02127; font-size: 26px; font-weight: bold; margin:0px; }
h2 { color: #35538c; font-size: 21px; font-weight: bold; margin:0px; }
h3 { color: #B02127; font-size: 18px; font-weight: bold; margin:0px; }

/* top menu background stretches across screen all */
#topMenuBarBackground { position:absolute; left:0px; top:121px; height:43px; width:100%; background-image:url('/images/main_template/menu_bg.jpg'); background-repeat:repeat-x; }

/* wraps the whole page in a fixed width centered section */
#outerWrapper { margin: 0px auto 0px auto; text-align: left; width: 925px; }

/* wraps the whole header including top menu */
#pageHeader { height:183px; position:relative; }
#pageHeader #mainLogo { position:absolute; top:20px; left:0px; }
#pageHeader #topRightGraphic { position:absolute; top:0px; right:0px; width:170px; height:121px; background-image:url('/images/main_template/liberty.jpg'); background-repeat:no-repeat; }
#pageHeader #clientLogin { position:absolute; top:101px; right:80px; font-weight:bold; color:#002C97; font-size: 14px;}

/* top menu tabs */
#mainTabs { position:absolute; top:121px; right: 68px; font-size:14px; }
#mainTabs ul { list-style-type: none; padding: 0; margin: 0; }
#mainTabs ul li { float: left; margin: 0 5px; }
#mainTabs ul li a { display: block; text-decoration: none; padding: 12px; color:White; font-size:14px; }
#mainTabs ul li.tabSelected { background-image:url('/images/main_template/menu_selected.jpg'); background-repeat:repeat-x; }
#mainTabs ul li:hover { background-image:url('/images/main_template/menu_over.jpg'); background-repeat:repeat-x; }
#mainTabs ul li.tabSelected:hover { background-image:url('/images/main_template/menu_selected_over.jpg'); background-repeat:repeat-x; }
* html ul li a { width: 1%; } /* IE Holly Hack http://v3.thewatchmakerproject.com/journal/154/simple-css-how-to-make-clickable-areas-bigger */

/* left menu */
p.leftMenuHeader { margin:0px; padding:0px; }
p.leftMenuHeader a { text-decoration:none; font-weight:bold; font-size:14px; color:#5a6c8e; }
p.leftMenuHeaderSelected { font-weight:bold; font-size:14px; margin:0px; padding:0px; color:#B02127; }
ul.leftMenuItems { list-style-type:disc; margin-left:7px; padding-left:7px; margin-top:7px; }
ul.leftMenuItems li { margin-bottom: 5px; padding-bottom:5px; }
ul.leftMenuItems li a { text-decoration:none;  color:#5a6c8e; }
ul.leftMenuItems li.selected { color:#B02127; font-weight:bold; }

div.leftMenuBox { border:2px solid #eee; width:170px; }

/* main content area */
#content { margin:0px; padding:0px; }

/* two columns in content area for left menu and main content */
table#twoColumns { width:100%; }
td#leftContentPane { width:220px; vertical-align:top;}
td#rightContentPane { padding-left:24px; vertical-align:top; }

/* footer stuff */
#footer { font-size:12px; color: #929db1; border-top:1px solid gray; padding-top:20px; }
#footer a {  font-size: 10px; color: #929db1; }
#footer #legal { color: #B02127; font-size: 11px; font-weight: bold; line-height: 14px;  text-align: center; margin: 0px 0px 25px 0px; }
#footer #sitemap { color:#929db1; margin-top: 25px; }
#footer #sitemap th { padding-right:5px; }
#footer #sitemap td { vertical-align:top; padding-right:5px; line-height:16px; }
#footer #sitemap a.rootNode { white-space:nowrap; font-weight:bold; color:#5a6c8e; font-size:12px; }
#footer #sitemap td a { color:#929db1; font-size: 10px; }
#footer #sitemap td a:hover { color:#2f345a; }

hr.thickBlue { height:3px; color:#23458B; background-color:#23458B;  border:0px; }
.largeLink { font-size:larger; }
.quote{ color: #23458B; font-style:italic; margin:20px; }
.redText { color: #B02127; font-weight:bold; }

#newsletterSubscription { padding:5px; font-size:11px; } 
#newsletterSubscription input[type="text"] { font-size:11px; width:130px; }
#newsletterSubscription input[type="submit"] { font-size:11px; }
#newsletterSubscription .lblError { font-weight:bold; color:Red; }
#newsletterSubscription .lblSuccess { font-weight:bold; color:#23458B; }

/*red boxes on home page */
div.packages { width:215px; padding : 10px 10px 20px 10px; border: 3px solid #b42226;
  background: url("/images/red_gradient.gif") repeat-x; font-size: 17px; font-weight:bold; color: #ffffff; }
.packages table { width:100%; }
.packages td { width:50%; vertical-align:top; }
.packages a { font-size: 10px; text-decoration: none; color:#ffffff; }
.packages .calltoaction a { font-size: 14px; text-decoration: underline; font-weight: bold; }

/*portfolio pages */
h2.portfolio_seperator { background-image:url('/images/portfolio_seperator.jpg'); background-repeat:repeat-x; 
						padding:5px; margin: 30px 0 20px 0; text-align:center; font-size:16px; color:#58585A;
						font-variant:small-caps; font-weight:normal; }

/* Error and Info Messages */
div#ErrorDialog { width:80%; margin:15px auto 15px auto; border:1px solid #dadada; padding:10px; }
div#ErrorDialog.Info td#ErrorDialogIcon { width:30px; height:30px; background-image:url('/images/info_icon.png'); background-repeat:no-repeat; }
div#ErrorDialog.Info td#ErrorDialogMessage{ color:#000066; font-weight:bold;  }
div#ErrorDialog.Error td#ErrorDialogIcon { width:30px; height:30px; background-image:url('/images/error_icon.png'); background-repeat:no-repeat; }
div#ErrorDialog.Error td#ErrorDialogMessage{ color: maroon; font-weight:bold; }

/* to be deleted when new portfolio page is active */
img.portfolioImage { margin:10px; vertical-align:middle; } 
.shadetabs{ padding: 3px 0; margin-left: 10px; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; }
.shadetabs li{ display: inline; margin: 0; }
.shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(/images/shade.gif) top left repeat-x; }
.shadetabs li a:visited { color: #2d2b2b; }
.shadetabs li a:hover { text-decoration: underline; color: #2d2b2b; }
.shadetabs li a.selected { position: relative; top: 1px; }
.shadetabs li a.selected { background-image: url(/images/shadeactive.gif); border-bottom-color: white; }
.shadetabs li a.selected:hover{ text-decoration: none; }
.tabcontent{ display:none; }
@media print { .tabcontent { display:block !important; } }
table.before_after { width:100%; }
table.before_after th { font-size:16px; font-weight:bold; color:#B02127; text-align:center; }
table.before_after td { vertical-align:top; text-align:center; }