/********************** global styles *******************/
body { font-family: verdana; font-size: 11px !important; font-size: 9px; margin: 5px; color: #31415b; }
p { margin: 0px; padding-top: 0px; padding-bottom: 8px; font-size: 11px; line-height: 1.4em; }
p.first { padding-top: 5px; font-size: 11px; }
a:link, a:visited, a:active { text-decoration: none; border: 0px; }
a:hover { text-decoration: underline; }
img { border: 0px; }

/* page headers */
h1 {font-size: 13px; font-weight: bold; color: #134e67;}
h2 {font-size: 12px; font-weight: bold; color: #db5b14; padding-bottom: 2px; padding-top: 5px; margin: 0px;}
h3 {font-size: 11px; font-weight: bold; font-style: italic; color: #134e67; padding-bottom: 2px; padding-top: 5px; margin: 0px;}

/* header styles */
div#header {position: relative; top: 0px; left: 0px; width: 785px; height: 103px; background: url(/images/servo/header.jpg); background-position: top left; background-repeat: no-repeat;}

/* topnav styles */
table#topnav {display: table; position: relative; top: 0px; left: 0px; width: 785px; background: transparent; color: #698321; font-size: 10px; margin-top: 10px; margin-bottom: 10px; text-align: center; text-transform: uppercase; }
table#topnav a:active, a:visited, a:link { color: #123b41; text-decoration: none; }
table#topnav a:hover { color: #698321; text-decoration: underline; }

/* footer style */
div#footer { text-align: right; color: #698321; font-size: 10px; padding-top: 10px; margin-top: 0px; width: 783px; clear: both; }

/* misc global styles */
blockquote {margin-top: 0px; margin-left: 8px; margin-bottom: 10px;}
hr { margin-top: 8px; margin-bottom: 8px; }
table#container_table {margin-top: 15px;}

/********************** secondlevel styles **********************/
div#bluebox_content { position: relative; clear: left; display: table; width: 783px; height: auto; background-color: white; border: 1px solid #b34b13;}
div#bluebox_content ul#content_container { position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; clear: left; height: auto; list-style-type: none;}

/* leftnav styles */
div#bluebox_content ul#content_container li.leftnav {position: relative; display: inline; float: left; width: 196px; height: 390px; text-align: left; margin-bottom: 15px; padding-top: 20px; background: url(/images/servo/branding_nav_back.gif); background-position: top left; background-repeat: no-repeat; margin-right: 30px;}
div#bluebox_content ul#content_container li.leftnav p { padding-left: 20px; padding-bottom: 8px;}
div#bluebox_content ul#content_container li.leftnav p.sub { padding-left: 30px; padding-bottom: 5px; }
div#bluebox_content ul#content_container li.leftnav p.selected { background-image: url(/images/servo/nav_arrow.gif); background-position: left top; background-repeat: no-repeat; }
div#bluebox_content ul#content_container li.leftnav p.sub_selected { margin-left: 10px; padding-bottom: 5px; background-image: url(/images/servo/nav_dash.gif); background-position: left top; background-repeat: no-repeat; }
div#bluebox_content ul#content_container li.leftnav a {font-size: 10px; line-height: 1.4em; text-decoration: none; color: #217764;}
div#bluebox_content ul#content_container li.leftnav a:hover {text-decoration: underline;}

/* pagecontent containers with optional background image */
div#bluebox_content ul#content_container li.pagecontent { position: relative; top: 0px; left: 0px; padding-top: 16px; display: inline; float: left;  width: 450px; text-align: left; background: transparent; padding-bottom: 15px; vertical-align: top;}
div#bluebox_content ul#content_container li.pagecontent a {color: #0a5a7c; }
div#bluebox_content ul#content_container li.pagecontent a:hover {text-decoration: underline; }


/* header styles */
p.pghead {font-family: verdana; font-size: 19px; color: #217764; margin-top: 0px; }

/* list styles for page content */
div#bluebox_content ul#content_container li ul { margin-top: 5px; margin-bottom: 10px; margin-left: 0px; padding-left: 0px; width: 380px; list-style-type: disc;}
div#bluebox_content ul#content_container li ol { margin-top: 5px; margin-bottom: 10px; margin-left: 0px; padding-left: 0px; width: 380px;}
div#bluebox_content ul#content_container li ul li { margin-bottom: 8px; margin-left: 2.5em; padding-left: 0px; font-size: 11px; line-height: 1.4em;}
div#bluebox_content ul#content_container li ol li { margin-bottom: 8px; margin-left: 2.5em; padding-left: 0px; font-size: 11px; line-height: 1.4em; font-weight: bold; color: #134e67;}
div#bluebox_content ul#content_container li ol p { font-weight: normal; padding: 0px;}
/* portfolio - client list table */
div#bluebox_content table#portfolio_list {display: table; width: 400px; table-layout: fixed;}
div#bluebox_content table#portfolio_list td.column { vertical-align: top; width: 190px; padding-right: 10px;}
div#bluebox_content ul#content_container li table#portfolio_list td.column ul { padding: 0px; margin-left: 0px; margin-right: 5px; list-style-type: none; width: 180px;}
div#bluebox_content ul#content_container li table#portfolio_list td.column li { margin-left: 0px; padding-left: 0px; padding-bottom: 0px; margin-bottom: 5px; line-height: 1.4em;}

/* callout box */
div#bluebox_content table#callout {width: 450px; height: auto; margin-left: 0px; margin-right: 0px; padding: 0px; margin-bottom: 10px; margin-top: 8px; border-collapse: collapse; }
div#bluebox_content table#callout th {background-color: #9aaa6d; font-weight: bold; color: #ffffff; border: 1px solid #687e29; border-collapse: collapse; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; text-align: left; font-size: 11px;}
div#bluebox_content table#callout td {background-color: #d7ebcb; border: 1px solid #687e29; border-collapse: collapse; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px;}
div#bluebox_content ul#content_container li table#callout ul  { margin-top: 5px; margin-left: 0px; margin-bottom: 10px; margin-right: 0px; padding: 0px; list-style-position: outside; }
div#bluebox_content ul#content_container li table#callout li { margin-bottom: 5px; margin-left: 2.5em; line-height: 1.4em;}

/* portfolio viewer styles */
div#viewer_header {display: table; position: relative; top: 0px; left: 0px; width: 100%; height: 40px; background: #2F4543; background-image: url(/images/servo/servo_folio.gif); background-repeat: no-repeat; text-align: right; margin: 0px; padding-top: 0px; border: 1px solid #000000; border-collapse: collapse;}
div#viewer_header a {font-size: 10px; color: #ffffff; font-weight: bold; font-family: verdana; margin: 0px; height: 13px;}
div#viewer_header a:hover {text-decoration: underline;}
div#viewer_header table {display: table; float: right; padding: 0px; margin-top: 8px; margin-right: 15px;}
div#viewer_header table td {display: table-cell; padding: 0px; margin: 0px;}
div#viewer_image {padding: 0px; width: auto; text-align: left;}
table#infobox { display: table; border-top: 1px solid #687e29; border-left: 1px solid #687e29; border-collapse: collapse; width: 100%; height: 100%;}
table#infobox th { background-color: #9aaa6d; width: 50%; font-size: 11px; text-align: left; padding-left: 12px; padding-right: 12px; height: 25px; vertical-align: middle; border-bottom: 1px solid #687e29; border-right: 1px solid #687e29; color: #ffffff; font-weight: normal;}
table#infobox td {background-color: #d7ebcb; width: 50%; padding-left: 12px; padding-right: 12px; padding-top: 10px; padding-bottom: 10px; font-size: 11px; vertical-align: top; border-bottom: 1px solid #687e29; border-right: 1px solid #687e29;}
table#role {display: table; border: 0px; margin: 0px;}
table#role td {padding: 0px; border: 0px; margin: 0px; font-size: 11px; vertical-align: top; color: #18416A;}