<STYLE TYPE="text/css">
/* NORMALIZING styles
===========================================*/
html { height: 100%; }
body { 
	min-height: 100%; height: 100%; 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

body, p, div, ul, li, td, h1, h2 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h4, h5, h6 {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
}
table { border: 0px;}

/* MAIN styles
===========================================*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #cccc99;
	height:100%;
	}

p {
	margin-top: 0;
	margin-bottom: 1.2em;
	padding-bottom: 1px;
	}
	
#main-page 
{
/*width:1200px; */
width:950px; 
margin: auto;
padding: 10;
background:url(../img/gray_to_white_top.gif) repeat-x;
background-color: #fff;
}

.column { position:relative; }

#main-wrapper
{
position:relative;
margin: 0;
padding: 0;
}

#main-header
{
width:950px;
background:url(../img/top_main_border.gif) repeat-x bottom;
}

#main-left
{
background:url(../img/left_main_border.gif) repeat-y right;
}

#main-right
{
background:url(../img/right_main_border.gif) repeat-y left;
}

#main-footer
{
width:950px;
background:url(../img/bottom_main_border.gif) repeat-x top;
clear:both;
}

/* headers 
----------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	padding:0;
	}
	
h1 {
	font-size: 1.75em;
	line-height: 1.1em;
	color: #074f70;
	margin: 0.5em -17px 0.5em -16px;
	padding: 0.5em 4em .35em 16px;
	border-bottom: 2px solid;
	border-color: #ccc;
	}

h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #222;
	margin: 0 0 5px 0;
	margin-top: 0;
	margin-bottom: 1.2em;
	}

h3 {
	font-size: 1.0em;
	line-height: 1.35em;
	color: #222;
	margin: 0 -8x 0.85em -8px;
	padding: 0.2em 8px;
	background-color: #ececec;
	border-bottom: 1px solid #bdbdbd;
	}

h4 {
	font-size: 1.0em;
	line-height: 1.35em;
	color: #244451;
	margin: 0 0 5px 0;
	}

h5 {
	font-size: 1.0em;
	line-height: 1.35em;
	color: #244451;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	}

h6 {
	font-size: 1.0em;
	line-height: 1.35em;
	color: #244451;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	}


/* links 
----------------------------------------- */
a {
color: #047;
}
a.on,
a:hover,
a:visited:hover {
color: #C00;
background-color: #fff5c0;
}
a:visited {
color: #5A6F7F;
}

/* special effects 
----------------------------------------- */
img.image-border,
img.image-editorial {
border: solid 1px #999;	
}
img.image-noborder {
border: solid 1px white;
}
select {
background-color: #fefefe;
/*\*/
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
/* */
}
select:hover,
select:focus {
border-color: #6d5 #5b5 #459455 #5b5;
}

/* Main Nav & Sub-Nav Tab Styles
----------------------------------- */
    #mainnav {
      float:left;
	  position:relative;
      width:100%;
      background:#990000 url("/nav_img/bg_grey.gif") repeat-x bottom;
      font-size:93%;
      line-height:16px;
	  height: 26px;
	  display:block;
      }
    #mainnav .leftside-mainnav {
	  position:absolute;
	  left: 5px;
      }
    #mainnav .rightside-mainnav {
      float:left;
      margin:0;
	  display:inline;
      }
    #mainnav img {
	  display:inline;
      }
    #mainnav ul {
      float:left;
      margin:0; 
      padding:0px 0px 0px 20px;
      list-style:none;
	  display:inline;
      }
    #mainnav li {
      float:left;
      background:url("/nav_img/left_main_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #696969;
      }
    #mainnav a {
      float:left;
      display:block;
      width:.1em;
      background:url("/nav_img/right_main_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FDD8D8;
	  white-space:nowrap;
      }
    #mainnav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mainnav a {float:none;}
    /* End IE5-Mac hack */
    #mainnav a:hover {
      color:#FFF;
      }
    #mainnav #current {
      background-position:0 -150px;
      border-width:0;
      }
    #mainnav #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#990000;
      font-weight:bold;
      }
    #mainnav #current a:hover {
      color:#990000;
      }
    #mainnav li:hover, #mainnav li:hover a {
      color:#fff;
      }
	
    #subnav {
      float:left;
      width:100%;
      background:#FFF url("/nav_img/bg_grey.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #subnav ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #subnav li {
      float:left;
      background:url("/nav_img/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #696969;
      }
    #subnav a {
      float:left;
      display:block;
      width:.1em;
      background:url("/nav_img/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#1A3B6A;
	  white-space:nowrap;
      }
    #subnav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #subnav a {float:none;}
    /* End IE5-Mac hack */
    #subnav a:hover {
      color:#1A3B6A;
      }
    #subnav #current {
      background-position:0 -150px;
      border-width:0;
      }
    #subnav #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#1A3B6A;
      font-weight:bold;
      }
    #subnav #current a:hover {
      color:#6788BE;
      }
    #subnav li:hover, #subnav li:hover a {
      background-position:0% -150px;
      color:#6788BE;
      }
    #subnav li:hover a {
      background-position:100% -150px;
      }


