html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #00336f url('../images/front_bg1.jpg') repeat top left;
background-attachment: fixed;
font-family: Trebuchet MS;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
#pageBlend { width: 100%; height: 100%; background: url('../images/front_bg2.jpg') repeat-x top left; }
#header { width: 900px; height: 216px; margin: 0; padding: 0; }
#header #firstRow { width: 900px; height: 50px; margin: 0; padding: 0; background: url('../images/front_top_bg1.png') no-repeat top left; }
#header #secondRow { width: 900px; height: 166px; margin: 0; padding: 0; background: url('../images/front_top_bg2.jpg') no-repeat top left; }
/*##############################################################################
##############################################################################
## Header Columns ##
############################################################################*/
/* Left */
#header #firstRow .left { width: 450px; height: 50px; margin: 0; padding: 0; }
#header #firstRow .search { height: 37px; padding: 13px 0 0 0; }
#header #firstRow .search label { display: none; }
#header #firstRow .search div { float: left; width: 200px; height: 24px; margin: 0; padding: 0 0 0 70px; background: url('../images/front_search.png') no-repeat top left; }
#header #firstRow .search form { margin: 0; padding: 0; }
#header #firstRow .search #s { float: left; width: 166px; height: 20px; border: 0; margin: 0; padding: 4px 0 0 4px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; background: transparent url('../images/front_inputbg.png') repeat top left; }
#header #firstRow .search #searchsubmit { float: right; width: 27px; height: 24px; margin: 0; padding: 0; background: transparent url('../images/front_searchSubmit.png') no-repeat top left; border: 0; text-indent: -99999px; cursor: pointer; }
#header #secondRow .left { width: 345px; height: 166px; margin: 0; padding: 0; }
#header #secondRow .left h1 { width: 265px; height: 90px; margin: 12px 0 0 46px; padding: 0; }
#header #secondRow .left h1 a { background: url('../images/front_logo.jpg') no-repeat top left; width: 265px; height: 90px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #secondRow .left h4 { width: 30px; height: 23px; margin: 35px 0 0 282px; padding: 0; }
#header #secondRow .left h4 a { background: url('../images/front_rss.jpg') no-repeat top left; width: 30px; height: 23px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/* Right */
#header #firstRow .right { width: 450px; height: 50px; margin: 0; padding: 0; }
#header #firstRow .right h2 { width: 395px; height: 50px; margin: 0 0 0 55px; padding: 0; }
#header #firstRow .right h2 a { background: url('../images/front_top_partners.png') no-repeat top left; width: 395px; height: 50px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #secondRow .right { width: 516px; height: 158px; margin: 0; padding: 8px 0 0 39px; }
#header #secondRow .right h3 { color: #ffd642; font-size: 16px; font-weight: bold; font-family: Trebuchet MS; }
#header #secondRow .right .categories { float: left; height: 100px; margin: 0; padding: 10px 10px 10px 0; color: #ffffff; font-size: 11px; font-family: Trebuchet MS; line-height: 12px; }
#header #secondRow .right .categories li { width: 150px; margin: 0 0 8px 12px; padding: 0; line-height: 13px; }
#header #secondRow .right .categories li a { color: #ffffff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#header #secondRow .right .categories li a:hover { text-decoration: underline; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body Columns ##
############################################################################*/
#bodyContent { width: 900px; height: 100%; margin: 0; padding: 0 0 0 0; background: url('../images/front_body_bg1.jpg') repeat-y top left; }
/* Left */
#bodyContent .left { width: 250px; height: 100%; margin:0; padding: 0; }
#bodyContent .left h1 { width: 250px; height: 175px; margin:0; padding: 0; }
#bodyContent .left h1 a { background: url('../images/front_logo2.jpg') no-repeat top left; width: 250px; height: 175px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#bodyContent .left .content { width: 250px; height: 100%; margin:0; padding: 0; }
#bodyContent .left .content #about { display: block; width: 177px; margin: 0; padding: 13px 29px 13px 44px; background: #f9f9f7; color: #9f9d98; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; text-align: justify; }
#bodyContent .left .content #about p { margin: 0; padding: 0; }
#bodyContent .left .content #socialMedia { width: 177px; margin: 0; padding: 13px 29px 20px 44px; color: #9f9d98; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .left .content #socialMedia h4 { color: #000000; font-size: 13px; font-weight: bold; margin: 0; padding: 0; }
#bodyContent .left .content #socialMedia ul { list-style: none; margin: 0; padding: 0; }
#bodyContent .left .content #socialMedia ul li { }
#bodyContent .left .content #socialMedia a { color: #797772; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; text-decoration: none; }
#bodyContent .left .content #socialMedia a:hover { text-decoration: underline; }
#bodyContent .left .content #socialMedia .li { display: block; width: 175px; height: 18px; margin: 0 0 2px 0; padding: 0 0 0 20px; background: url('../images/linkedin.png') no-repeat center left; }
#bodyContent .left .content #socialMedia .fb { display: block; width: 175px; height: 18px; margin: 0 0 2px 0; padding: 0 0 0 20px; background: url('../images/facebook.png') no-repeat center left; }
#bodyContent .left .content #socialMedia .tw { display: block; width: 175px; height: 18px; margin: 0 0 2px 0; padding: 0 0 0 20px; background: url('../images/twitter.png') no-repeat center left; }
#bodyContent .left .content .recentPosts { width: 177px; margin: 0; padding: 0 29px 20px 44px; color: #9f9d98; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .left .content .recentPosts h4 { color: #000000; font-size: 15px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#bodyContent .left .content .recentPosts ul { list-style: disc outside; margin: 0; padding: 0; line-height: 14px; }
#bodyContent .left .content .recentPosts ul li { margin: 0 0 5px 12px; padding: 0; }
#bodyContent .left .content .recentPosts a { color: #797772; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#bodyContent .left .content .recentPosts a:hover { text-decoration: underline; }
/* Right */
#bodyContent .right { width: 650px; height: 100%; margin:0; padding: 0; }
#bodyContent .right .content { width: 630px; height: 100%; margin: 0px 0 0 0; padding: 0 0 0 20px; color: #000000; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent .right .content #theBody { width: 610px; height: 100%; margin: 0px 0 0 0; padding: 0 20px 0 0; color: #000000; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bodyContent .right .content .clear { clear: both; margin: 0; padding: 0; }
#bodyContent .right .content a { text-decoration: underline; }
#bodyContent .right .content a:hover { text-decoration: none; }
#bodyContent .right .content h1 { font-size: 24px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#bodyContent .right .content h2 { font-size: 20px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#bodyContent .right .content h2.pagetitle { font-size: 20px; font-weight: bold; margin: 0 0 30px 0; padding: 0; }
#bodyContent .right .content h3 { font-size: 16px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#bodyContent .right .content h4 { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#bodyContent .right .content ul { list-style: disc outside; margin: 0 0 0 20px; padding: 0; }
#bodyContent .right .content ol { list-style: disc outside; margin: 0 0 0 20px; padding: 0; }
#bodyContent .right .content blockquote { margin: 10px 20px; padding: 10px 10px 10px 50px; border: 1px dotted #CCD5DC; border-left: none; border-right: none; background: transparent url('../images/blockquote.gif') no-repeat top left; }
#bodyContent .right .content #heading { width: 630px; height: 37px; margin: 0 0 30px 0; padding: 0; }
#bodyContent .right .content #heading #breadcrumbs { width: 365px; height: 23px; margin: 0; padding: 14px 0 0 0; color: #93918e; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#bodyContent .right .content #heading #breadcrumbs a { color: #d97500; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#bodyContent .right .content #heading #breadcrumbs a:hover { text-decoration: underline; }
#bodyContent .right .content #heading #newsletter { width: 265px; height: 37px; margin: 0; padding: 0; }
#bodyContent .right .content #heading #newsletter h4 { width: 265px; height: 37px; margin: 0; padding: 0; }
#bodyContent .right .content #heading #newsletter h4 a { background: url('../images/front_newsletter.jpg') no-repeat top left; width: 265px; height: 37px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*###########################################
## Post Detail & Controls ##
###########################################*/
#bodyContent .right .content h2.title a { text-decoration: underline; }
#bodyContent .right .content h2.title a:hover { text-decoration: none; }
/*#bodyContent .right .content .postControl { width: 596px; height: 36px; margin: 10px 0 8px 0; padding: 1px 1px 1px 1px; border: 1px solid #dcdcdc; }*/
#bodyContent .right .content .postControl { width: 596px; margin: 10px 0 8px 0; padding: 1px 1px 1px 1px; border: 1px solid #dcdcdc; }
#bodyContent .right .content .postControl .share { float: left; width: 149px; height: 26px; margin: 0 1px 0 0; padding: 10px 0 0 6px; border-left: 10px solid #dcdcdc; border-right: 5px solid #dcdcdc; }
#bodyContent .right .content .postControl .share a { color: #444a55; font-size: 12px; font-weight: normal; font-family: Georgia,Helvetica,sans-serif; margin: 0; padding: 0 0 0 19px; line-height: 12px; text-decoration: none; }
#bodyContent .right .content .postControl .share a:hover { text-decoration: underline; }
#bodyContent .right .content .postControl .comments { float: left; width: 85px; height: 27px; margin: 0 1px 0 0; padding: 9px 1px 0 1px; background: #e3e3e3; text-align: center; }
#bodyContent .right .content .postControl .comments b { font-size: 18px; font-weight: normal; }
#bodyContent .right .content .postControl .comments a { color: #005fbe; font-size: 12px; font-weight: normal; font-family: Georgia,Helvetica,sans-serif; letter-spacing: -0.5px; margin: 0; padding: 0; line-height: 12px; text-decoration: none; }
#bodyContent .right .content .postControl .comments a:hover { text-decoration: underline; }
/*#bodyContent .right .content .postControl .tags { float: left; width: 316px; height: 32px; margin: 0 0 0 0; padding: 4px 6px 0 8px; border-left: 5px solid #dcdcdc; line-height: 14px; color: #444a55; font-size: 13px; font-weight: bold; font-family: Georgia,Helvetica,sans-serif; }*/
#bodyContent .right .content .postControl .tags { float: left; width: 316px; margin: 0 0 0 0; padding: 4px 6px 0 8px; border-left: 5px solid #dcdcdc; line-height: 14px; color: #444a55; font-size: 13px; font-weight: bold; font-family: Georgia,Helvetica,sans-serif; }
#bodyContent .right .content .postControl .tags a { color: #005fbe; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; margin: 0; padding: 0; line-height: 11px; text-decoration: none; }
#bodyContent .right .content .postControl .tags a:hover { text-decoration: underline; }
#bodyContent .right .content .postControl .tagsShort { float: left; width: 316px; height: 25px; margin: 0 0 0 0; padding: 11px 6px 0 8px; border-left: 5px solid #dcdcdc; line-height: 14px; color: #444a55; font-size: 13px; font-weight: bold; font-family: Georgia,Helvetica,sans-serif; }
#bodyContent .right .content .postControl .tagsShort a { color: #005fbe; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; margin: 0; padding: 0; line-height: 11px; text-decoration: none; }
#bodyContent .right .content .postControl .tagsShort a:hover { text-decoration: underline; }
/*#bodyContent .right .content .postControl .previousPost { float: left; width: 242px; height: 27px; margin: 0; padding: 9px 0 0 10px; border-right: 3px solid #dcdcdc; }*/
#bodyContent .right .content .postControl .previousPost { float: left; width: 242px; margin: 0; padding: 9px 0 10px 10px; border-right: 3px solid #dcdcdc; }
/*#bodyContent .right .content .postControl .nextPost { float: left; width: 242px; height: 27px; margin: 0 1px 0 0; padding: 9px 0 0 11px; border-left: 2px solid #dcdcdc; border-right: 5px solid #dcdcdc; }*/
#bodyContent .right .content .postControl .nextPost { float: left; width: 242px; margin: 0 1px 0 0; padding: 9px 0 10px 11px; border-left: 2px solid #dcdcdc; border-right: 5px solid #dcdcdc; }
#bodyContent .right .content .postControl .postHome { float: left; width: 80px; height: 27px; margin: 0; padding: 9px 0 0 0; background: #444a55; text-align: center; }
#bodyContent .right .content .postControl .postHome a { color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#bodyContent .right .content .postControl .postHome a:hover { text-decoration: underline; }
#bodyContent .right .content .postDetails { width: 598px; margin: 0 0 60px 0; padding: 0 0 0 2px; color: #444a55; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#bodyContent .right .content .postDetails b { font-size: 12px; }
#bodyContent .right .content .postDetails a { color: #d97500; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#bodyContent .right .content .postDetails a:hover { text-decoration: underline; }
#bodyContent .right .content .postNav { width: 330px; height: 13px; margin: 0; padding: 0; background: url('../images/inside_postnav.jpg') no-repeat top left; }
#bodyContent .right .content .postTrack { display: block; margin: 0 0 20px 0; }
#bodyContent .right .content .short { margin: 0 0 20px 0; }
#bodyContent .right .content .mid { margin: 0 0 20px 0; }
#bodyContent .right .content .nom { margin: -20px 0 0 0; }
#bodyContent .right .content .long { margin: 20px 0 40px 0; }
/*###########################################
## Pagination Controls ##
###########################################*/
#bodyContent .right .content .pagerbox { display: block; height: 28px; margin: 35px 0 15px 0; padding: 0; }
#bodyContent .right .content .pagerbox a { float: left; display: block; height: 14px; margin: 0 4px 0 0; padding: 6px 8px 6px 8px; border: 1px solid #dcdcdc; color: #686868; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 11px; text-decoration: none; }
#bodyContent .right .content .pagerbox a:hover { float: left; display: block; height: 14px; margin: 0 4px 0 0; padding: 6px 8px 6px 8px; border: 1px solid #666666; color: #1c1c1c; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 11px; text-decoration: none; }
#bodyContent .right .content .pagerbox a.current { float: left; display: block; height: 14px; margin: 0 4px 0 0; padding: 6px 8px 6px 8px; border: 1px solid #444a55; background: #444a55; color: #ffffff; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 11px; text-decoration: none; }
#bodyContent .right .content .pagerbox a.current:hover { float: left; display: block; height: 14px; margin: 0 4px 0 0; padding: 6px 8px 6px 8px; border: 1px solid #444a55; background: #444a55; color: #ffffff; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 11px; text-decoration: none; }
/*###########################################
## Comments Control ##
###########################################*/
.commentlist { padding: 0; text-align: justify; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; font-size: 1em; }
.commentlist li { width: 500px; margin: 15px 0 10px; padding: 5px 5px 10px 10px; border: 1px solid #dcdcdc; list-style: none; font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist p { margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentmetadata { margin: 0; display: block; font-weight: normal; }
#commentform { margin: 5px 10px 0 0; }
#commentform p { margin: 5px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 535px; padding: 2px; }
#commentform #submitContainer { width: 535px; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nocomments { text-align: center; margin: 0; padding: 0; }
/*###########################################
## Bottom ##
###########################################*/
#bottomContent { width: 900px; height: 135px; margin: 0; padding: 0; }
/* background: url('../images/front_body_bg1.jpg') repeat-y top left; */
#bottomContent #push { width: 900px; height: 74px; margin: 0; padding: 0; background: url('../images/front_body_bg1.jpg') repeat-y top left; }
#bottomContent #footer { width: 900px; height: 61px; margin: 0; padding: 0; }
#bottomContent #footer .left { width: 440px; margin: 0; padding: 15px 0 0 10px; color: #0d64c4; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#bottomContent #footer .right { width: 450px; margin: 0; padding: 10px 0 0 0; }
#bottomContent #footer .right h4 { width: 248px; height: 22px; margin: 0 0 0 190px; padding: 0; }
#bottomContent #footer .right h4 a { background: url('../images/flex360.png') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
/* Options */
#navigation { display: block; margin: 0 0 100px 0; padding: 0; list-style: none; }
#navigation .one { width: 250px; height: 48px; margin: 0; padding: 0; }
#navigation .one h2 { width: 250px; height: 48px; margin: 0; padding: 0; }
#navigation .one h2 a { background: url('../images/front_nav1_off.jpg') no-repeat top left; width: 250px; height: 48px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#navigation .two { width: 250px; height: 45px; margin: 0; padding: 0; }
#navigation .two h2 { width: 250px; height: 45px; margin: 0; padding: 0; }
#navigation .two h2 a { background: url('../images/front_nav2_off.jpg') no-repeat top left; width: 250px; height: 45px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#navigation .three { width: 250px; height: 48px; margin: 0; padding: 0; }
#navigation .three h2 { width: 250px; height: 48px; margin: 0; padding: 0; }
#navigation .three h2 a { background: url('../images/front_nav3_off.jpg') no-repeat top left; width: 250px; height: 48px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#navigation .four { width: 250px; height: 45px; margin: 0; padding: 0; }
#navigation .four h2 { width: 250px; height: 45px; margin: 0; padding: 0; }
#navigation .four h2 a { background: url('../images/front_nav4_off.jpg') no-repeat top left; width: 250px; height: 45px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#navigation .five { width: 250px; height: 47px; margin: 0; padding: 0; }
#navigation .five h2 { width: 250px; height: 47px; margin: 0; padding: 0; }
#navigation .five h2 a { background: url('../images/front_nav5_off.jpg') no-repeat top left; width: 250px; height: 47px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Liquid 3-column layout structure ##
############################################################################*/
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
z-index: 1;
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%; /* width of page */
position:relative;
z-index: 1;
}
.mainBody,
.leftBody,
.rightBody {
float:left;
position:relative;
padding:0 0 0 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:visible;
z-index: 1;
}
/* 3 Column settings */
.threecol { /*background:#eee;*/ /* right column background colour */ }
.contoured { background: url('../images/front_top_bg3.png') no-repeat top left; }
.bottom { background: url('../images/front_bottom_bg1.png') no-repeat top left; }
.shadowed { background: url('../images/front_body_bg2.png') repeat-y top left; }
.threecol .colmid { right:52px; /* width of the right column */ }
.threecol .colleft { right:900px; /* width of the middle column */ }
.threecol .mainBody {
width:900px; /* width of center column content (column width minus padding on either side) */
left:100%; /* 100% plus left padding of center column */
/*background:#ffffff;*/ /* center column background colour */
/*height: 500px;*/
}
.threecol .leftBody {
width:52px; /* Width of left column content (column width minus padding on either side) */
left:52px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .rightBody {
width:52px; /* Width of right column content (column width minus padding on either side) */
left:952px; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*##############################################################################
##############################################################################*/