html, body  { margin: 0; padding: 0; border: 0 }
body     { color: #0b3409; font: 100% Georgia, verdana, tahoma, sans-serif; background: #75b971; text-align: center }
a:link       { color: #4c734a; font-weight: bolder; text-decoration: none; background: transparent; border-bottom: 1px dotted #4c734a }
a:visited    { color: #666; font-weight: lighter; text-decoration: none; background: transparent }
a:hover      { color: #4c734a; text-decoration: none; background: transparent; border-bottom: 1px solid #4c734a }
a:active  { color: #4c734a; background: transparent }
#clear {
	clear: both;
	}
p    { line-height: 125%; text-align: justify; margin: 5px; padding: 15px 20px 5px }
em   { font-weight: 800; display: block; padding-top: 50px }
/*p:first-letter    { font-size: 1.3em; line-height: 0.85em; float: left }*/
#header div   { height: 65px; border: 0 }
#header         { background-color: #61284d; background-image: url("../img/grapes.jpg"); background-repeat: no-repeat; background-position: left center; text-align: center; margin: 0 0 5px; padding: 15px 0 25px; height: 70px; border-top: 1px double #ffe107; border-bottom: 1px double #ffe107 }
#content               { color: black; background: #75b971; text-align: left; margin-bottom: 20px; padding: 0 0 0 0.9%; width: 80%; float: left }
/*#content blockquote      { list-style-position: inside; display: block; width: 70% }*/
#content li { font-size: 1em; line-height: 1.2em; list-style-type: circle; list-style-position: inside }
/*Tables*/
.centering    { text-align: center; margin: 0; padding: 0 }
table       { background-color: #4c734a; margin-right: 3%; margin-left: 3%; padding: 5px; width: 65%; border: outset 2px }
#content caption   { font-size: 0.9em; font-weight: bold; text-align: center; margin-top: 20px; padding-bottom: 0.5em; width: 75% }
th  { font-weight: 900; text-align: center; padding: 0.5em 0.8em; vertical-align: middle; border-style: dotted solid; border-width: 1px; border-color: #75b971 }
td     { background-color: #75b971; text-align: center; padding: 0.5em; vertical-align: top; border-collapse: collapse       }
/*Banners*/
#sponsersLft { font: italic 1em georgia, sans-serif; background-color: #5f5f5f; margin: 0; padding: 0; width: 210px; float: left; border: solid 1px black }
.banner               { color: #d1d1b6; font: italic 1em georgia, sans-serif; text-align: justify; margin: 0 12px 10px 20px; padding-right: 10px; width: 197px; float: left }
.banner2   { color: #d1d1b6; font: italic 1em georgia, sans-serif; text-align: justify; margin: 10px 12px 10px 20px; padding-right: 10px; width: 200px; float: left }
banner img     { width: 183px; height: 274px; float: left; border-width: 0 }
banner2 img { width: 183px; height: 274px; float: left; border-width: 0 }
.banner blockquote            { color: #d1d1b6; font: italic 0.8em georgia, sans-serif; background-color: #4c734a; background-image: url("../img/Shades-of-Fall-vert.jpg"); background-repeat: no-repeat; background-position: center; white-space: nowrap; margin: 0; padding: 260px 10% 25px; border: solid 1px #083008 }
.banner2 blockquote   { color: #d1d1b6; font: italic 0.8em georgia, sans-serif; background-color: #4c734a; background-image: url("../img/CasualFormal.jpg"); background-repeat: no-repeat; background-position: center; white-space: nowrap; margin: 0; padding: 275px 10% 25px; border: solid 1px #083008 }
.banner blockquote p  { margin: 0; padding: 0 0 0 40px }
.banner2 blockquote p { margin: 0; padding: 0 0 0 40px }
/*for links in the banner and blockquote*/
banner img a:visited  { background: transparent; border: 0 #647663; outline-width: 0; outline-color: #647663 }
banner img a:hover { background: transparent; border: 0 #647663; outline-width: 0; outline-color: #647663 }
banner img a:active { background: transparent; border: 0 #647663; outline-width: 0; outline-color: #647663 }
/*end links*/
h1       { color: white; font-size: 2.3em; font-weight: bold; text-align: left; margin: 0; padding: 0 0 0 92px }
h2       { color: #d1d1b6; font-size: 1.1em; font-weight: normal; background-color: #133a11; display: block; margin: 0 25px 0 235px; padding: 1px 20px 1px 25px; border: outset 2px #647663 }
h3        { color: #d1d1b6; font-size: 1.1em; font-weight: normal; background-color: #133a11; display: block; margin: 0 25px; padding: 1px 20px 1px 25px; border: outset 2px #647663 }
h4    { color: #D1D1B6; font-size: 1.1em; font-weight: normal; background-color: #133a11; margin: 25px 50px 0 20px; padding: 1px 20px; border: outset 2px #647663 }
cite { font-size: 0.6em }
sub { font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 0.8em }
/*- Menu Tabs C--------------------------- */
#tabsC { font-size: 1em; line-height: normal; width: 70%; float: right }
#tabsC ul { list-style: none; margin: 0; padding-top: 5px; padding-right: 10px }
#tabsC li { display: inline; margin: 0; padding: 0 }
#tabsC a { text-decoration: none; background: url("../img/tableftC.gif") no-repeat left top; margin: 0; padding: 0 10px 0 4px; float: right }
#tabsC a img { border-style: none }
#tabsC a span { color: #464e42; background: url("../img/tabrightC.gif") no-repeat right top; display: block; padding: 1px 20px 0 10px; float: right }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span { float: none }
/* End IE5-Mac hack */
#tabsC a:hover span { color: #fff }
#tabsC a:hover { background-position: 0 -42px }
#tabsC a:hover span { background-position: 100% -42px }
/* drop-down navigation sub menus*/
a { text-decoration: none }
.sub { background: url("../../../VI/video/new/images/arrow.gif") no-repeat right 50% }
#hnav, #hnav li, #hnav ul { background: #e4e0c5; list-style: none; margin: 0 }
#hnav { font-size: 70%; padding: 0; width: 10%; float: left; border-style: outset; border-width: 1px 0; border-color: #fff }
#hnav li { position: relative; float: left; behavior: url(hover.htc) }
#hnav a { color: #000; display: block; padding: 5px 7px }
html*#hnav a:hover { background-color: #fff7e1 }
/* hide from opera */
#hnav ul { display: none; padding: 2px; z-index: 1; width: 14em; border: outset 1px #fff }
#hnav li li { float: none }
#hnav li li a { padding: 4px }
* html #hnav li li { display: inline }
* html #hnav li li a { width: 100% }
#hnav li:hover { background: #fff7e1 }
#hnav li:hover > ul { display: block; position: absolute; top: 0; right: 100% }
#hnav > li:hover > ul { top: auto; right: auto }
/* ie junk */
#hnav li.over ul { display: block; position: absolute }
#hnav li.over ul ul { display: none }
#hnav li.over ul li.over ul { display: block; position: absolute; top: 0; right: 98% }
#hnav li.over ul li.over ul ul { display: none }
#hnav li.over ul li.over ul li.over ul { display: block }
/* end ie junk */
/**********  Sidebar ************/
#sidebar             { color: #4c734a; font: 1.1em sans-serif; background: #75b971; margin-top: 10px; margin-left: 81%; padding-top: 15px; padding-left: 10px }
#sidebar #acrobat a   { color: black; font-size: 0.7em; text-decoration: none; background-color: transparent; background-image: url("../img/pdf.gif"); background-repeat: no-repeat; background-position: left top; text-align: justify; list-style-type: none; list-style-image: none; margin: 10px 0; width: 80%; border-width: 0 }
#sidebar #acrobat a { color: black; background-color: #8ab985; padding-right: 5px; padding-left: 16px; border: dotted 1px }
#sidebar #acrobat a:hover   { color: #c2c9d3; background-color: #4c734a; border: dotted 1px #c90 }
#sidebar img {
	width: 140px;
	height: 49px;
	border: 0;
	margin-top: 50px
	}
#sidebar li img  { margin-top: 0; margin-right: -38px; padding-top: 5px; padding-right: 35px; width: 40px; height: 17px; border: 0 }
#sidebar li span img { width: auto; height: auto; border: 0 }
.lispan_left { text-align: left; padding-left: 12px }
.lispan_left li { list-style-type: circle; list-style-position: inside }
#sidebar strong        { color: #d1d1b6; font: 0.6em georgia, tahoma, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; padding: 5px 0; width: 95%; border: outset 1px #61284d }
#sidebar strong a   { font-size: 0.5em; text-decoration: none; background-color: transparent; padding-right: 5px; padding-left: 5px; border-width: 0 }
#sidebar strong a:hover  { text-decoration: none; background-color: transparent }
#sidebar ul      { list-style: none; margin: 10px 0 0 2px; padding: 0 0 0 2px; position: relative }
#sidebar a         { color: #b8b8b8; font-size: 0.9em; background: #4c734a; display: block; margin-top: 1px; width: 90%; border-style: outset; border-width: 1px 2px 2px 1px; border-color: #61284d }
#sidebar a:hover      { color: #cdcdb3; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-style: inset; border-width: 1px; border-color: #4c734a #4c734a #758698 }
#sidebar a span  { display: none }
#sidebar a:hover span     { color: #cdcdcd; background: #669b63; display: block; padding: 5px; position: absolute; left: -225px; width: 200px; border-style: solid; border-width: 2px; border-color: #4c734a #000 #000 #4c734a }
/*Acrobat Section*/
#sidebar #acrobats #acrobat1 a, #sidebar #acrobats #acrobat2 a, #sidebar #acrobat3 a { color: black; font-size: 0.7em; text-decoration: none; background-color: #8ab985; background-image: url("../img/pdf.gif"); background-repeat: no-repeat; background-position: left top; text-align: justify; margin: 10px 0; padding-right: 5px; padding-left: 16px; width: 80%; border: dotted 1px #000 }
#sidebar #acrobats #acrobat1 a { }
#sidebar #acrobats #acrobat1 a:hover { color: #c2c9d3; background-color: #4c734a; border: dotted 1px #c90 }
#sidebar #acrobats #acrobat2 a { }
#sidebar #acrobats #acrobat2 a:hover { color: #c2c9d3; background-color: #4c734a; border: dotted 1px #c90 }
#sidebar #acrobat3 a  { height: 31px }
#sidebar #acrobat3 a:hover  { background-image: none }
#sidebar #acrobat3 a span { display: none }
#sidebar #acrobat3 a:hover span { display: block }
#footer          { color: #61284d; background: #61284d; text-align: center; margin: 15px 0 5px; padding-top: 5px; height: 15px; clear: both; border-top: 3px double #d1d1b6 }
#footer em {
	font: italic .8em sans-serif;
	}
#links { font-size: xx-small; font-family: arial }
strong  { font-size: 0.7em; margin-bottom: 5px; padding-bottom: 5px }
strong a  { color: #4c734a; font-size: 0.7em; text-decoration: none; border-bottom: 1px dotted #808080 }
acronym, abbr, .abbrev { cursor: help; border-bottom: 1px dotted #333 }
/*Image Alternating Position-------------------*/
#alternating { color: silver; font-size: 1em; line-height: 1.1em; text-align: left; margin: 30px auto 20px; padding-top: 10px; padding-bottom: 20px; position: relative; width: 80% }
#alternating a:hover  { color: #999; background-color: #4c734a }
#alternating a:hover img { text-decoration: none; background-color: transparent; border-bottom: 0 none }
/*Main Alternating Image Content------------------------------*/
.leftitem, .rightitem { background-color: #4c734a; margin-bottom: 20px; padding: 5px 10px 5px 5px; width: 98%; float: left; border: dashed 1px silver }
.leftitem:hover, .rightitem:hover { color: #b8910b }
.leftitem img { margin: 5px 10px 5px 5px; padding-bottom: 1px; float: left }
.rightitem img { margin: 5px 0 5px 5px; padding-bottom: 1px; float: right }
.leftitem a:link, .rightitem a:link  { color: #a5dcdc; font-size: 12px; font-family: arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bolder; text-decoration: none; border-bottom: 1px dotted silver }
.leftitem a:visited, .rightitem a:visited { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: lighter; text-decoration: none; border-bottom: 1px solid silver }
.leftitem a:hover, .rightitem a:hover { background-color: #066; border-bottom: 1px outset silver }