/* Header
----------------------------------- */
    #logoheader {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
	  height: 100px;
      }

/* Footer
----------------------------------- */


/* Left Column 
----------------------------------- */


/* Main Content 
----------------------------------- */

/* Right Column 
----------------------------------- */

	
/* Misc Styles
----------------------------------- */
a img {
	border: none;
	}

pre, code {
	font-size: 12px;
	font-family: 'Courier New', Courier, Fixed;
	color:#1A327C;
	}

.note {
	font-size:0.8em;
	line-height: 1.0em;
	color:#999;
	font-style: italic;
	}

/*
a:link             { color:#666699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; }
a:active           { color:#666699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; }
a:visited          { color:#666699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; }
a:hover            { color:#9999CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; }
*/
.TITLE             {font-family:Verdana, Arial, Helvetica; font-size:16px; font-weight:bold; color: #333333;}
.HEAD	           {font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; color: #333333;}
/*
body{
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0px 0 0px 0px;
	color: #000;
}

p {
	margin:3px;
	padding:0;
}
*/
.header           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; border: #FFFFFF; font-weight: bold;}
.headertitle        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.welcomeline        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #B7C8DA; text-decoration: none; }

.tab_on_bg         { background-image: url('../nav_img/tab_on_gradient.gif') }
.tab_off_bg        { background-image: url('../nav_img/tab_off_gradient.gif') }
.tab_farright_bg   { background-image: url('../nav_img/tab_farright_filler.gif') }
.tab_border_color  { background-color: #5B5B5B; }
.tab_off_color     { background-color: #C5C5C5; }
.tab_on_color      { background-color: #F0F0F0; }
.tab_on          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444444; }
a.tab_on:link, a.tab_on:active, a.tab_on:visited  { 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; }
a.tab_on:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none; background-color: transparent;	
}
.tab_off            { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6d7b34; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; }
a.tab_off:link      { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6d7b34; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; }
a.tab_off:active    { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6d7b34; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; }
a.tab_off:visited   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6d7b34; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; }
a.tab_off:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #9cb04a; font-size: 12px; font-weight: bold; text-decoration: none; background-color: transparent;	
}

.subtabbg   { BORDER-LEFT: #5B5B5B 1px solid; BORDER-TOP: none; BORDER-RIGHT: #5B5B5B 1px solid;  BORDER-BOTTOM: #5B5B5B 1px solid; }
.no_subtabbg   { BORDER-LEFT: #5B5B5B 1px solid; BORDER-TOP: #5B5B5B 1px solid; BORDER-RIGHT: #5B5B5B 1px solid;  BORDER-BOTTOM: #5B5B5B 1px solid; }
.subtabfootbg      { background-color: #CFCFCF; }
.subtab_on_bg         { background-image: url('../nav_img/subtab_on_gradient.gif') }
.subtab_off_bg        { background-image: url('../nav_img/subtab_off_gradient.gif') }
.subtab_upper_bg   { background-image: url('../nav_img/subtab_farright.gif') }
.subtabheader_bg   { background-image: url('../nav_img/subtabheader_gradient.gif') }
.subtab_none_bg   { background-image: url('../nav_img/subtab_middle_gradient.gif') }

.subtabON          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; }
a.subtabON:link    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; }
a.subtabON:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; }
a.subtabON:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; }
a.subtabON:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; background-color: transparent;	
}

.subtabhead        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #EEEEEE; text-decoration: none; background-color: #FEFEFE; }

.subtab            { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; }
a.subtab:link      { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; }
a.subtab:active    { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; }
a.subtab:visited   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; }
a.subtab:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: bold; text-decoration: none; font-style: normal; background-color: transparent;	
}

