body {
   padding: 0px; 
   margin: 0px; 
   font-size: small;
   background-color: #ECECEC
}

abbr, acronym, .help {
  border-bottom: 1px dotted #E06400;
  cursor: help;
}

blockquote {
	padding-right: 8px; 
	border-top: #d3d3d3 1px dashed; 
	padding-left: 8px; 
	font-size: 11px; 
	padding-bottom: 8px; 
	margin-left: 15px; 
	color: #626262; 
	line-height: 15px; 
	margin-right: 14px; 
	padding-top: 8px; 
	border-bottom: #d3d3d3 1px dashed;
	background-color: #f7f7f7; 
	text-align: justify;
}

/*common widths*/
.w1 {
   width: 775px;
}
.w2 {
   width: 492px;
}
.w3 {
   width: 188px;
}

em {
   margin-left: 20px;
}

h1 {
   MARGIN-TOP: 26px; font: lighter 44px "Times New Roman", Times, serif; color: #e06400;
}
h2 {
	MARGIN-TOP: 26px; BACKGROUND: none transparent scroll repeat 0% 0%; font: bold 1.8em georgia, times new roman, times, serif; COLOR: #e06400
}
h3 {
	MARGIN-TOP: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 2px; font: bold 15px georgia, times new roman, times, serif; COLOR: #333; line-height: 20px;
}
h4 {
	MARGIN-TOP: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 6px; font: bold 16px/18px georgia, times new roman, times, serif; COLOR: #e06400; line-height: 2;
}
h5 {
	MARGIN-TOP: 15px; MARGIN-BOTTOM: 2px; FONT: 10px verdana, arial, helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #02449E; BORDER-BOTTOM: #eee 1px solid; LETTER-SPACING: 0.09em; TEXT-ALIGN: right
}

a { color: #02449E; TEXT-DECORATION: none; }
a:link { color: #02449E; }
a:visited { color: #02449E; }
a:hover { color: #02449E; text-decoration: underline;	}

img A:link {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

IMG A:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #eee; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
img.icon{
	border: 1px solid #696C6E;
}

.hr1{
	padding: 5px;
	background-color: #02449E;
}
.hr2{
	padding: 5px;
	background-color: #4173B6;
	FONT-WEIGHT: bold; FONT-SIZE: x-small; COLOR: #ffffff;
                /*BACKGROUND: url(/images/seasonal/christmas/snowflakes.png) #6c87b0 repeat-x;*/
}

.hr3{
	height: 4px;
	padding: -2px 0px 0px 0px;
	margin:  -2px 0px 0px 0px;
	border-top: 1px solid #e06400;
	font-size: 1px;
	z-index: 9;
}
.hr4 {
	border-bottom: #999 1px dashed; 
	margin-bottom: 12px; 
	margin-top: 8px;
}
.hr4 hr {
	display: none;
}

#title {
	z-index: 10; position: absolute; top:110px; left:368px;
}
#logo {
	z-index: 1; left: 0px; width: 98%; position: absolute; top: 301px; text-align: right
}

#back-strip {
	PADDING-RIGHT: 4px; 
	MARGIN-TOP: -182px; 
	PADDING-LEFT: 4px; 
	LEFT: 0%; 
	PADDING-BOTTOM: 4px; 
	MARGIN-LEFT: -8px; 
	WIDTH: 100%; 
	PADDING-TOP: 4px; 
	POSITION: absolute; 
	TOP: 50%; 
	HEIGHT: 375px; 
	BACKGROUND-COLOR: #ECECEC;
  	background-repeat: repeat;
   background-image: url(../images/bg.gif);
	border-top: 1px #C0C0C0 solid;
	border-bottom: 1px #C0C0C0 solid;
	z-index: 90;
}
#container {
	MARGIN-TOP: -168px;
	LEFT: 50%;
	padding: 0px;
	MARGIN-LEFT: -390px; 
  POSITION: absolute; 
	TOP: 28%; 
	BACKGROUND-COLOR: #fff;
	z-index: 100;
	BORDER: #02449E 2px solid;
}
#center-container {
	MARGIN-TOP: -168px;
	LEFT: 50%;
	padding: 0px;
	MARGIN-LEFT: -390px; 
	WIDTH: 780px;
   POSITION: absolute; 
	TOP: 50%; 
	HEIGHT: 350px; 
	BACKGROUND-COLOR: #fff;
	z-index: 100;
	BORDER: #02449E 2px solid;
	background-repeat: no-repeat;
}

