body,p,td,li {
    color: #000000;
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10pt;
}

body {
    background: url("images/background.gif");  
	margin: 0;
	padding: 0; 
}

#container {
	width: 975px;
	margin: 1em;
	border: 1px solid #333;
/*
	background-color: #e1e85c; 
	background-position: right;
*/
    background: #ffffff url(images/bg_content.jpg) repeat-x;
}


#content {
	padding: 1em 2.5em 2em 2.5em;
	margin: 0 310px 0 0;  /* leave 310px for sidebar */
	border-right: 3px solid #c1cc52; 
/*    background: #f1f660 url(images/bg_OliveYellow.gif) repeat-x;   */
    background: #ffffff url(images/bg_content.jpg) repeat-x;
}

#search-content {
	padding: 1em 1em 2em 1em;
	margin: 0 95px 0 0;  /* leave 95px for sidebar */
	border-right: 3px solid #c1cc52; 
    background: #ffffff;
}


.content_hr {
    height:1px;
    padding:0px;
    margin:20px 1em 20px 0;
    border:none;
    border-top:1px solid #eae9e9;
    border-bottom:1px solid #fbfcfc;
}

div#content h2 a { color: #000000;} 



#sidebar {
	float: right;
	width: 307px;  /* sidebar fits within right side */
/*	background-color: #e1e85c;  */
/*	background: #f1f660 url(images/bg_OliveYellow.gif) repeat-x;  */
/*	background-color: #ffffff; */
    background: #ffffff url(images/bg_content.jpg) repeat-x;
	padding: 1em 0 1em 0;
	margin: 0 3px 0 0;
}

#search-sidebar {
	float: right;
	width: 90px;  /* sidebar fits within right side of search page */
    background: #ffffff url(images/bg_content.jpg) repeat-x;
	padding: 1em 0 1em 5px;
	margin: 0 0 0 0;
}

#sidebar p { margin: 0 0 0 0; }  /* fix buggy browsers */

#header a,header a:hover {
	display: block;
    background: url("images/stokcom_logo_banner.gif") no-repeat center; 
	border-bottom: 1px solid #333; 
	height: 75px;
	margin: 0px;
	font-size: 1px;
	text-decoration: none;
}

#blog-header a,blog-header a:hover {
	display: block;
    background: url("images/stokcom_blog_banner.gif") no-repeat center; 
	border-bottom: 1px solid #333; 
	height: 75px;
	margin: 0px;
	font-size: 1px;
	text-decoration: none;
}


#footer { 
	display: block;
	background-color: #d8e159;
	border-top: 1px solid #333; 
    font-family: Arial,Verdana, sans-serif; 
	padding-top:4px;
	padding-bottom:5px;	
	text-align: center;
    font-size: 9pt;
	clear: both;
}


.Image {
	float:right; 
	padding: 5px;
	margin: 0 5px 5px 15px;
	border: 0;
/*	border: dashed #999 1px;  */
/*	border: solid #ffffff 2px; */
}


#search_box {
	padding: 0 0 0 0;
	margin: 0 0 0 22px;
}



#Ad_Box {
	width: 316px; 
	position: relative; 
	margin:0 0 0 0; 
}


/*  Text box - underlined when hovered */

div.text_box, div.text_box a {
	display: block;
    background: url("images/empty_box.gif") no-repeat center; 
	height: 110px;
    font-family: Arial,Verdana,Helvetica;
	font-size: 14px;
	text-decoration: none;
}

div.text_box a:hover {
	display: block;
    background: url("images/empty_box.gif") no-repeat center; 
	height: 110px;
    font-family: Arial,Verdana,Helvetica;
	font-size: 14px;
	text-decoration: underline;
}

div.text_box  h2 {
    margin: 0;
    padding:10px 61px 8px 70px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 18px; 
    font-weight:normal;
	color:#000000; 
}
div.text_box p {
    margin:0;
    padding:0 61px 5px 70px;
    font-family:Verdana, Arial, sans-serif;
    font-size:12px;
    color:#666766;
}


/*  Link box - highlited when hovered */

div.link_box a {
	display: block;
    background: url("images/link-box.gif") no-repeat center; 
    height: 75px;
    margin: 0;
    padding:10px 52px 0 52px;
	font-family: Verdana, Arial, sans-serif;  
	font-size: 16px; 
    font-weight:bold;
	color:#000000; 
}

