/**  Mainstyles weiner  ***/

* {margin:0;padding:0;}

form {margin:0;padding:0; text-align:center}

img {border:0; border:none;}

.hiddenpic, .hidden, .outreach_content {display:none;}

HTML {HEIGHT: 100%}

BODY {HEIGHT: 100%, text-align:center;}

/** HTML .wrap {HEIGHT: 100%} **/
/** P {MARGIN: 0px 20px; LINE-HEIGHT: 1.6em} **/
/** .wrap {MIN-HEIGHT: 100%;}  **/

acronym {border-bottom:2px dotted #000080; background-position: 50% bottom; CURSOR: help; color:#800000; font-style:italic; font-weight:bold }

body {margin:0 auto; background: transparent url("../images/slice_bluediag1.gif") repeat fixed;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .70em;
color:#000000;text-align:center;}

/*** For preloading all the page's images, just add all images ***/  
/***  Preload media  ***/
.wrap {
	background-image: url(../images/banner_darker.jpg);
	background-image: url(../images/banner_lighter.jpg);
	background-image: url(../images/headbg.jpg);
	background-image: url(../images/flag.gif);
	background-image: url('../images/slice_bluediag1.gif');	
	background-image: url(../images/duoarrowsleft_blackandwhite.gif);
	background-image: url('../images/duo-arrowdown-navytall.gif');
	background-repeat: no-repeat;
	background-position:  -5000px;}
/**** end preload images ****/

/** To change design width; adjust only the wrap. For 90% wide, adjust to left:5%; and width 90%. Other divs will follow, being 
contained and full width.   **/

/** No width 100%: Use width auto or less than 100% due to border  **/
.wrap {background-position: left top; z-index:600;position:absolute;top:2px;left:1%;width:98%; border:2px ridge #FFCC33;height:auto; background-image:url('../images/pawprints.jpg'); background-repeat:repeat; background-attachment:scroll}

/**** HEAD STRUCTURE AND STYLES **/ 
/** wraps the head rows  ****/

.head_wrap {display:block;width:100%;height:auto;border-top:2px ridge #ffffff;border-bottom:2px ridge #ffffff;}
.headrow_one {overflow:visible;float:left;display:block;width:100%;height:185px;
background-color: #003366;border-top:2px ridge #ffcc33;border-bottom:4px outset #ffcc00}

.rowone_left {background-position: 5px 5px; float:left;width:235px;height:175px;text-align:left;
background-image:url('../images/headbg.jpg'); background-repeat:no-repeat; background-attachment:scroll}/* hor-vert */ 

.rowone_mid {float:left;width:54.0%;text-align:left; margin-top:35px}

.rowone_right {background-position: 5px 10px; width:90px;height:55px;text-align:right; background-repeat:no-repeat; background-attachment:scroll; float:right; margin-top:40px; background-image:url('../images/flag.gif'); padding-right:5px}/* hor-vert */

/***  two has search & translate bars  ****/
.headrow_two {overflow:visible;float:left;display:block;width:100%;height:26px;
background-color:#003366;border-top:3px ridge #6699cc;border-bottom:2px ridge #ffcc33}

.rowtwo_left  {float:left;width:5%;height:26px;text-align:center}
.rowtwo_mid  {float:left;width:69.0%;height:26px;text-align:center; padding-top:2px; padding-bottom:0}
.rowtwo_right {float:right;width:25%;height:26px;text-align:right; padding-top:2px; padding-bottom:0px; padding-right:2px}
/****  end head_wrap  ****/

/***  DISPLAY:BLOCK makes footer full width stand alone  ***/
.body_wrap {display:block;margin:0 auto;width:100%;height:auto;
border-top:0px solid #990000;text-align:center;}

.left_column {float:left;margin:0 auto;width:22%; background-color: #003366; border-right: 2px ridge #ffcc33;border-bottom: 2px ridge #ffcc33;text-align:center; color:#FFFFFF} 

/** NOTE: Center column is an outer, inner is center_content, did nesting for some left margin  **/
.center_column {float:left;margin:0:auto;padding-top:6px;
width:55%; height:auto; text:align:center;}

/****  "center_content"  ****/
.center_content {margin:0 auto;width:90%;height:auto;text-align:left;}

/****  center_content LINK STYLES  ****/
.center_content a {
border-bottom:2px dotted #89B3D9;color:#154165;text-decoration:underline; font-weight:bold;}
.center_content a:hover {border-bottom:0px dotted #000000;}

.right_column {float:right;margin:0 auto;width:22%; border-left: 2px ridge #FFCC33;border-bottom: 2px ridge #FFCC33;text-align:center; background-color:#FFFF99}

/*** width must be 100% for dropshadow to work in IE  ***/
/****  h1 is text on the left seal logo   ****/
h1 {display:none;padding-top:30px;font-size:8pt;font-weight:bold;width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
filter:dropshadow(color=#6699cc, offx=1, offy=1, positive=true);color: #000000;}

/****  h2 is main text in header top line   ****/
h2 {/*** width must be 100% for dropshadow to work in IE  ***/
padding-top:4px;font-size:20pt;font-weight:bold;color: #FFFFFF;width:100%;
font-family:serif;font-weight:bold;
filter:dropshadow(color=#6699cc, offx=2, offy=2, positive=true); padding-left:8px; text-align:left; height:110; float:left; line-height:115%;}

/****  h3 is main text in header 2nd line   ****/
h3 {/*** width must be 100% for dropshadow to work in IE  ***/
font-size:14pt;font-weight: bold;color: #FFFFFF;width:100%;
font-family:serif;
filter:dropshadow(color=#7f0102, offx=3, offy=1, positive=true); text-align:left; line-height:100%; margin-top: 5px; padding-left:10px; padding-top:10px}
.h3span {color: #e5b555;}

h4 {	
border-left:2px ridge #ffcc33; border-top:2px ridge #ffcc33; border-bottom:2px ridge #ffcc33; margin:0; background-color:#003366;border-right: 10px solid #6699cc;color: #FFFFFF;font-size: 12pt;
font-weight:bold;text-indent:2px;text-align:center;padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px}

/** Search & Translate Bars  ***/
* {margin:0;padding:0;}
form {margin:0;padding:0;}
.hiddenpic {display:none;}
.hide {display:none;}
img {border:0;}
p {font-size: 12px}

/***  This is for the Google language translation box  ***/
.pullmenus {margin:0 auto;padding:0;background-color: #ffffff;text-align:left;
color: #000000;width:96%;font-size: 10px;}

/***   Google Search Box  ****/
/**  searchbox_wrap used for margin-top fix for table margin-top prob , and 
problem that 100% width does not work, borders break layout  **/
.searchbox_wrap {border:0 solid #800000; margin:0 auto; padding:0; width:205px;  text-align:center; float:right; height:10}
.searchtable    {margin:0 auto; padding:0; width:100%; text-align:center;}
.searchtable_leftcell {width:auto;}
.searchtable_midcell {border:2px groove #FFCC00; width:205;text-align:center; float:right; height:25; background-color:#FFFFFF; font-size:10px; padding-top:3px; padding-bottom:0px}
.searchtable_rightcell {width:205;height:25; float:right}

.searchbox1 {margin:0;padding:0;background-color: #ffffff;text-align: left;
color: #000000;width:auto;font-size:10px;text-align:left;}

.searchbox2 {margin:0;padding:0;background-color:#ffffff;text-align: 
left;color:#000000;width:auto;font-size:10px;}

.searchbutton {margin:0;padding:0;width:auto;font-size:10px;cursor:pointer;
background-color:#003366;color: #ffffff;border:1px ridge #ffcc33;border-right:10px solid #6699cc;}

/***  submain left (a_bit_modern) nav LIST STYLES  ***/
/***  9px padding-left is for spacing away from left dropshadow. Did 
 width:auto, except on nav ul li, which is 100%, to force cross-browser compatibility   ***/

.submain_nav {display:block;clear:both;margin-top:5px; padding-bottom:10px; width:96%;	border: 0px solid #c8dff1; text-align:center;text-indent:0px; font-size:10pt; text-decoration:none; margin-left:auto; margin-right:auto; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0}
.submain_nav ul {display:block;clear:both;margin:0; padding:0;width:auto; height:auto;text-align:left;text-indent:0px; text-decoration:none; font-size:10pt; font-weight:bold}

.submain_nav ul li {
display:block; width:100%;margin:0; border-bottom: 0px solid #89B3D9; text-indent:2px; list-style-type:none; text-decoration:none; font-size:10pt; padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:0px}

.submain_nav ul li a {/** border-right: 4px ridge #6498ca; **/ width:99%; color:#FFFFFF; text-decoration:underline; font-size:10pt; font-weight:bold}
/****  featuredservices_nav LINK STYLES  ****/

.submain_nav ul li a:link, .submain_nav ul li a:visited {
display:block; width:99%;font-size:10pt;text-decoration:underline;color:#F0F8FF;
border-right: 0px ridge #372F2C;font-weight:bold; padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:3px}

.submain_nav ul li a:hover, .submain_nav ul li a:active {
display:block; width:99%;background: url('../images/duoarrowsleft_blackandwhite.gif') no-repeat right 4px; 
font-size:10pt;text-decoration:underline;color:#FEDE01;font-weight:bold; padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:3px}

/* the following 3 rules are for indented submenu items, if applicable  ***/
/***  JUMPY LINKS, HAD TO SPREAD STYLES  ****/

.submain_nav ul ul li {line-height: 10px; border: 0px solid white; font-size:10pt; font-weight:bold}

.submain_nav ul ul li a:link,  .submain_nav ul ul li a:visited {color:#F0F8FF; width:100%; text-indent:8px;font-weight:bold; border: 0px solid white;text-decoration:none; font-size:8pt }

.submain_nav ul ul li a:hover, .submain_nav ul ul li a:active {color:#FFFF99; width:100%; text-indent:8px; font-weight:bold;text-decoration:none;font-size:8pt }

/***  Rules for active current topic and subtopic  ***/

.submain_nav .current_topic {font-size: 10px; font-weight: bold}

.submain_nav .current_subtopic {background: url("../images/duoarrowsleft_blackandwhite.gif") no-repeat right 4px;}

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

/**  Headlines  ***/

/**  NOTE: Tried list-type image here, but spacing is all wrong  
      and cant use hover changes or anything either.  Did 
	  indent total width, though, which is good.  ***/

/****  Headlines Vertical  ****/

.headlines_container_weinerrace {margin:0 auto; margin-top:5px; width:96%; text-align:center;}

/***  featuredservices_nav LIST STYLES  ***/

ul.headlines_nav {width:100%;text-align:center;list-style-type:none; font-size:10pt}

ul.headlines_nav li {width:100%;margin:5px 0px;; font-size:10pt}

ul.headlines_nav li a {display:block;width:100%;text-indent:15px;line-height:13px; background-image: url('images/duo-arrowdown-navytall.gif'); background-repeat:no-repeat; font-size:12pt; color:#0000FF; text-decoration:underline}

/****  Headlines LINK STYLES  ****/

ul.headlines_nav li a:link, ul.headlines_nav li a:visited {background-position: left 0px; text-decoration:underline; color:#800080;font-size:12pt}

ul.headlines_nav li a:hover, ul.headlines_nav li a:active {background-position: left -48px; text-decoration:overline underline;color:#FF0000;font-size:12pt}

/***  footer_23b (container) **/

.footerweinerrace {display:block;float:left;width:100%;margin-top:2px; border-top:2px ridge #ffcc33;border-bottom:2px ridge #ffffff;}

/*** Baseabout (TOP ROW) ****/

.baseabout {display:block;padding:2px 0px 4px 0px; width:100%;background-color:#003366; border-top:2px ridge #ffffff;border-bottom:4px outset #ffcc33;text-align:center; color:#ffffff;font-weight:bold;}

/****  "footer_bottom" link styles   ****/

.baseabout a {border-bottom:2px dotted #6699cc;color:#FFFFFF;text-decoration:underline; font-weight:bold;}

.baseabout a:hover {border-bottom:0px dotted #6699cc;}

/****  "basenav" (bottom row)   ****/

.basenav {display:block;padding:1px 0px 2px 0px;width:100%;background-color:#003366; border-top:3px ridge #6699cc;border-bottom:2px ridge #ffcc33;color:#e5b555;}

ul.nav {display:block;padding-bottom:2px; list-style: none inside; text-align: center;}

ul.nav li {display:inline;}

/****  "basemenu" menu link styles   ****/

ul.nav li a:link, ul.nav li a:visited {color:#FFFFFF; text-decoration:underline; border-bottom:2px dotted #6699cc;font-weight:bold;}

ul.nav li a:hover, ul.nav li a:active {border-bottom:0px dotted #ffcc33;}