@import url(#);
/* >>>>> Page Styles <<<<< */
html, body   {
	font-size: 100%;
	background-color: #141e1e;
	margin: 0;
	padding: 0;
}
body          {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #141e1e;
	background-attachment: fixed;
	float: left;
	overflow: visible;
}
#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: #eef7e2; text-decoration: none; padding: 1px }
a:visited  { color: #eef7e2; text-decoration: none; padding: 1px }
a:hover  {
	color: #000;
	text-decoration: none;
	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: 0.2em; 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.5ems; 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 }
#navmenu { background-color: #879186; padding: 3px 0; position: relative; border-style: solid; border-width: 1px 0; border-color: #000 }
/*** IE6 needs this to display the div ***/
/* Hide from IE5-Mac \*/
* html #navmenu { height: 1% }
/* end hide */
/*** This hack will make IE5-win display the background color for the nav ***/
#navmenu ul { font-family: Verdana, sans-serif; line-height: 1.2em; text-align: center; list-style: none; display: block; margin: 0; padding: 0 }
#navmenu ul li { font-weight: bold; display: block; margin: 3px 0; padding: 1px 0; position: relative; width: 10em; float: left; border-right: 2px solid #000 }
#navmenu ul li.first { list-style: none; margin-left: 0 }
#navmenu ul li.last { border-right: medium none }
#navmenu a { color: #000; padding: 3px 0 }
#navmenu a:hover { color: #faf5f8; background: #879186 }
#navclear { display: block; clear: both }
/*** 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%; w\idth: 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: #c3c8c3; 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%; font-stretch: normal; text-decoration: none; text-align: left; text-indent: 1em; padding: 5px 10px 5px 15px }
#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; font-stretch: normal; text-decoration: underline; text-transform: uppercase }
element { }
.smallCAPS  {
	color: #2A1F55;
	font-size: 13px;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 145%;
	font-stretch: condensed;
	text-align: center
}
.photobox {
	margin: 3px;
	padding: 2px;
	border: solid 2px #a48f53;
	clear: none;
	float: right;
}
.newLIST   { font-size: 12px; line-height: 1.6em; list-style-position: inside; 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; font-stretch: extra-expanded; margin: 1.33em 0 }
h3 { font-size: 14px; font-weight: bold; line-height: 1.3; margin: 1em 0 }
.photobox2 { margin: 3px; padding: 2px; border: solid 2px #141e1e; }