div.link_box a:hover {
	display: block;
	text-decoration: none;
    background: url("images/link-box-hover.gif") no-repeat center; 
    height: 75px;
    margin: 0;
    padding:10px 52px 0 52px;
	font-family: Verdana, Arial, sans-serif;  
	font-size: 16px; 
    font-weight:bold;
    color:#666766;
}


.right_side_faded_item_box {
	position: relative;
    background: url("images/bg_fade280.jpg") repeat-y; width:260px;
	border: dashed #999 1px; 
	padding: 0px 10px 10px 10px;
	margin: 0 0 7px 12px;

}

.right_side_faded_item_box h2 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 16px; 
	color:#000000; 
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
}


.left_side_faded_item_box {
    background: url("images/bg_fade630.jpg") repeat-y;
	border: dashed #999 1px; 
	padding: 0px 2em 2em 2em;
	margin: 2em 10px 1em 0;
}

.left_side_faded_item_box h2 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 16px; 
	color:#000000; 
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
}

.query-form-box {
    background: url("images/bg_fade280.jpg") repeat-y; width:260px;
	border: dashed #999 1px; 
/*	padding: 5px 0 0 1em; */
	padding: 0px 5px 0 15px;
	margin: 0 0 7px 12px;
    font-family: Arial,Verdana,Helvetica;
    font-size: 10pt;
}

#query-form {
	line-height: 150%;
}
.query-form-box h2 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 16px; 
	color:#000000; 
	text-align: left;
	padding: 3px 0 1px 0;
}

/*  *****************************
div#greybox div {
	background: url(/images/box-gray-top.gif) no-repeat top left;
	padding: 8px;
}

************************  */


.bubble {
	padding:6px;
	margin:5px 0 0 0;
	background: #edfbde;
	font-size:12px;
    font-family: Arial,Verdana,Helvetica;
	color:#486828;
	border: 1px solid #84bb4e;
}


