BODY { border: 1px solid #000000; color: #505256; font-family: Tahoma, Arial, sans-serif; font-size: 11px; margin: 0px; padding: 0px; }
/*added*/
BODY { width: 765px; text-align: center; margin-left: auto ; margin-right: auto; }
/*
BODY { width: 750px; text-align: center; margin-left: auto ; margin-right: auto; }
BODY { border: 1px #424242; border-style: none solid; }
*/
A:link, A:visited { color: #ff3e00; font-weight: bold; text-decoration: none; }
A:hover, A:active { color: #283770; font-weight: bold; text-decoration: underline; }

SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #e6e6e6; border: 0px; color: #e6e6e6; height: 1px; }
H1 { color: #000000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px 0px 25px 0px; text-decoration: none; text-align: center; }
H2 { background: url(/Page/bullet-orange.jpg) left center no-repeat; border-bottom: solid 2px #000000; color: #000000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: medium; font-style: italic; font-weight: bold; margin: 0px; padding: 0px 0px 0px 25px; text-decoration: none; }
H3 { color: #000000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
BUTTON { background: #ff3e00; color: #283770; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 13px; font-style: italic; font-weight: bold; line-height: 20px; }

#header { background: #ffffff url(/Page/bg-header.gif) top center repeat-x; }
#header { height: 83px; padding: 0px 10px 0px 50px; }
#header { color: #ffffff; font-weight: bold; font-size: 11px; }
#header a { padding: 0px 10px; }
#header a:link, #header a:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
#header a:hover, #header a:active { color: #ffffff; font-weight: normal; text-decoration: underline; }

#header .title { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 13px; font-weight: normal; }
#header .title a:link, #header .title a:visited, #header .title a:hover, #header .title a:active { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 28px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }

#header H2 { background: none; border-style: none; color: #ffffff; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 18px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; }


#headerindex { background: #e6e6e6 url(/Page/index.jpg) left center no-repeat; color: #000000; }
#headerindex TD { border: 1px #ffffff; border-style: solid none; padding-left: 60%; }
#headerindex { border-bottom: solid 5px #ff3e00; }
#headerindex { height: 196px; }
#headerindex H1 { color: #283770; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; text-align: left; }
#headerindex UL { list-style-image: url(/Page/bullet-square.gif); margin: 10px 0px 10px 25px; padding: 0px; }
#headerindex UL LI { margin: 0px 0px 5px 0px; }
#headerindex a:link, #headerindex a:visited { color: #ff3e00; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 18px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
#headerindex a:hover, #headerindex a:active { color: #283770; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 18px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }

#content { background: #d9ddf3; padding: 25px; }
#content OL { list-style-image: none; margin: 10px 0px 10px 50px; padding: 0px; }
#content UL { list-style-image: url(/Page/bullet-square.gif); margin: 10px 0px 10px 50px; padding: 0px; }
#content LI { margin: 0px 0px 10px 0px; }
#content OL LI OL LI { margin: 0px 0px 0px 0px; }

#index H1 { background: none; border-bottom: none 2px #000000; color: #000000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px; text-decoration: underline; }
#index H2 { background: url(/Page/bullet-orange.jpg) left center no-repeat; border-bottom: none 2px #000000; color: #000000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 13px; font-style: italic; font-weight: bold; margin: 0px; padding: 0px 0px 0px 25px; text-decoration: none; }
#index UL { list-style-image: url(/Page/bullet-square.gif); margin: 10px 0px 10px 25px; padding: 0px; }
#index UL LI { margin: 0px 0px 5px 0px; }


#graybox { background: #e6e6e6; border: 1px solid #505256; width: 250px; height: 75px; padding: 10px; }
#graybox H2 { background: none; border-bottom: none 2px #000000; color: #000000; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px 0px 10px 0px; text-decoration: none; }
#graybox a:link, #graybox a:visited { color: #000000; font-weight: bold; text-decoration: none; }
#graybox a:hover, #graybox a:active { color: #000000; font-weight: bold; text-decoration: none; }
#graybox FORM { border-style: none; margin: 0px; padding: 0px; }
#graybox FORM button {padding:0;margin:0;border:none;background:none;cursor:pointer;}
* html #graybox FORM button {cursor:hand;} /* alternate cursor style for ie */

#us_vs_them OL LI { margin: 0px 0px 50px 0px; }
#us_vs_them H3 { background: none; color: #ff3e00; font-family: Tahoma, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
#us_vs_them LI B { color: #000000; font-size: 13px; font-weight: bold; }

FORM { border: 1px #ff3e00; border-style: solid; padding: 5px; }
.form-left { background: #bbbcd0; padding: 5px; }
.form-right { padding: 0px 5px; }

IMG.padright { padding-right: 10px; }
IMG.padleft { padding-left: 10px; }

#footer { background: #ffffff url(/Page/bg-footer.gif) center center repeat-x; }
#footer { height: 59px; }
#footermenu { color: #bbbcd0; font-weight: bold; font-size: 11px; }
#footermenu a { padding: 0px 10px; }
#footermenu a:link, #footermenu a:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
#footermenu a:hover, #footermenu a:active { color: #ffffff; font-weight: normal; text-decoration: underline; }

#copyright { color: #ffffff; font-size: 11px; }
#copyright a:link, #copyright a:visited { color: #ffec48; font-weight: normal; text-decoration: none; }
#copyright a:hover, #copyright a:active { color: #ffec48; font-weight: normal; text-decoration: underline; }


/* MENU CSS - Horizontal */

/* menu container formatting */
#menucontainer { background: #ffffff url(/Page/bg-menu.gif) center center repeat-x; }
/*added*/
#menucontainer { width: 765px; }

/* widths */
/* The following selectors may actually be specified in meta area as well. We include them here as a backup. */
/*TD.menu { width: 20%; }*/
.menu ul ul { width: 150px; }
.wide ul ul { width: 500px; }
.menu ul ul ul { width: 150px; }

/* sets height and forces all menu text to vertically align */
#menubar TD { line-height: 40px; }
#menubar TD UL UL { line-height: normal; }
#menubar TD UL UL UL { line-height: normal; }

/* font formatting */
.menu a { font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; }
.menu a { text-transform: uppercase; }
.menu UL UL a { text-transform: none; }
.menu UL UL UL a { text-transform: none; }
.spacer { padding: 0px; color: #1c2938; font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* display formatting */
/* need to specify li width as 100% so that IE7 will expand links to fill width of table cells */
.menu ul { list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
.menu li { width: 100%; }
/*added*/
.menu a { display: block; margin: 0px; padding: 0px 10px; }
.menu ul ul { display: none; white-space: normal; }
.menu ul ul a { padding: 5px 10px; }
.menu ul ul ul { display: none; white-space: normal; }
.menu ul ul ul a { padding: 5px 10px; }

/* link backgrounds and colors */
.menu a:link, .menu a:visited { background: none; }
.menu ul a:link, .menu ul a:visited { color: #1c2938; text-decoration: none; }
.menu ul a:hover, .menu ul a:active { background: none; color: #ff3e00; text-decoration: none; }
.menu ul ul a:link, .menu ul ul a:visited { background: #e6e6e6; color: #1c2938; text-decoration: none; }
.menu ul ul a:hover, .menu ul ul a:active { background: #e6e6e6; color: #ff3e00; text-decoration: none; }
.menu ul ul ula:link, .menu ul ul ul a:visited { background: #e6e6e6; color: #1c2938; text-decoration: none; }
.menu ul ul ul a:hover, .menu ul ul ul a:active { background: #e6e6e6; color: #ff3e00; text-decoration: none; }

/* borders */
/* need to go on the a blocks since netscape expands the cell's height on hover */
/*.menu ul a { border: 1px #283770; border-style: none none none solid; }*/
/*.menulast ul a { border: 1px #283770; border-style: none solid none solid; }*/
.menu ul ul { border-top: solid 1px #585858; }
.menu ul ul a { border: 1px #585858; border-style: none solid solid solid; }
.menu ul ul ul { border-top: solid 1px #585858; }
.menu ul ul ul a { border: 1px #585858; border-style: none solid solid solid; }

/* position list items and submenus */
.menu li { position: relative; }
.menu ul ul { position: absolute; top: auto; left: -1px; }
.menu ul ul ul { position: absolute; top: 0px; left: 149px; }
/*.menulast ul ul { position: absolute; top: auto; left: auto; right: 0px; }*/
.menulast ul ul { position: absolute; top: auto; left: -1px; }

/* Take an inline element, make it block-level, assign it colors and borders to extend the menu */
.spacerlast b { display: block; background: #262626; color: #262626; border: 1px #000000; border-style: solid none; }

/* Fix the position of everything that comes after the menubar for Netscape */
#aftermenu { position: absolute; top: auto; width: 100%; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022 */
/* It improves IE's performance speed to use the older file and this method */
.menu li:hover { cursor: pointer; z-index: 10; }
.menu h4:hover { cursor: default; z-index: 10; }
.menu li:hover ul ul, .menu li li:hover ul ul, .menu li li li:hover ul ul, .menu li li li li:hover ul ul { display: none; }
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul { display: block; }

/* Override certain CopperMine Gallery styles 
ul { margin-left: 0px; padding: 0px; }
li { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; list-style-position: outside; list-style-type: none; }
End of Override certain CopperMine Gallery styles */

/* MENU CSS - Horizontal */




/*
Main Colors:
orange: #ff3e00; 
yellow: #ffec48; 
lt blue: #d9ddf3; 
dk blue: #283770; 
xdk blue: #1c2938; 
lt gray: #e6e6e6; 
dk gray: #505256; 

Border:
lt blue: #bbbcd0; 
dk blue: #1a2658; 
*/