#hoz-content {
	z-index: 3; left: 47%; width: 51%; position: absolute; top: 21px; background-color: #fff; padding: 0px 10px 0px 10px;
}

/* Tabular navigation */
/**********************/

#tab-nav {
	margin:0;
	padding: 0 0 0 12px;
	MARGIN-TOP: -200px;
	LEFT: 50%;
	padding: 0px;
	MARGIN-LEFT: -390px; 
	WIDTH: 780px;
	POSITION: absolute; 
	TOP: 50%;
                z-index: 100;
}
#tab-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
} 
#tab-nav li {
	display: block;
	margin: 0;
	padding: 0;
	float:left;
}
#tab-nav a {
	display:block;
	color:#fff;
	text-decoration:none;
	background: url(../images/lia.gif) no-repeat;
	margin:0;
	padding: 0.2em 2.4em 0.2em 36px;
	border-right: 1px solid #aaa;
	position: relative;
	font: bold 11px helvetica, arial, geneva, lucida, sans-serif;
}
#tab-nav a:hover {
	background: url(../images/liahover.gif) no-repeat;
}
#tab-nav a.here {
	position:relative;
	z-index:102;
	background: url(../images/liahover.gif) no-repeat;
	border-right: 1px solid #777;
	padding: 0.2em 1em 0.2em 35px;
	margin: 0 4px 0 0;
}
#sub-nav {
	position:relative;
	top:-1px;
	z-index:101;
	margin:0;
	padding: 0px 0 3px 0;
	background: #bbb;
	border-top:1px solid #fff;
	border-bottom:1px solid #999;
}
#sub-nav ul {
	list-style: none;
	margin: 1px 0 0px 13px;
	padding: 0px;
	border-right: 1px solid #fff;
	border-left: 1px solid #aaa;
} 
#sub-nav li {
	position:relative;
	z-index:102;
	display: block;
	margin: 0;
	padding: 0;
	float:left;
}
#sub-nav a {
	color:#fff;
	display:block;
	text-decoration:none;
	margin:0;
	padding: 2px 12px 2px 10px;
}
#sub-nav a:hover {
	color:#444;
}
#sub-nav a.here {
	color:#444;
	background:inherit;
}
#sub-nav br, #topnav br {
	clear:both;
} 

#scroll-container{
	height: 180px; margin: 10px 10px 8px 10px; overflow: auto;
}

.hide {
	DISPLAY: none
}

.pic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	filter: alpha(opacity=20, enabled=1);
}

#footer { 
	width:100%; text-align:center; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; 
}

/*Form elements*/

.button {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #999 1px solid; FONT: 10px verdana, arial, helvetica, sans-serif; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #999 1px solid; CURSOR: pointer; COLOR: #fff; BORDER-BOTTOM: #eee 1px solid; LETTER-SPACING: 0.09em; BACKGROUND-COLOR: #000
}
FORM {
	MARGIN: 0px; FONT: 11px/18px verdana, arial, helvetica, sans-serif; COLOR: #333; BACKGROUND-COLOR: transparent
}
INPUT {
	border: #e06400 1px solid; BACKGROUND: #fff; FONT: 12px/14px verdana, arial, helvetica, sans-serif;
}
TEXTAREA {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: #fff; FONT: 10px/14px verdana, arial, helvetica, sans-serif; BORDER-LEFT: #999 1px solid; COLOR: #333; BORDER-BOTTOM: #eee 1px solid
}
SELECT {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #fff 1px solid; FONT: 10px verdana, arial, helvetica, sans-serif; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #fff
}
OPTION {
	BACKGROUND: #fff; FONT: 10px verdana, arial, helvetica, sans-serif
}
.checkbox {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

/* Date stuff */

.dateheading{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color:#ECECEC;
	height: 20px;
}
.date {
	float: left; margin-left: 5px; 12px georgia, times new roman, times, serif; LETTER-SPACING: 0.09em; text-align: left;
}

.cat {
	float: right; margin-right: 5px; 12px georgia, times new roman, times, serif; LETTER-SPACING: 0.09em; text-align: right;
}

#main {
	border: #02449E 2px solid;
	padding: 0px; 
  float: left; 
	margin-bottom: 10px; 
	margin-left: 8px;
	margin-top: 10px; 
	width: 740px; 
	color: #333; 
	background-color: #fff; 
	text-align: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 742px;
	margin-left: 7px;
}
html>body #main {
	width: 748px;
	margin-left: 11px;
}
	