.graybox   { BORDER-LEFT: #DDDDDD 1px solid; BORDER-TOP: none; BORDER-RIGHT: #DDDDDD 1px solid;  BORDER-BOTTOM: #DDDDDD 1px solid; }
.whitebox   { BORDER-LEFT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-RIGHT: #FFFFFF 1px solid;  BORDER-BOTTOM: #FFFFFF 1px solid; }

.menubg         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666699; text-decoration: none; background-color: #DDDDDD; border: #FFFFFF; }
a.menubg:link   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666699; text-decoration: none; background-color: #DDDDDD; border: #FFFFFF; }
a.menubg:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666699; text-decoration: none; background-color: #DDDDDD; border: #FFFFFF; }
a.menubg:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666699; text-decoration: none; background-color: #DDDDDD; border: #FFFFFF; }
a.menubg:hover  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666699; text-decoration: none; background-color: #DDDDDD; border: #FFFFFF; }
/*
.colbg       { background-image:  url('../nav_img/slate_bkgnd_4x28.gif'); }
.colbg2       { background-image:  url('../nav_img/blue_bkgnd_4x28.gif'); }
*/
.colbg       { background-image:  url('../nav_img/grn5c_bkgnd_4x28.gif'); }
.colbg2       { background-image:  url('../nav_img/grn5_bkgnd_4x28.gif'); }

.colhead         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:link   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12x; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:hover  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; font-weight: bold; text-decoration: underline; border: #FFFFFF; background-color: transparent;	
}

.smbtn_footerbg         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #D4D4D4; border: #FFFFFF; }

.headline            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.headline:link      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.headline:active    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.headline:visited   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.headline:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }

.subhead            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.subhead:link      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.subhead:active    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.subhead:visited   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.subhead:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }

