/* from Mike */
html, body   { font-size: 100%; background-color: #a3dbea; margin: 0; padding: 0    }
body            { font-size: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-attachment: fixed; float: none }
#pagetitle  { color: #fff; font-size: 210%; background-attachment: fixed; text-align: center; margin: 0; padding: 25px 0 0 }
pre { font-size: 95%; font-family: Verdana, sans-serif; font-weight: normal; margin: 0 0 0 10px; padding-top: 8px }
p { margin: 0; padding: 8px 7px 0 10px }
#contents p { font-weight: bold }
.altcolor { color: #eef7e2; font-weight: bold }
.altcolor2 { color: #cde7a8 }
.altcolor3  { color: #46466e; font-weight: bold }
#demotext { color: #233622; background: #cde7a8; margin: 8px 149px 5px 10px; padding: 0 5px 5px 0; position: relative; border: solid 2px }
/*** for IE6 ***/
a:link  { color: #600; text-decoration: none; padding: 1px }
a:visited  { color: #55554e; text-decoration: none; padding: 1px }
a:hover   { color: #000; text-decoration: none; background: #95cef0; padding: 1px }
#leftbox a:link, #leftbox a:visited { color: #233622; text-decoration: underline }
.right a:link strong, .right a:visited strong, .right a:link, .right a:visited { color: #000; text-decoration: underline; background: #eef7e2; padding: 1px }
/*** Redundancy in this selector and the one below allows Op6 to display links properly ***/
.right a:hover strong, .right a:hover { color: #771464; background: #f4e6ef; padding: 1px }
#contents a:link, #contents a:visited { color: #000; text-decoration: underline; background: #f4e6ef; padding-top: 0 }
#contents a:hover { color: #f9f; background: #233622; padding-top: 0 }
#footer a:link, #footer a:visited { color: #771464 }
strong { color: #233622; font-weight: bold }
pre strong { color: #000 }
#contents strong { color: #f9f }
#contents pre.altcolor2 strong { color: #cde7a8 }
.alignright { text-align: right; margin: 0; padding: 1em 10px 2.5em 0 }
.small { color: #771464; font-size: 0.9em }
.alignright strong { color: #771464; font-weight: bold }
.decoration { margin: 0.5em 1em 3px 3px; position: relative; float: right }
/*** for IE6 ***/
html[xmlns] .decoration { margin: 0 1em 0 0 }
/*** Moz put the image too low ***/
.kudos   { font-size: 13px; line-height: 1.5em; text-decoration: none; margin-top: 3em; padding-bottom: 5px; border-top: 3px double #233622; border-bottom: 3px double #233622 }
#bottom { font-size: 1px; line-height: 0; margin:0; padding: 0 }
/* *****>>>>> Demo Styles <<<<<***** */
/*** The #header div has a static position and a background image ***/
#header  { background-color: transparent; background-position: 0 0; margin: 0; padding: 0; height: 100px }
/*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/
#leftbox  { color: #000; background-color: #9ba49b; background-image: url(../../../studioGOlive/web-content/image/glbnav_background2.gif); background-repeat: repeat-x; padding-top: 5px; position: absolute; z-index: 100; top: 0; left: 0; width: 215px; height: auto; border-top: 1px solid #000 }
#container  { color: #232622; font-size: 12px; font-weight: normal; line-height: 1.5em; background: #faf5f8 repeat-y 100% 0; text-align: left; text-indent: 1em; margin-left: 215px; width: 350px; height: 1500px; vertical-align: middle; border-left: 1px solid #505073 }
/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
#rightbox  { margin-right: -15px; padding-top: 5px; position: absolute; right: 0; width: 138px; height: 600px }
/* hide the following from IE5-Mac \*/
#rightbox { margin-right: 0; right: 0 }
/* IE5-Mac can see the rest */
#wrapper   { margin-top: 100px; margin-left: 350px; padding-top: 5px; padding-left: 25px; position: absolute; float: right }
/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/
* html #wrapper { width: 100%; width: auto }
/*** resets the value for IE6 and IE5-Mac ***/
.left { background: #c3c8c3; margin-left: 6px; padding: 5px 5px 5px 0; width: 43%; float: left }
html>body .left { margin-left: 12px }
/*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/
.right { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 6px; padding: 5px 5px 5px 0; width: 43%; float: right  }
html>body .right { margin-right: 12px }
/*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/
.clear { margin: 0; padding: 0; clear: both }
.story        { color: #000; font-size: 12px; font-style: normal; font-weight: normal; line-height: 145%; text-decoration: none; text-align: left; text-indent: 1em; padding: 5px 10px }
#contents { color: #eef7e2; background-color: #233622; margin: 8px 149px 5px 10px; padding: 3px 3px 15px; position: relative }
/*** IE6 needs this to display the div ***/
#footer { background: #f0f1f0; margin-top: 1.5em; margin-right: 139px; border-top: 1px dashed #888 }
#idwrapper { margin-right: 138px; padding-top: 5px  }
.hd2STORY   { font: small-caps bold 16px/24px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-transform: uppercase }
element { }
.photobox { margin: 3px; padding: 2px; border: solid 1px #2a1f00 }
.newLIST   { font-size: 12px; line-height: 1.6em; list-style-type: disc; list-style-position: outside; display: list-item }
h5   { font-size: 12px; font-weight: bold; line-height: 1.5em; padding-top: 10px }
h4  { font-size: 14px; font-weight: bold; line-height: 1.3em; margin: 1.33em 0 }
h3 { font-size: 14px; font-weight: bold; line-height: 1.3; margin: 1em 0 }



body{margin:0;padding:0;font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px;}
button, input, select {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px;}
img{border-width:0px;}
div.footer{margin:8px 0px 8px 0px;color:black;text-align:center;}

div.mainscroll {position:absolute;left:4px;top:2px;right:2px;bottom:81px;overflow:auto;}

div.addrblock {font-size:9pt;color:#505050;}
div.addrblockbold {font-weight:bold;font-size:10pt;color:#505050;}

a:link{color:#207090;}
a:visited{color:#207090;}
a:focus{color:#207090;}
a:active{color:#207090;}
a:hover{color:Maroon;}
a.biglink{font-size:14pt;}

div.horzmenu{background-color:#8BBBC8;color:#505050;
    padding:5px; display:inline;
    margin-left:16px;
    margin-bottom:4px;}
div.menu{background-color:#8BBBC8;color:#505050;
    padding:5px;width:120px;
    margin-left:16px;
    margin-bottom:4px;}
span.menu a{font-size:14px;font-weight:normal;color:Black;}
span.menu a:hover{background-color:#95CCEF;}

table.doubleborder {margin-top:8px; 
    border-collapse:collapse;
    margin-left:auto; margin-right:auto;
    }
table.doubleborder td {border:ridge 2px #80FFFF;}

table.tablecenter{margin-left:auto; margin-right:auto;border-style:none;}

div.textbox {border-top:solid 1px #505070;border-left:solid 1px #505070;border-right:solid 1px #505070;
    height:360px;overflow:auto;margin-left:4px;margin-right:4px;margin-top:28px;padding:2px;
    }
div.longtext {margin:4px;}

/* cart */

div.cart{border-style:solid;border-width:1px;border-color:#400000;
    background-color:#b3ebfa;
    padding-left:4px;
    margin-left:12px; margin-right:12px; margin-top:6px;}
div.bricks {
    overflow:hidden;
    position:absolute; bottom:0px; left:25px; right:25px; height:79px; 
    border-style:outset;border-width:1px;border-color:#400000;
    background-color:#b3ebfa;
    }
table.bricksS {
    position:absolute; overflow:hidden;left:0px;white-space:nowrap;
}
div.bricks img {border-top:solid 1px white;border-left:solid 1px white;
    border-right:solid 1px gray;border-bottom:solid 1px gray;
}
div.bricksleft {
    position:absolute; bottom:0px; height:35px;left:5px; bottom:30px;
    }
div.bricksright {
    position:absolute; bottom:0px; height:35px;right:5px;bottom:30px;
    }
    
/* error panel */

span.error{display:block;background-color:#FFFFA0;border-style:solid;border-width:1px; border-color:red;
	margin:16px;padding-top:4px;padding-left:8px;padding-bottom:6px;}
div.messagebox{background-color:#FFFFA0;border-style:solid;border-width:1px; border-color:red;
	margin:16px;padding-top:4px;padding-left:8px;}

/* layout tables */

table.layout{border:0px;margin:0px;padding:0px;font-size:12px;}
table.layout td{border:0px;}
table.padlayout{border:0px;margin:0px;padding:12px;font-size:12px;}
table.padlayout td{border:0px;}

/* data tables */

table.data{background-color:#DDFFFF;border:1px solid #000000;margin:8px;empty-cells:show;
	border-collapse:collapse;font-size:12px;}
table.data td{padding:3px;border:ridge 1px;vertical-align:top;}
table.data th{background-color:#3030A0;color:white;padding:5px;}
table.data tr.odd {background-color:#C0F0E0;}
table.data tr.total {background-color:#E0E0E0;}

/* headings & special text */

h1{font-size:16pt;color:#606080}
h2{font-size:14pt;color:#606070;}
div.cat1{color:#303030;font-weight:bold;}
div.cat2{color:#404040;}
div.cat3{color:#404040;font-size:10pt;}
div.sitemap1{font-size:14pt;color:#404040;margin-top:8px;margin-left:20px;margin-bottom:8px;}
div.sitemap2{color:#303030;margin-left:30px;}
table.constituent {border-collapse:collapse;border:0px;margin:0px;padding:0px;font-size:12px;}
table.constituent td {border-top: solid 1px gray;border-bottom: solid 1px gray;vertical-align:top; border-left-style:none; border-right-style:none;}
.keyword, .keywordBig, .keywordBold{font-size: 13px; font-style: oblique; font-variant: small-caps; line-height: 125%; text-align: left ; padding-top: 3px; padding-left: 3px; }
.keyword{font-weight:bold;color:#707070;}
.keywordBig{font-size:12pt;color:#404040;}
.keywordBold{font-weight:bold;color:Black;}