/*   Style Sheet for WebReference.com
     Created: February 15, 2008 / Lee Underwood
     Updated: February 27, 2009

     Color glossary:
     Dark Gold: #ffcf00
     Light Gold: #ffef9c

     Fonts:
     Site Name: MacType
     Other: Franklin Gothic Medium Cond

*/

body {
  background: url(bkgrnd-code.gif) repeat;
  background-color: #fff;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}

code {
  font-size: 1.1em;
}

/* FRPM: http://css.maxdesign.com.au/floatutorial/tutorial0815.htm */

#container {
  width: 98%;
  margin: 0 auto; /* 10px auto; */
  padding: 0;
  background-color: #fff;
  color: #333;
  border: 1px solid #FFCF00;
}

#top {
  padding: .5em;
  padding-bottom: 0;
  background-color: #FFCF00;
  border-bottom: 1px solid #FFCF00;
  height: 58px;
}

#top h1 {
  padding: 0;
  margin: 0;
}

#top a:hover {
  background-color: #FFEF9C;
  padding: 5px;
  color: #000;
}

#leftnavMain {
  float: left;
  width: 15%; /* Need to set for the Snazzy borders to work    */
  padding: 1em 0;
  font-size: .8em;
  border: 1px solid #fc0;
}


#leftnavMain p {
  margin: 0 0 1em 0;
}

#leftnavMain ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 110%;
}

#leftnavlistMain a {
  display: block;
  padding-left: 10px;
  width: 87%;
  background-color: #FFEF9C;
  color: #333;
  border: 1px solid #FFCF00;
  font-size: .9em;
}

#leftnavlistMain a:link, #leftnavlistMain a:visited {
  background-color: #FFEF9C;
  color: #333;
  text-decoration: none;
}

#leftnavlistMain a:hover {
  background-color: #FFCF00;
  color: #000;
}

#leftnav {
  float: left;
  width: 187px; /* Need to set for the Snazzy borders to work    */
  margin: -10px;
  padding: 1em .5em;
  font-size: .8em;
}

#leftnav p {
  margin: 0 0 1em 0;
}

#leftnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 110%;
}

#leftnavlist {
/*  margin-left: 15px; */
}

#leftnavlist a {
  display: block;
  padding-left: 10px;
  width: 146px;
  background-color: #FFEF9C;
  color: #333;
  border: 1px solid #FFCF00;
  font-size: .9em;
}

#leftnavlist a:link, #leftnavlist a:visited {
  background-color: #FFEF9C;
  color: #333;
  text-decoration: none;
}

#leftnavlist a:hover {
  background-color: #FFCF00;
  color: #000;
}

.internetHeadings {
  background-color: #FFCF00;
  width: 160px;
  font-size: 1em;
  font-weight: bold;
  padding-left: 10px;
  text-align: left;
  margin-bottom: 0;
  vertical-align: bottom;
}

.leftNavHeaders {
  background-color: #FFCF00;
  width: 148px;
  padding-left: 10px;
  padding-top: 3px;
}

.leftNavHeadersMain {
  background-color: #FFCF00;
  width: 87%;
  padding-left: 10px;
  padding-top: 3px;
}

#leftNavBot {
  margin: 10px;
}

.devNewsLinks {
  font-size: .8em;
  font-family: Arial, sans-serif;
  line-height: 13px;
  padding-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFCF00;
  margin-bottom: 10px;
}

#content-main {
  float: right;
  width: 82%;
  background:#FFF;
  padding: 10px;
  margin-left: -10px;
  padding-bottom: 15px;
  border: 1px solid #fc0;
}

#content {
  margin-left: 183px;
  border-left: 1px solid #FFCF00;
  padding: 16px 10px 0 10px;
  font: .8em Arial, Helvetica, sans-serif;
}

#content h1 {
  margin: 0 0 .5em 0;
 	font-weight: bold;
 	font-size: 1.9em;
 	font-family: Verdana, sans-serif;
}

#content h1.index {
 	border-bottom: 1px solid #000;
  padding-left: 5px;
 	margin-bottom: 40px;
 	text-transform: capitalize;
 	font: bold 1.9em Verdana, sans-serif;
  color: #000;
}

#content h1.index a {
 	border-bottom: .23em solid #000;
}

#content h1.article {
 	margin-bottom: -15px;
 	font: bold 1.9em Verdana, sans-serif;
  color: #6f6f6f;
}

#content h2 {
  margin: 0 0 .5em 0;
 	font-weight: bold;
 	font-size: 1.6em;
 	font-family: Verdana, sans-serif;
}

#content h3 {
 	font-weight: bold;
 	font-size: 1.3em;
 	font-family: Verdana, sans-serif;
}

#content h4 {
 	font-weight: bold;
 	font-size: 1em;
 	font-family: Verdana, sans-serif;
}

/* box with job ad and other ad(s) */

#jobAd {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}


/* Bottom border of article */

.artBottomBorder {
  border-top: 1px solid #FFCF00;
  margin-top: 30px;
  margin-bottom: 40px;
}

dt.homepage a {
	 border-bottom: 1px solid #000;
}

dt.homepage {
  font-weight: bold;
	 padding-bottom: 0;
  margin-bottom: 5px;
	 font-weight: bold;
}

dd.articles {
  margin-left: 20px;
  margin-bottom: 10px;
}

#contentNav {
  background-color: #FFCF00;
  border-bottom: 1px solid #FFCF00;
  height: 10px;
  padding-right: 10px;
  font: .9em Arial, Helvetica, sans-serif;
  text-align: right;
}