.normal            { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; border: #FFFFFF; }
a.normal:link      { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.normal:active    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.normal:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.normal:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; }

.small             { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:link       { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:active     { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: underline; }

.smallcaption             { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:link       { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:active     { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: underline; }

.small-white             { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }


.stdrow            { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #111111; text-decoration: none; border: #FFFFFF; }
a.stdrow:link, a.stdrow:active, a.stdrow:visited { 
color: #165AA5; text-decoration: underline; }
a.stdrow:hover     { color: #4D93DF; text-decoration: underline; }

.attention          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; border: #FFFFFF; }
.alertrow           { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; border: #FFFFFF; }
.warnrow            { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC9900; text-decoration: none; border: #FFFFFF; }

.boldrow           { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; border: #FFFFFF; font-weight: bold;}
a.boldrow:link     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; font-weight: bold;}
a.boldrow:active   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; font-weight: bold;}
a.boldrow:visited  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; font-weight: bold;}
a.boldrow:hover    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; font-weight: bold;}

.lightcol            { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #EFEFEF; }
a.lightcol:link      { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.lightcol:active    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.lightcol:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.lightcol:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; }

/*
.lightrow            { background-color: #EEEEEE; }
.lightrow            { background: url(../img/gradient-lightorange.gif) repeat-x; }
.semilightrow        { background-color: #DDDDDD; }
.verylightrow        { background-color: #EEEEEE; }
.darkrow             { background-color: #DDDDDD; }
.darkrow             { background: url(../img/gradient-lightblue.gif) repeat-x; }
.whiterow            { background-color: #FFFFFF; }
.blackrow            { background-color: #000000; }
.highlightrow        { background-color: #FF9900; }
*/
.lightrow            { background-color: #F4F6F3; }
.semilightrow        { background-color: #DDDDDD; }
.verylightrow        { background-color: #EEEEEE; }
.darkrow             { background-color: #E6E7E5; }
.whiterow            { background-color: #FFFFFF; }
.blackrow            { background-color: #000000; }
.highlightrow        { background-color: #98CC00; }

.darkcol        { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #E5E5E5; font-weight: bold; }
a.darkcol:link      { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.darkcol:active    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.darkcol:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.darkcol:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; }

.bread             { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.bread:link       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.bread:active     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.bread:visited    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.bread:hover      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: underline; }

.copyright         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
.tagline           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.tagline:link     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.tagline:active   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.tagline:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.tagline:hover    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: underline; }

.warning             { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:link       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:active     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:visited    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:hover      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: underline; }

/* Buttons
----------------------------------- */
.button_bg  { background-image: url('../nav_img/button_gradient.gif') }
.button    		  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:link     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:hover    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #475E96; text-decoration: none; background-color: transparent;	
}

.button2-left	{background-image: url('/nav_img/button_left.gif'); width='5'; height='22'; }
.button2-right	{background-image: url('/nav_img/button_right.gif') }
.button2-bg	{background-image: url('/nav_img/button_gradient.gif') }

.cssbutton-wrapper {
	margin: 0;  
	float: left;
}
.cssbutton	{ 
    background: url('/nav_img/green-button-sq.gif') left top; 
	height: 21px; 
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;	
	color: #333; 	
	margin: 0;  
	width: auto;
	display: block; 
	position: relative;
	white-space: nowrap;
	border:solid 1px #aaa; 
	margin: 0; 
	padding: 0 5px 0 5px; 
}
a.cssbutton:link, a.cssbutton:active, a.cssbutton:visited { color: #333; text-decoration: none; }
a.cssbutton:hover, a.cssbutton:visited:hover { background: url('/nav_img/green-button-sq.gif') left bottom; color: #fff;}


.button-wrapper {
	text-align: left;
	position: relative;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;	
	width: 100px;
	height: 24px;
}

.buttonBlue	{ background: url('/nav_img/blue-button-100.gif') left top; width: 100px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button-wrapper a.buttonBlue, .button-wrapper a.buttonBlue:link, .button-wrapper a.buttonBlue:active, .button-wrapper a.buttonBlue:visited {  background: url('/nav_img/blue-button-100.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 100px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button-wrapper a.buttonBlue:hover { background: url('/nav_img/blue-button-100.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 100px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.buttonGray	{ background: url('/nav_img/gray-button-100.gif') left top; width: 100px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #555; z-index: 2; position: absolute; }
.button-wrapper a.buttonGray, .button-wrapper a.buttonGray:link, .button-wrapper a.buttonGray:active, .button-wrapper a.buttonGray:visited {  background: url('/nav_img/gray-button-100.gif') left top; font-weight: bold; color: #555; text-decoration: none; width: 100px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button-wrapper a.buttonGray:hover { background: url('/nav_img/gray-button-100.gif') left bottom; font-weight: bold; color: #000; text-decoration: none; width: 100px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.buttonBlack	{ background: url('/nav_img/black-button-100.gif') left top; width: 100px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button-wrapper a.buttonBlack, .button-wrapper a.buttonBlack:link, .button-wrapper a.buttonBlack:active, .button-wrapper a.buttonBlack:visited {  background: url('/nav_img/black-button-100.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 100px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button-wrapper a.buttonBlack:hover { background: url('/nav_img/black-button-100.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 100px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.buttonOrange	{ background: url('/nav_img/orange-button-100.gif') left top; width: 100px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button-wrapper a.buttonOrange, .button-wrapper a.buttonOrange:link, .button-wrapper a.buttonOrange:active, .button-wrapper a.buttonOrange:visited {  background: url('/nav_img/orange-button-100.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 100px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button-wrapper a.buttonOrange:hover { background: url('/nav_img/orange-button-100.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 100px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.buttonGreen	{ background: url('/nav_img/green-button-100.gif') left top; width: 100px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button-wrapper a.buttonGreen, .button-wrapper a.buttonGreen:link, .button-wrapper a.buttonGreen:active, .button-wrapper a.buttonGreen:visited {  background: url('/nav_img/green-button-100.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 100px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button-wrapper a.buttonGreen:hover { background: url('/nav_img/green-button-100.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 100px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.button200-wrapper {
	text-align: left;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;	
	position: relative;
	width: 200px;
	height: 24px;
}

.button200Blue	{ background: url('/nav_img/blue-button-200.gif') left top; width: 200px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button200-wrapper a.button200Blue, .button200-wrapper a.button200Blue:link, .button200-wrapper a.button200Blue:active, .button200-wrapper a.button200Blue:visited {  background: url('/nav_img/blue-button-200.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 200px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button200-wrapper a.button200Blue:hover { background: url('/nav_img/blue-button-200.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 200px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.button200Gray	{ background: url('/nav_img/gray-button-200.gif') left top; width: 200px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #555; z-index: 2; position: absolute; }
.button200-wrapper a.button200Gray, .button200-wrapper a.button200Gray:link, .button200-wrapper a.button200Gray:active, .button200-wrapper a.button200Gray:visited {  background: url('/nav_img/gray-button-200.gif') left top; font-weight: bold; color: #555; text-decoration: none; width: 200px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button200-wrapper a.button200Gray:hover { background: url('/nav_img/gray-button-200.gif') left bottom; font-weight: bold; color: #000; text-decoration: none; width: 200px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.button200Black	{ background: url('/nav_img/black-button-200.gif') left top; width: 200px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button200-wrapper a.button200Black, .button200-wrapper a.button200Black:link, .button200-wrapper a.button200Black:active, .button200-wrapper a.button200Black:visited {  background: url('/nav_img/black-button-200.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 200px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button200-wrapper a.button200Black:hover { background: url('/nav_img/black-button-200.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 200px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.button200Orange	{ background: url('/nav_img/orange-button-200.gif') left top; width: 200px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button200-wrapper a.button200Orange, .button200-wrapper a.button200Orange:link, .button200-wrapper a.button200Orange:active, .button200-wrapper a.button200Orange:visited {  background: url('/nav_img/orange-button-200.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 200px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button200-wrapper a.button200Orange:hover { background: url('/nav_img/orange-button-200.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 200px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.button200Green	{ background: url('/nav_img/green-button-200.gif') left top; width: 200px; height: 24px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #eee; z-index: 2; position: absolute; }
.button200-wrapper a.button200Green, .button200-wrapper a.button200Green:link, .button200-wrapper a.button200Green:active, .button200-wrapper a.button200Green:visited {  background: url('/nav_img/green-button-200.gif') left top; font-weight: bold; color: #eee; text-decoration: none; width: 200px; height: 24px;padding: 0; z-index: 20; position: absolute;}
.button200-wrapper a.button200Green:hover { background: url('/nav_img/green-button-200.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 200px; height: 24px; padding: 0; z-index: 200; position: absolute;}

.buttonBig-wrapper {
	text-align: left;
	position: relative;
	width: 200px;
	height: 65px;
}
.buttonBigOrange	{ background: url('/nav_img/big-orange-button.gif') left top; width: 200px; height: 65px; margin: 0 auto; padding: 0; nowrap; text-align: center; color: #fff; z-index: 2; position: absolute; }
.buttonBig-wrapper a.buttonBigOrange, .buttonBig-wrapper a.buttonBigOrange:link, .buttonBig-wrapper a.buttonBigOrange:active, .buttonBig-wrapper a.buttonBigOrange:visited {  background: url('/nav_img/big-orange-button.gif') left top; font-weight: bold; color: #fff; text-decoration: none; width: 200px; height: 65px;padding: 0; z-index: 20; position: absolute;}
.buttonBig-wrapper a.buttonBigOrange:hover { background: url('/nav_img/big-orange-button.gif') left bottom; font-weight: bold; color: #fff; text-decoration: none; width: 200px; height: 65px; padding: 0; z-index: 200; position: absolute;}




.thinborder {border: 1px solid #999;}

#wiki_format_begin { 
	padding: 0 10px 10px 10px;
	position:relative; 
	font-family: small Georgia, serif;
}

.wiki_image { margin: .5em .5em .5em .5em; clear:both; }
.wiki_image_right { margin: .5em .5em .5em .5em; float:right; }
.wiki_image_left { margin: .5em .5em .5em .5em; float:left; }
.wiki_image_center { margin: .5em .5em .5em .5em; align:center; }

.wiki_photoid { margin: .5em .5em .5em .5em; clear:both; }
.wiki_photoid_right { margin: .5em .5em .5em .5em; float:right; }
.wiki_photoid_left { margin: .5em .5em .5em .5em; float:left; }
.wiki_photoid_cennter { margin: .5em .5em .5em .5em; align:center; }

.youtube { margin: .5em .5em .5em .5em; clear:both; }
.youtube_right { margin: .5em .5em .5em .5em; float:right; }
.youtube_left { margin: .5em .5em .5em .5em; float:left; }
.youtube_center { margin: .5em .5em .5em .5em; align:center; }

.blogQuote {clear:both; margin:1.5em 0 .75em; padding: 10px 20px 10px 20px; border: 1px solid #999; font-size: 75%; background-color:#FEFEFE;}

.bloghead_bg { background: url('../nav_img/gradient_green2.gif') repeat-x #fff}
.wikihead_bg { background: url('../nav_img/gradient_green2.gif') repeat-x #fff}
.todohead_bg { background: url('../nav_img/gradient_green2.gif') repeat-x #fff}
.tododate { margin:1.5em 0 .75em; padding:10px 20px 10px 20px; font: bold 78%/1.4em Arial,Verdana,Sans-serif; color: #EEEEEE; text-transform:uppercase; }
/*
.bloghead { margin:5px 5px 0; padding: 20px 20px 10px 20px; font-size:36px; font: Georgia, "Times New Roman", Times, serif; line-height:1.2em; color: #EEEEEE; }
.blogtitle { margin:0 0 .75em; padding: 40px 20px 10px 20px; font-size:36px; font: Georgia, "Times New Roman", Times, serif; line-height:1.2em; color: #333333; }
.blogdate { margin:1.5em 0 .75em; padding:10px 20px 10px 20px; font: bold 78%/1.4em Georgia, "Times New Roman", Times, serif; color: #999999; text-transform:uppercase; }
.blogh1 { margin: 0 0 .75em; font-size:24px; font: Georgia, "Times New Roman", Times, serif; line-height:1.2em; color: #333333;}
.blogh2 { margin: 0 0 .75em; font-size:16px; font-family: Arial, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; line-height:1.2em; color: #748E3A;}
.blogtext { margin: 0 0 .75em; padding: 0px 20px 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; line-height:1.25em; color: #222;}
a.blogtext:link { padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #165AA5;}
a.blogtext:active {  padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #165AA5;}
a.blogtext:visited {  padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #165AA5;}
a.blogtext:hover {  padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #4D93DF;}
*/

.articleTitle { margin: 10px 0 10px 0; font-size: 26px; font-family: small Georgia, serif; line-height: 30px; color: #000; }
.articletext { font-family: small Georgia, serif; font-size: 17px; line-height: 24px; color: #000;}
.articletext p { font-family: small Georgia, serif; font-size: 17px; line-height: 24px; color: #000;}
.article_format_begin { font-family: small Georgia, serif; }

.bloghead { margin:5px 5px 0; padding: 20px 20px 10px 20px; font-size:36px; font-family: small Georgia, serif; line-height: 1.2; color: #EEEEEE; }
.blogtitle { margin:0 0 .75em; padding: 40px 20px 10px 20px; font-size:36px; font-family: small Georgia, serif; line-height: 1.2; color: #333333; }
.blogdate { margin:1.5em 0 .75em; padding:10px 20px 10px 20px; font-family: small Georgia, serif; font-size:14px; font-weight:bold; color: #999999; text-transform:uppercase; }
.blogh1 { font-size:22px; font-family: small Georgia, serif; font-weight:bold; line-height: 2;  color: #333;}
.blogh2 { font-size:19px; font-family: small Georgia, serif; font-weight:bold; line-height: 2; color: #444;}
.blogtext { font-family: small Georgia, serif; font-size: 17px; line-height: 1.4; color: #000;}
.blogtext p { font-family: small Georgia, serif; font-size: 17px; line-height: 1.4; color: #000;}


#wiki_format_begin ul { 
	list-style-image: url("http://www.pukendog.com/images/SqBullet.gif"); 
	margin: 0;
	padding: 0;
	margin-left: 15px;
	padding-left: 15px;
	font-family: small Georgia, serif; font-size: 17px; line-height: 24px; color: #000;
} 

#wiki_format_begin li { 
	margin: 0;
	padding: 0 0 10px 0;
	font-family: small Georgia, serif; font-size: 17px; line-height: 24px; color: #000;
} 

#wiki_format_begin ul li ul { 
	list-style-image: url("http://www.pukendog.com/images/SqBullet.gif"); 
	margin: 0;
	padding: 0;
	margin-left: 35px;
	padding-left: 35px;
	font-family: small Georgia, serif; font-size: 17px; line-height: 24px; color: #000;
} 

#wiki_format_begin ul li ul li { 
	margin: 0;
	padding: 0 0 10px 0;
	font-family: small Georgia, serif; font-size: 17px; line-height: 24px; color: #000;
} 


.horizontalrule {clear:both;}

.horizontalrule hr { color: #cccc99; background-color:#cccc99; height: 2px; border: 0;}

.code {clear:both; margin:1.5em 0 .75em; padding: 10px 20px 10px 20px; border: 1px solid #999; font-family: "Courier New", Courier, mono; font-size: 75%; background-color:#FEFEFE;}

/*  styles for the unit rater     */
.ratingblock {
	width: 50%;
	display:block;
	}

.loading {
	height: 30px;
	background: url('http://www.pukendog.com/img/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('http://www.pukendog.com/img/starrating_trans15.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -90000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../img/starrating_trans15.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}

.unit-rating li.current-rating {
	background: url('../img/starrating_trans15.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -90000px;
	z-index: 1;
	}

.unit-ratingblack { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('../img/starrating_black15.gif') top left repeat-x;		
	}

.unit-ratingblack li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-ratingblack li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -90000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-ratingblack li a:hover{
	background: url('../img/starrating_black15.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-ratingblack a.r1-unit{left: 0px;}
.unit-ratingblack a.r1-unit:hover{width:15px;}
.unit-ratingblack a.r2-unit{left:15px;}
.unit-ratingblack a.r2-unit:hover{width: 30px;}
.unit-ratingblack a.r3-unit{left: 30px;}
.unit-ratingblack a.r3-unit:hover{width: 45px;}
.unit-ratingblack a.r4-unit{left: 45px;}	
.unit-ratingblack a.r4-unit:hover{width: 60px;}
.unit-ratingblack a.r5-unit{left: 60px;}
.unit-ratingblack a.r5-unit:hover{width: 75px;}

.unit-ratingblack li.current-rating {
	background: url('../img/starrating_black15.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -90000px;
	z-index: 1;
	}


.unit-ratingblacksmall { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 10px;
	position: relative;
	background: url('../img/starrating_black_off_10.gif') top left repeat-x;		
	}

.unit-ratingblacksmall li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-ratingblacksmall li a {
	outline: none;
	display:block;
	width:10x;
	height: 10px;
	text-decoration: none;
	text-indent: -90000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-ratingblacksmall li a:hover{
	background: url('../img/starrating_black_rating_10.gif') left top repeat-x;
	z-index: 2;
	left: 0px;
	}

.unit-ratingblacksmall a.r1-unit{left: 0px;}
.unit-ratingblacksmall a.r1-unit:hover{width:10px;}
.unit-ratingblacksmall a.r2-unit{left:10px;}
.unit-ratingblacksmall a.r2-unit:hover{width: 20px;}
.unit-ratingblacksmall a.r3-unit{left: 20px;}
.unit-ratingblacksmall a.r3-unit:hover{width: 30px;}
.unit-ratingblacksmall a.r4-unit{left: 30px;}	
.unit-ratingblacksmall a.r4-unit:hover{width: 40px;}
.unit-ratingblacksmall a.r5-unit{left: 40px;}
.unit-ratingblacksmall a.r5-unit:hover{width: 50px;}

.unit-ratingblacksmall li.current-rating {
	background: url('../img/starrating_black_current_10.gif') left top repeat-x;
	position: absolute;
	height: 10px;
	display: block;
	left: 0px;
	text-indent: -90000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}

.helptext {
  position:relative; 
  z-index: 124 
} 
.helptextHover {
  position:relative; 
  z-index: 125
} 
.helptext span {
  visibility:hidden;
  position:absolute;
} 
.helptextHover span { 
  visibility: visible;
  padding: 5px;
  position:absolute;
  top:2em; left:2em; width:20em;
  border:1px solid #ddd;
  background-color:#fff; 
  color:#666;
  font-size: 11px;
  font-weight: normal;
  text-decoration:none;
  text-align: left
}
.helptextHover.left span {
  left:-22em
 }

#hoverHelpWin {
	background-color: #FF9;
	width: 400px;
	height: 200px;
	font: .8em arial, helvetica, sans-serif;
	padding: 5px;
	position: absolute;
	visibility: hidden;
	top: 10px;
	left: 10px;
	border: 1px #CC0 solid;
	clip: auto;
	overflow: hidden;
}

#hoverHelpWin h1, #hoverHelpWin h2 {
	font-size: 1.0em;
}

/* Ajax Pop-up Window styles
===========================================*/

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #777;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:5px;
	position:absolute;
	width:260px;	/* Width of tooltip content */
	height:400px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow: hidden;	/* Hide overflow content */
	z-index:1000001;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/tooltip-arrow.gif'); 
	width:20px; 
/*	width:1px; */
	position:absolute;
	left:0px;
	top:5px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_arrow_right_IE{	/* right div for the small arrow */
	background-image:url('../images/tooltip-arrow-right.gif'); 
	width:20px; 
/*	width:1px; */
	position:absolute;
	left:276px;  // left = width of tooltip_content + left of content in IE
	top:5px;
	background-repeat:no-repeat;
	background-position:center right;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_arrow_right{	/* right div for the small arrow */
	background-image:url('../images/tooltip-arrow-right.gif'); 
	width:20px; 
/*	width:1px; */
	position:absolute;
	left:290px;  // left = width of tooltip_content + 2xpadding + 2xborder + left of content in non-IE
	top:5px;
	background-repeat:no-repeat;
	background-position:center right;
	z-index:1000005;
	height:60px;
}

/* Resource Library Styles
===========================================*/

.resource { font-size: 12px; border-bottom: 1px dotted #bdbdbd;}

.resource_nodot { font-size: 12px; }

.resource_list { font-size: 12px; background: #fff; clear: both;}

.resource-title, a.resource-title:link, a.resource-title:active, a.resource-title:visited {
font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #222222; text-decoration: none; 
}
a.resource-title:hover    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none; }

.resource-description, a.resource-description:link, a.resource-description:active, a.resource-description:visited { 
font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #444444; text-decoration: none; border: #FFFFFF; }
a.resource-description:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration: underline; border: #FFFFFF; }

.resource-action, a.resource-action:link, a.resource-action:active, a.resource-action:visited { 
font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #BB0000; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.resource-action:hover     { color: #CC0000; }


/* Rounded Corner Box Styles
===========================================*/

.rnd_top {background: url(http://www.pukendog.com/nav_img/top_mid_rnd.gif);}
.rnd_left {background: url(http://www.pukendog.com/nav_img/body_left_rnd.gif);}
/*.rnd_body {background: url(http://www.pukendog.com/nav_img/top_mid_rnd.gif);}
*/
.rnd_right {background: url(http://www.pukendog.com/nav_img/body_right_rnd.gif);}
.rnd_bottom {background: url(http://www.pukendog.com/nav_img/bottom_mid_rnd.gif);}

.sdw_top {background: url(http://www.pukendog.com/nav_img/top_mid_sdw.gif);}
.sdw_left {background: url(http://www.pukendog.com/nav_img/body_left_sdw.gif);}
/*.sdw_body {background: url(http://www.pukendog.com/nav_img/top_mid_sdw.gif);}
*/
.sdw_right {background: url(http://www.pukendog.com/nav_img/body_right_sdw.gif);}
.sdw_bottom {background: url(http://www.pukendog.com/nav_img/bottom_mid_sdw.gif);}

/* Drop Shadow Image styles
===========================================*/

.shadow-image { padding: 4px; }
.shadow-image-caption             { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.shadow-image-caption:link       { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.shadow-image-caption:active     { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.shadow-image-caption:visited    { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.shadow-image-caption:hover      { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: underline; }

.shadow-image-credit             { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; }
a.shadow-image-credit:link       { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; }
a.shadow-image-credit:active     { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; }
a.shadow-image-credit:visited    { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; }
a.shadow-image-credit:hover      { margin: 0 4px 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCCC; text-decoration: underline; }


.img-shadow {
	clear: both;
	float:left;
	background: url(/nav_img/shadow3.gif) no-repeat bottom right;
	margin: 20px 0 0 17px !important;
	margin: 20px 0 0 8px;
	}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.alpha-shadow {
	clear: both;
	float:left;
	background: url(/nav_img/shadow3.gif) no-repeat bottom right;
	margin: 0px 0 0 0px !important;
	margin: 0px 0 0 0px;
	}

.alpha-shadow div {
  background: url(/nav_img/shadow2.png) no-repeat left top !important;
  background: url(/nav_img/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  }

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

 BEGIN OF SPRY FRAMEWORK SECTION -- PULL DOWN MENUS

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

@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************

 MainMenuBar Styles

 *******************************************************************************/
#MainMenuBar li {
	margin: 2px 1px 2px 1px;
	padding: 0;
	width: auto;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; font-style: bold; text-decoration: none; text-transform:uppercase;
}
#MainMenuBar ul {
	width: auto;
  	background-color: #fff;
	padding: 0 2px 0 2px;
}
#MainMenuBar ul li {
	float: none;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; font-style: bold; text-decoration: none; text-transform:none;
}
#MainMenuBar a.MenuBarItemSubmenu, #MainMenuBar a.MenuBarItemSubmenu:visited {
	background-position: 100% 50%;
}

#MainMenuBar a.MenuItemSelected, #MainMenuBar a.MenuItemSelected:visited {
	background-color: #CCCC99;
}
#MainMenuBar a.MenuItemSelected:hover, #MainMenuBar a.MenuItemSelected:visited:hover, #MainMenuBar MenuBarSubmenuVisible {
	background-color: #333333;
}


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

 LAYOUT INFORMATION: describes box model, positioning, z-order

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

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a, ul.MenuBarHorizontal a:visited 
{
	display: block;
	cursor: pointer;
	background-color: #FFFFFF;
	padding: 8px 16px;
	color: #333;
	text-decoration: none;
	white-space:nowrap;
}
ul.MenuBarHorizontal ul a, ul.MenuBarHorizontal ul a:visited
{
	padding: 4px 8px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:visited:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a:visited:focus
{
	background-color: #333;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemHover:visited, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover:visited, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, ul.MenuBarHorizontal a.MenuBarSubmenuVisible:visited
{
	background-color: #333;
	color: #FFF;
}

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

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu, ul.MenuBarHorizontal a.MenuBarItemSubmenu:visited
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu, ul.MenuBarHorizontal ul a.MenuBarItemSubmenu:visited
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover:visited
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover:visited
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
