/* tristream primary stylesheet */
/* tristream specializes in web application and user centered interface design with services including AJAX, SAAS, and interaction design.*/

body { 
color: black; 
background-color: white; 
background-image: url(../images/global/main_bkg.gif); 
background-repeat: repeat-y; 
margin: 0; 
padding: 0; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
}

hr { color: #cfcfcf; weight: 1px;}

#stripes { background-image: url(../images/global/stripes.gif); background-repeat: repeat-x; }
#top_panel    { background-color: #87a6b1; background-image: url(../images/global/logo.jpg); background-repeat: no-repeat; position: relative; width: 1002px; height: 61px; overflow: hidden; }
#container { position: relative; width: 1002px; }
#left_panel { background-color: #6b6b6b; padding-top: 27px; width: 182px; height: 400px; float: left }
#middle_panel    { width: 174px; float: left; }
#right_panel { background-image: url(../images/global/thirdlevelbkg.gif); background-repeat: repeat-x; margin-left: 356px;}
.float_right  { margin-right: 10px; margin-bottom: 0; margin-top: 5px; float: right }
.float_left { float: left; margin-left: 0px; margin-bottom: 0px; }
.clear_both { clear: both }
.util  { margin-right: 10px; margin-bottom: 0; margin-top: 7px; float: right }
#corners { background-image: url(../images/global/corners.gif); background-repeat: no-repeat; position: absolute; z-index: 3; top: 61px; left: 182px; width: 187px; height: 30px }

#right_panel_home {margin-left: 185px;}

#pg_title  { position: absolute; top: 0; left: 186px }

#quick_finder  { display: inline; margin: 0; padding: 0 }

#client_extranet  { display: inline; margin: 0; padding: 0 }
.closed_container { display: none; width: 182px }
.open_container    { display: block; padding-bottom: 3px; width: 182px; }

/*links*/
a { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none; }

#left_panel .openlink { color: #ffffff; font-size: 10px; font-weight: bold; background-image: url(../images/global/openlink.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; margin: 0px; padding-left: 24px; padding-bottom: 8px;   width: 182px; voice-family: "\"}\""; voice-family: inherit; width: 157px }
html>body .openlink { width: 157px }

#left_panel. activelink { color: #000000; font-size: 10px; font-weight: bold; background-image: url(../images/global/openlink.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; margin: 0px; padding-left: 24px; padding-bottom: 8px; width: 182px; voice-family: "\"}\""; voice-family: inherit; width: 157px }
html>body .activelink { width: 157px }

#left_panel .closedlink { color: #fff; font-size: 10px; font-weight: bold; background-image: url(../images/global/closedlink.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; margin: 0px; padding-left: 24px; padding-bottom: 8px; width: 182px; voice-family: "\"}\""; voice-family: inherit; width: 157px }
html>body .closedlink { width: 157px }

#left_panel a.closedlink:hover { background-image: url(../images/global/openlink.gif); background-repeat: no-repeat; background-position: 0 2px; }

#left_panel .plainlink    { color: #e6e6e6; font-size: 10px; font-weight: normal; background-image: url(../images/global/plainlink.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; margin: 0px; padding-left: 40px; padding-bottom: 8px; width: 182px; voice-family: "\"}\""; voice-family: inherit; width: 142px }
html>body .plainlink { width: 142px }

#left_panel .plainlinkactive    { color: #ffffff; font-size: 10px; font-weight: normal; background-image: url(../images/global/plainlinkactive.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; margin: 0px; padding-left: 40px; padding-bottom: 8px; width: 182px; voice-family: "\"}\""; voice-family: inherit; width: 142px }
html>body .plainlinkactive { width: 142px }

#left_panel a.plainlink:hover { color: #ffffff; background-image: url(../images/global/plainlinkactive.gif); background-repeat: no-repeat; background-position: 0 2px; }

/*home links*/

#layout_home_middle .openlink { color: #ffffff; font-size: 10px; font-weight: bold; vertical-align: bottom; background-image: url(../images/index/popbar_open.gif); background-repeat: no-repeat; display: block; padding-left: 24px; padding-top: 6px; width: 197px;  height: 26px; voice-family: "\"}\""; voice-family: inherit; width: 221px }
html>body .openlink { width: 221px }

#llayout_home_middle .activelink { color: #ffffff; font-size: 10px; font-weight: bold; vertical-align: bottom; background-image: url(../images/index/popbar_open.gif); background-repeat: no-repeat; display: block; padding-left: 24px; padding-top: 6px; width: 197px;  height: 26px; voice-family: "\"}\""; voice-family: inherit; width: 221px }
html>body .activelink { width: 221px }

#layout_home_middle .closedlink { color: #ffffff; font-size: 10px; font-weight: bold; vertical-align: bottom; background-image: url(../images/index/popbar_closed.gif); background-repeat: no-repeat; display: block; padding-left: 24px; padding-top: 6px; width: 197px; height: 26px; voice-family: "\"}\""; voice-family: inherit; width: 221px }
html>body .closedlink { width: 221px }

#layout_home_middle a.closedlink:hover { background-image: url(../images/index/popbar_open.gif); background-repeat: no-repeat; }

#layout_home_middle .header    { color: 000000; line-height: 12px; font-size: 10px; font-weight: bold; display: block; margin: 0px; padding-left: 28px; padding-bottom: 8px; width: 193px; voice-family: "\"}\""; voice-family: inherit; width: 193px }
html>body .header { width: 193px }

#layout_home_middle .point    { color: 000000; line-height: 12px; font-size: 10px; font-weight: normal; background-image: url(../images/index/bullet.gif); background-repeat: no-repeat; background-position: 0 4px; display: block; margin: 0px; padding-left: 28px; padding-bottom: 8px; width: 193px; voice-family: "\"}\""; voice-family: inherit; width: 193px }
html>body .point { width: 193px }

#layout_home_middle .quote    { color: 000000; line-height: 12px; font-size: 10px; font-weight: normal; font-style: italic; background-image: url(../images/index/quotes.gif); background-repeat: no-repeat; background-position: 0 4px; display: block; margin: 0px; padding-left: 28px; padding-bottom: 8px; width: 193px; voice-family: "\"}\""; voice-family: inherit; width: 193px }
html>body .point { width: 193px }

/*second level navagation*/ 

ul#secondnavs     { margin-top: 33px; margin-left: 3px; padding: 0; }
ul#secondnavs li a { color: #808284; text-decoration: none; }
ul#secondnavs li.plain                  { line-height: 14px; background-image: url(../images/global/grey_triangle.gif); background-repeat: no-repeat; background-position: 0 0.6em; list-style: none; margin: 1px; padding: 5px 10px 5px 25px }
ul#secondnavs li.active { color: #000000; line-height: 14px; background-image: url(../images/global/yellow_triangle.gif); background-repeat: no-repeat; background-position: 0 0.6em; list-style: none; margin: 1px; padding: 5px 10px 5px 25px; border-top: 1px solid #cfcfcf; border-right: 1px solid #fff; border-bottom: 1px solid #cfcfcf }
ul#secondnavs li.hilite { color: #000000; line-height: 14px; background-image: url(../images/global/yellow_triangle.gif); background-repeat: no-repeat; background-position: 0 0.6em; list-style: none; margin-left: 1px; padding: 5px 10px 5px 25px }

/*third level navagation*/

.thirdplain { background-image: url(../images/global/grey_triangle_third.gif); background-repeat: no-repeat; background-position: 3px 10px; padding: 6px 10px 0px 17px; }
.thirdactive { color: #000000; background-image: url(../images/global/yellow_triangle_third.gif); background-repeat: no-repeat; background-position: 3px 10px; padding: 6px 10px 0px 17px; }
.thirdplain:hover  { color: #000000; background-image: url(../images/global/yellow_triangle_third.gif); background-repeat: no-repeat; background-position: 3px 10px; padding: 6px 10px 0px 17px; }

/*util navagation links*/

ul#utilnavs   { color: #fff; list-style-type: none; margin: 0; padding: 0.4em 0 0; float: right }
ul#utilnavs li   { display: inline; }
ul#utilnavs li a   { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-decoration: none; margin-right: 10px; background-image: url(../images/global/util_triangle.gif); background-repeat: no-repeat; background-position: 0 75%; padding-left: 15px; }
ul#utilnavs li a:hover   { background-image: url(../images/global/util_triangle_o.gif); background-repeat: no-repeat; background-position: 0 75%; padding-left: 15px; }
ul#utilnavs li a.active   { background-image: url(../images/global/util_triangle_o.gif); background-repeat: no-repeat; background-position: 0 75%; padding-left: 15px; }

#content_right { margin-top: 12px; margin-left: 15px; width: 145px; float: left; }
#content_left  { margin-top: 12px; margin-left: 15px; width: 305px; float: left; }

#layout1 { padding-top: 10px; padding-left: 15px; width: 465px; float: left }

#layout_home_left { position: absolute; z-index: 3; top: 13px; left: 190px; padding-left: 10px; padding-right: 10px; border-right: #cfcfcf 1px solid; width: 559px; height: 560; zoom: 1;}
#layout_home_middle { position: absolute; z-index: 3; top: 13px; left: 769px; padding-left: 10px; padding-right: 10px; width: 221px; height: 430 }
#layout_home_right { position: absolute; z-index: 3; top: 13px; left: 769px; padding-left: 10px; border-left: #cfcfcf 1px solid; width: 221px; height: 430 }
#copyright_home { position: absolute; top: 545px; left: 200px; color: #808284; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }

#layout_cisco_top { position: absolute; top: 13px; left: 190px; padding-left: 10px; padding-right: 10px; border-bottom: #cfcfcf 1px solid; width: 790px; height: 90 }
#layout_cisco_left { position: absolute; top: 116px; left: 190px; padding-left: 10px; padding-right: 10px; width: 210px; }
#layout_cisco_middle { position: absolute; top: 116px; left: 450px; padding-left: 10px; padding-right: 10px; width: 210px; }
#layout_cisco_right { position: absolute; top: 116px; left: 726px; padding-left: 10px; border-left: #cfcfcf 1px solid; width: 210px; hight: 800px }
#copyright_cisco { position: absolute; top: 785px; left: 200px; color: #808284; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }

#layout2a { padding-top: 10px; padding-left: 15px; width: 305px; float: left }
#layout2b { padding-top: 10px; padding-left: 15px; width: 145px; float: left }
#quote { margin-top: 10px; margin-left: 15px; border-left: #cfcfcf 1px solid; width: 145px; float: right; padding: 0px 0px 20px 6px; }
#sidebar { margin-top: 10px; margin-left: 15px; width: 145px; float: right; padding: 0px 0px 20px 6px; }
#bio_photo { padding-top: 10px; padding-left: 15px; width: 100px; float: left }

#layout3a { padding-top: 12px; padding-left: 15px; width: 145px; float: left }
#layout3b { padding-top: 12px; padding-left: 15px; width: 145px; float: left }
#layout3c { padding-top: 12px; padding-left: 15px; width: 145px; float: left }
#layout3_alt { width: 145px; }

#layout4a { padding-top: 12px; padding-left: 15px; width: 180px; float: left }
#quote_large { margin-top: 10px; margin-left: 15px; border-left: #cfcfcf 1px solid; width: 300px; float: right; padding: 0px 17px 20px 6px; }

#layout5 { padding-top: 12px; padding-left: 15px; width: 95px; float: left }

#layout6a { padding-top: 10px; padding-left: 15px; width: 255px; float: left }
#layout6b { padding-top: 10px; width: 355px; float: right }
#layout7 { padding-top: 10px; padding-left: 15px; width: 610px; float: left }

#copyright { padding-left: 15px; padding-top: 20px; padding-bottom: 10px; color: #808284; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul#body_list { list-style-type: disc; list-style-position: outside; margin: 0.5em 0 0.5em 15px; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 14px; padding: 0; }
ul#body_list li { margin: 0 0 0 0; padding: 0; }
ol#body_list { list-style-type: disc; list-style-position: outside; margin: 0.5em 0 0.5em 15px; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 14px; padding: 0; }
ol#body_list li { margin: 0 0 0 0; padding: 0; }

p { color: #000; font-size: 10px; margin-top: 0px; line-height: 14px; margin: 0.5em 0 0 0; }
.p_home { color: #000; font-size: 10px; margin-top: 0px; line-height: 10px; margin: 0.5em 0 0 0; }
.p_list { margin: 2px 0 0 30px; }
p a { color:#566a72; text-decoration: underline; }
em { font-weight: bold; font-style: normal; }
.embig {font-size: 12px; font-weight: bold; font-style: normal; }

.synd_icon {display:inline; padding-left:2px; padding-top:20px}

/*website fonts*/
.black10b   { color: #000; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; }
.black10  { color: #000; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 12px; }
.green10b   { color: #50a33c; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; text-decoration: underline; }
.green10  { color: #50a33c; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 12px; }
.violet10b   { color: #925eb6; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px;  text-decoration: underline;}
.violet10  { color: #925eb6; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 12px; }
.blue10b   { color: #36a1cc; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px;  text-decoration: none;}
.black12b   { color: #000; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; }
.black12l   { color: #000; font-style: oblique; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: lighter; line-height: 14px; }
.grey10b   { color: #808285; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 14px; }
.grey10  { color: #808285; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 12px; }
.slatewhite10b { color: #fff; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; }
.white10b { color: #fff; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; }
.quotes { color: #87a6b1; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-style: italic; line-height: 18px; padding-top: 10px; }
.quotee { color: #87a6b1; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 14px; }
.body_list { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 14px; }
.caption { color: #87a6b1; font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; font-style: italic; line-height: 14px; }
.example { color: #87a6b1; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-style: italic; line-height: 18px; }
.example_black { color: #000; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-style: italic; line-height: 18px; }


/*form elements*/
.text10 { font-size: 10px; }