#contentNav a:link, #contentNav a:visited {
  color: #000;
  text-decoration: none;
}

#contentNav a:hover {
  background-color: #FFEF9C;
  color: #000;
}

.rightAd {
  width: 365px;
  float: right;
  border: 1px solid #FFCF00;
  padding: 5px;
  text-align: center;
  margin-left: 10px;
  margin-right: -10px;
}

#footer {
  clear: both;
  margin: 0;
  padding: .5em;
}

#sample_attach, a.sample_attach {
  width: 100px;
  border: 1px solid #DFAD00;
  background: #FFFFEE;
  padding: 0px 5px;
  font-weight: 900;
  color: #00009C;
  text-align: center;
}

a.sample_attach {
  display: block;
  border-bottom: none;
  text-decoration: none;
}

.searchBox {
  float: right;
  color: #000;
  font-size: .7em;
  font-weight: bold;
}

form.sample_attach {
  position: absolute;
  visibility: hidden;
  border: 1px solid #FFCF00;
  background: #FFEF9C;
  color: #000;
  padding: 0px 5px 2px 5px;
  text-align: center;
  font-size: .7em;
}

img {
  border: none;
}

.img-right {
  float: right;
  padding: 10px 0 10px 10px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.img-left {
  float: left;
  padding: 10px 10px 10px 0;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.img-center {
  margin: 10px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.imgcenter {
  margin: 10px;
  padding: 10px;
  border: 1px solid #DFDFDF;
  text-align: center;
  font: italic bold .8em Verdana, Arial, Helvetica, sans-serif;
}

.floatright {
  float: right;
  margin: 10px 0 10px 10px;
  padding: 10px;
  border: 1px solid #DFDFDF;
  text-align: center;
  font: italic bold .8em Verdana, Arial, Helvetica, sans-serif;
}

.floatleft {
  float: left;
  margin: 10px 10px 10px 0;
  padding: 10px;
  border: 1px solid #DFDFDF;
  text-align: center;
  font: italic bold .8em Verdana, Arial, Helvetica, sans-serif;
}

input.button {
  color: #000;
  background: #FFCF00;
  font-size: x-small;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #000;
}

.subscribeBox {
  float: right;
  font-size: .7em;
  font-weight: bold;
}

.subscribeBox a:link, .subscribeBox a:visited {
  color: #000;
}

/* =======     Snazzy borders     ================= */
/* http://www.cssplay.co.uk/boxes/snazzy.html */
/* http://www.html.it/articoli/nifty/index.html */

.xboxcontent {
  display:block;
  background:#ffcf00;
  border:0 solid #000;
  border-width:0 1px;
}

#xsnazzy {
  background: transparent;
  margin:1em;
}

.xtop, .xbottom {
  display:block;
  background: transparent;
  font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
  display:block;
  overflow:hidden;
}

.xb1, .xb2, .xb3 {
  height:1px;
}

.xb2, .xb3, .xb4 {
  background: #ffcf00;
  border-left:1px solid #000;
  border-right:1px solid #000;
}

.xb1 {
  margin:0 5px;
  background:#000;
}

.xb2 {
  margin:0 3px;
  border-width:0 2px;
}

.xb3 {
  margin:0 2px;
}

.xb4 {
  height:2px;
  margin:0 1px;
}

/* ====================  */

#xsnazzy2 {background: transparent; margin:1em;}

.xtop2, .xbottom2 {
  display:block;
  background:transparent;
  font-size:1px;
}

.xb1a, .xb2a, .xb3a, .xb4a {
  display:block;
  overflow:hidden;
}

.xb1a, .xb2a, .xb3a {
  height:1px;
}

.xb2a, .xb3a, .xb4a {
  background:#ffcf00;
  border-left:1px solid #000;
  border-right:1px solid #000;
}

.xb1a {
  margin:0 5px;
  background:#000;
}

.xb2a {
  margin:0 3px;
  border-width:0 2px;
}

.xb3a {
  margin:0 2px;
}

.xb4a {
  height:2px;
  margin:0 1px;
}

.xboxcontent2 {
  display:block;
  background:#ffcf00;
  border:0 solid #000;
  border-width:0 1px;
}

/* for breadcrumb script */

.topnav {
 	font-size: 0.8em;
  color: #000;
  text-align: left;
 	padding: 0 8px 25px 0;
}

/* =======  SlidePanel  ========  */

#top-panel{
	background:#e8f3c6;
	border-bottom:3px solid #a6c34e;
	padding:14px 20px;
	text-align:right;
 font-size: .7em;
}
#sub-panel{
	text-align:center;
}

#sub-panel a{
 	width:100px;
 	float:right;
 	color:#FFFFFF;
 	text-decoration:none;
 	margin-right:15px;
 	font-weight:bold;
 	background:url(sub-left.gif) bottom left no-repeat #a6c34e;
}

#sub-panel a span{
 	padding:6px;
 	background:url(sub-right.gif) right bottom no-repeat;
 	display:block;
  font-size: .8em;
}

strong{color:#000000;}

a.gt strong { color:white; }

.face{border:solid 2px #a6c34e; margin-left:10px; float:right;}

* {outline:none;}

/* ====================================*/

.notes {
  border: 1px solid #8F8F8F;
  color: #000;
  background-color: #DFDFDF;
  padding: 10px;
  margin-left: 60px;
  margin-right: 60px;
}

em.seo, strong.seo {
  font-weight: normal;
  font-style: normal;
}