#top {
	BORDER-TOP-WIDTH: 10px;
	BORDER-BOTTOM-WIDTH: 10px;
	BORDER-RIGHT-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	padding: 0px; 
	background: url(../images/griffin.png) #fff no-repeat right;
	color: #333; 
	height: 180px; 
	text-align: right; 
}
#content {
	padding: 0px;
	float: left; 
	margin: 0px 8px; 
	font: 13px trebuchet ms, verdana, arial, helvetica, sans-serif; 
	color: #333; 
	background-color: #fff; 
	text-align: justify;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 2px;
}
html>body #content {
	padding-left: 8px;
}

#sidebar {
	padding: 7px;
	float: left; 
	font: 11px trebuchet ms, verdana, arial, helvetica, sans-serif; 
	margin-left: 20px; 
	COLOR: #666; 
	LETTER-SPACING: 0.09em; 
	BACKGROUND-COLOR: #fff; 
	TEXT-ALIGN: right; 
	line-spacing: 1.5
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left: 2px;
}
html>body #sidebar {
	padding-left: 5px;
}

#sidebar ul{
         list-style-type: none;
}
#sidebar P {
	margin-top: 5px; 
	margin-bottom: 20px; 
	text-align: right
}
.calendar {
	font-size: 10px;	
	font-weight: normal; 
	letter-spacing: 0.09em;
}	
.calendar A:link {
	background-color: #ECECEC;
	padding: 2px;
	border: 1px solid #999;
	color: #000;
}
.calendarhead {
	top: 1px; 
	left: 90px; 
	margin: 2px; 
	font: bold x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	background:#FFF;
	color: #999;
}
.titlebox { 
	border-bottom:1px dotted #666; 
	border-left:1px dotted #666;
	border-right:1px dotted #666;
	margin-bottom: 10px;
	height: 20px;
}
.sidetitlebox { 
	border-bottom: 1px dotted #666; 
	border-left: 1px dotted #666;
	margin-bottom: 10px;
	height: 20px;
}
.sidetitlebullet{ 
	float: left; 
	top: 1px;	
	left: 90px; 
	height: 14px; 
	width: 14px; 
	border: 1px solid #999; 
	margin: 2px; 
	background-color: #ECECEC;
	font-size: 0.1px;
}  
.sidetitle{ 
	float: right; 
	top: 1px; 
	left: 90px; 
	margin: 2px; 
	font: bold x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	background:#FFF;
	color: #999;
}
.side {
	font: normal xx-small Arial, Helvetica, sans-serif;
  line-height: 140%;
	text-align: right;				
}	
.bullet{
	text-align: left;
	position: relative;
	border: 2px solid #666;
	height: 5px;
	width: 5px;
	background-color: #ECECEC;
	z-index: 10;
}
@media screen
  {
  body>div#back-strip
    {
    position: fixed;
    }
  }
 
#tooltip {
	BACKGROUND: #fff; LEFT: 90px; FLOAT: right; MARGIN: 2px; FONT: bold x-small Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #999; LETTER-SPACING: 0.2em; TOP: 1px
}

.code, pre {
	font: 9pt black Arial, Helvetica, sans-serif; padding: 10px; border: 10px; background-color: #ECECEC; COLOR: #000; LETTER-SPACING: 0.09em; TEXT-ALIGN: left;
}
.rollimg {
	border: 1px solid black;
}

#links h4 {
	MARGIN-TOP: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 4px; font: bold 14px georgia, times new roman, times, serif; COLOR: #e06400;
}
#links p {
   margin-left: 20px;
   padding-left: 10px;
   margin-top: 4px; 
   margin-bottom: 2px;
   border-left: #999 1px dotted;  
   font: 12px trebuchet ms, verdana, arial, helvetica, sans-serif;;
}
.iborder {
	margin-bottom: 20px;
	padding: 7px;
	border-top: 1px #ECECEC solid;
	border-left: 1px #ECECEC solid;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	background: #fff;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
		background-color:#fff;
    color:#000;
		border-bottom:1px dotted #999;
		cursor: help;
    text-decoration:none
		}

a.info:hover{
		z-index:25; 
		border-bottom:1px dashed #999;
		text-decoration:none
		}

a.info span{
		display: none
}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px dashed #999;
    background-color:#ECECEC; color:#000;
    text-align: center;
    text-decoration:none
}
.links {
    color: #999;
    font-size: 88%;
    padding: 0 0 0 0;
}
.more{
    float: right;
}

div.link-info{
	font-size:11px;margin-bottom: 5px; padding-top: 2px;margin-top: 10px; text-align: right; border-top: 1px dashed #D6DEDD;color:#797979;	
}

div.link-info img{
	margin: 0 2px 0 2px; vertical-align: middle;
}