.pad50 { padding-left: 50px; padding-top: 1px; padding-bottom: 1px; padding-right: 50px;}
.pad90 { padding-left: 90px; padding-top: 1px; padding-bottom: 1px; padding-right: 90px;}
.bbg { background-color : #000000; color:#ffffff; font-size: 9px; }
.menubbg { background-color: #000000; color:#efefef;  font-size: 12px; font-family: Verdana, Arial;}

.banner {
	font-size:9px;
	font-family: Verdana, Arial;
	color:#000000;
	text-decoration:none; 
	background-color: #dddddd; 
	vertical-align: middle; 
}

#center_line {
	background-image:  url("images/bg_green_fade.jpg");
	background-repeat: no-repeat;
	width: 2px;
}

.screenshot { 
	font-size:12px;
	font-family: "Courier New", Courier, "Lucida Console", Arial;
	color:#000000;
	text-decoration:none; 
	background-color: #eefefe; 
	vertical-align: middle; 
}


.table { 
	font-size:12px;font-family:"Lucida Console", Arial;
	color:#000000;
	text-decoration:none; 
	background-color: #ffffff; 
	vertical-align: middle;
}

.bluetable { 
	font-size:12px;font-family:"Lucida Console", Arial;
	color:#000000;
	text-decoration:none; 
	background-color : #d5e7ff; 
	vertical-align: middle; 
}


	body { behavior: url(/hover.htc); }
	div#menu { position: relative; margin-left: 20px; width: 700px;}
	div#menu ul { margin: 0; padding: 0;}
	div#menu li { position: relative; list-style: none; margin: 0; padding: 0; float: left; width: 140px; display:inline; background-image: url(images/linkbutton1.gif);}
	div#menu ul ul { position: absolute; display: none; }

	div#menu ul, div#menu ul li a { color: #4b4b4b; font-weight: bold; background-image: url(images/linkbutton1.gif); }
	div#menu ul ul li { border: 1px solid #ccc; color: #4b4b4b; }
	div#menu li.submenu:hover a { color: #4b4b4b; font-weight: bold;  } 

	div#menu li a { color: #4b4b4b; border: 1px solid; padding: 2px;  font-family: Verdana, Tahoma, Arial; font-size: 11px; 
     font-weight: bold; text-decoration: none; border-color: #48719E #23374D #23374D #48719E; display: block; margin: 0px; width: auto; text-align: center;}

	div#menu li a:hover { color: #4b4b4b; border: 1px solid;   font-family: Verdana, Tahoma, Arial; font-size: 11px; 
      background-image: url(images/linkbutton2.gif);
      padding-left: 4px; padding-top: 3px; padding-bottom: 1px; padding-right: 1px;
      font-weight: bold; text-decoration: none; border-color: #23374D #48719E #48719E #23374D; display: block; margin: 0px; width: auto; text-align: center;}

	div#menu ul.level1 li.submenu:hover ul.level2,
	div#menu ul.level2 li.submenu:hover ul.level3 { display: block;}
	div#menu ul.level2 { top: 15px; left: -1px; }
	div#menu ul.level3 { top: -1px; left: 139px; border-top: 1px solid #CCC; }


.selected { background-color: #E4EAF2; line-height: 130%; }
.unselected { background-color: #ffffff; line-height: 130%;  }

a.help:hover { cursor:help;}
abbr { cursor:help;}

/*  New method ... */
a:link, a:visited, a.bodylink:link, a.bodylink:visited {
text-decoration: none; 
color: #3300ff; 
}
a:hover, a:active, a.bodylink:hover, a.bodylink:active {
text-decoration: underline; 
color: #3300ff; 
}

/*******  Old method ...
a:link, a:visited, a.bodylink:link, a.bodylink:visited {
text-decoration: underline; color: #330099; 
}
a:hover, a:active, a.bodylink:hover, a.bodylink:active  { 
text-decoration: underline; color: #000000; background:#d5e7ff;
} 
********** */

div.dirpage a:link, div.dirpage a:visited  {text-decoration: none; color:#4b4b4b; }

div.dirpage a:hover, div.dirpage a:active {text-decoration: underline; color:#2b2b2b;}

a.mainlink:link, a.mainlink:visited, a.copyright:link, a.copyright:visited  { 
text-decoration: none; color: #ffffff; font-family: Verdana, Tahoma, Arial; font-size: 9px; font-weight: normal;  background:#000000; 
}
a.mainlink:hover, a.mainlink:active, a.copyright:hover, a.copyright:active { 
text-decoration: underline; color: #00ff00; font-family: Verdana, Tahoma, Arial; font-size: 9px; font-weight: normal; 
}

.copyrightspan { color: #ffffff; font-family: Verdana, Tahoma, Arial; font-size: 9px; font-weight: normal; }
.divider { color: #999999; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; }

a.toclink:link, a.toclink:visited { text-decoration: none; font-weight:bold; font-size: 13px; font-family: Verdana, Tahoma, Arial; color: #000389; }
a.toclink:hover, a.toclink:active { text-decoration: none; font-weight:bold; font-size: 13px; font-family: Verdana, Tahoma, Arial; color: #000000; background:#d5e7ff; }



/* Main titles with underline */
h1 {
	font-family: Verdana, Arial, sans-serif; 
	border-bottom: solid 1px Black;
	font-weight: normal;
	font-size: 24px; 
	color: #000000;
	text-align: left;
	padding-bottom:15px;
	margin-bottom: 25px;
}


/* Subheadings (brown)  */
h2 { 
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold; 
	font-size: 18px; 
	color:#4b4b4b; 
	text-align: left;
	margin: 0px;	
	padding: 25px 0 15px 0;
}

/* Subheadings  (dark purple)  */
h3 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 18px; 
	color:#330099; 
	text-align: left;
	margin: 0px;	
	padding: 25px 0 15px 0;
}


/* Subheadings in new menu pages  (first letter bigger)  */
h4 { 
	font-family: Verdana, Arial, sans-serif; 
	font-weight: normal; 
	font-size: 18px; 
	color:#4b4b4b; 
	margin: 0px; 
	/* background: #F8F7EF 10px 1.75em no-repeat; */
	background: #e1e1ff 10px 1.75em no-repeat; 
	border: 1px dashed #999; 
	padding:10px;
}
h4:first-letter { font-size: 24px; }


/* Subheadings for menu pages */
h5 { font-family: Verdana, Arial, sans-serif;  font-size: 17px; color:#4b4b4b; margin: 0px; padding-top:15px; }

/* Navigation links at bottom of doc files in amber box with dashed border */
h6 {
	background-color: #ffffcc;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000389;
	border: 1px dashed black;
	line-height: 25px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-right: 1px;
    margin-top: 0px;
}


.navigation_pulldown{
	padding-top:12px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	float:right;
	background: #e1e1ff;
	margin:0px;
	border:1px dashed #999;
}
.navigation_pulldown input, .navigation_pulldown select{
	font-family: Arial, sans-serif;
	font-size:12px; color: #000389;
}



/* Specify in HTML with  < div id="narrow_line">< /div > */
#narrow_line
{
 border-bottom: 1px ridge #000000;
 margin: 0px;
 padding: 0px;
 width: 400px;
 height: 1px;
}

.indent50
{
 margin-left: 50px;
}


.DropCap {
	font-size: 260%;
	font-weight: bold;
	float: left; /* special */
	line-height: 90%;
	/* color: #91a4cb; */
	color: #330099;
}

ul.arrow {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: left;
}
  
ul.arrow li {
	margin: 0;
	padding: 0 0 0 8px;
	background-image: url(images/listarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

/* form border control */

form {
    margin-top: 2px;
	margin-bottom: 10px;
}



/*  Boxes */

.DescriptionBox {
    width:344px;  
    background-image:url(images/box344bg.gif);
    backgroundPosition:right;
    text-align:left;
    padding:0;
}

.DescriptionBoxTitle , .DescriptionBoxTitle a:visited {
    color:black;
    font-weight:bold;
    text-decoration:none;
    font-size:16px;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.DescriptionBoxTitle a:hover {
    color:#005500;
    text-decoration:underline;
}

.DescriptionBoxTop {
    background-image:url(images/box50.gif);
    background-align:right;
    height:50px;
}

.DescriptionBoxBottom {
    background-image:url(images/box28.gif);
    height:15px;
    clear:both;
}


.empty {
    clear:both;
    height:20px;
    background-image:url(images/boxwhite.gif);
}

.DescriptionBoxText {
    color:#006600;
    font-size:12px;
    top:40px;
    margin-top:10px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:10px;
}
.DescriptionBoxImage {
    float:left;
    margin-right:7px;
    margin-bottom:0px;
}
.DescriptionBoxImageRight {
    float:right;
    margin-right:7px;
    margin-bottom:0px;
}
.DescriptionBoxSubHead {
    font-size:12px;
    color:black;
    margin-bottom:5px;
}
.DescriptionBoxContents {
    margin-right:10px;
    margin-left:10px;
    margin-top:-45px;
}
.DescriptionBoxMoreInfo {
    clear:both;
    font-size:10px;
    border-top:1px solid #ddddff;
    margin:0;
}

/* *** box *** */

.flex-box-header {
    width:250px;
    height:10px;
    background: url("images/flex-box-top.gif") no-repeat;
}



.flex-box {
	width:250px;
    height:auto;
/*    background-image: url("images/flex-box-bg.gif") ; */
	background-image:url(images/flex-box-bg.gif);
	background-repeat: repeat-y;
	padding: 0 0 0 0;
	margin: 0 0 0 28px;
}

.flex-box-footer {
	width:250px;
    height:10px;
    background: url("images/flex-box-bottom.gif") no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 28px;
}

.flex-box hr {
    height:1px;
    padding:0px;
    margin:20px 1px 20px 3px;
    border:none;
    border-top:4px solid #eae9e9;
    border-bottom:4px solid #fbfcfc;
}

.flex-box p {
    margin:0;
    padding: 0 20px 10px 20px;
    font-family:Verdana, Arial, sans-serif;
    font-size:12px;
    margin:0;
    color:#666766;
}


.flex-box h2 {
    margin: 0;
    padding: 0 10px 10px 24px ;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 18px; 
    font-weight:normal;
	color:#000000; 
}

.flex-box li {
    margin: 0;
    padding: 0 3px 5px 0;
    font-size:12px;
    font-weight:normal;
}

.flex-box ul {
    margin:0 0 0 0;
    padding:0 5px 0 35px;
}

.news-box li {
    margin: 0;
    padding: 0 0 5px 0;
    font-size:12px;
    font-weight:normal;
}

.news-box ul {
    margin:0 0 0 0;
    padding:0 3px 0 15px;
}


.link-arrow {
    background-image:url(images/pointer-arrow.png);
    background-position:top right;
    padding-right:18px;
    background-repeat:no-repeat;
}

.clear_both, .clear {
    clear:both;
    float:none;
    height:0px;
    overflow:none;
}

/* experimental */

div.list a { 
	list-style: none;
	display: block; 
	width: 200px; 
	color: #4b4b4b; 
	border: 1px solid;   
	border-color: #23374D #48719E #48719E #23374D; 
	font-family: Verdana, Tahoma, Arial; 
	font-size: 11px; 
	font-weight: bold; 
	margin: 0px; 
	padding: 3px 1px 3px 10px; 
	text-decoration: none; 
	text-align: left;
	background-image: url(images/linkbutton1.gif);
}
div.list a:hover {
    background-image: url(images/linkbutton2.gif);
}