/* CSS Document */

/* === WMT STYLES === */
body{
	background-image: url(../alt/portal_imgs/portalswatch.jpg); 
	background-color: #f7d6a0;
	background-repeat: repeat-x; 
	margin: 0px; padding: 0px;
}
img{border: none;}
.microradio{font-weight: bold; color:#fff;}
.activism_link{font-size: 18px; border: 1px dotted grey; padding: 5px;}
div.wrapper{background-color: #fff; margin-left: 1%; margin-right: 1%; 
border-top: 0px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
min-width: 700px;
}
div.global_header{
background-color: #fff;
width: 100%;
margin: auto;
margin-bottom: 5px;
background: url(../alt/portal_imgs/global_header.jpg) white top right no-repeat;
}
div.global_search{float: right; right: 0; padding-top: 6px; padding-right: 1em;;}
div.navlink_left{width: 150px;}
div#global_navbar{
	background-image: url(../alt/img/a_yello.jpg);
	background-color:#FFCC33;
	padding-left: 4px;
	border-bottom: 1px solid #CC6600;
	height: auto;
	margin-bottom: 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
.global_footer{
min-width: 720px;
width: 98%;
margin: 3px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
text-align: center;
clear: both;
}
.blink{text-decoration: blink;}

.wholepage_float{float: left; padding: 5px;}
html>body .wholepage_float {
    height: auto;
	}
.wrapper:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wrapper {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapper {height: 1%;}
.wrapper {display: block;}
/* End hide from IE-mac */


.searchinput, .inputsubmit  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	background-color: #FFFFCC;
	border: 1px dashed #CCC;
}

div#destroy_ie
  {
	height: 0px;
	overflow: hidden;
  }
#ie_hide{
	position: absolute;
	margin-left: -9999px;
}
	
/* the following rules are recognized only by IE */
	
* html body #ie_hide{
	position: relative;
	margin-left: 0px;
}
	
* html body div#destroy_ie	
  {
	height: 52px;
	color: #FF3300;
	background-color: #FFF;
	border-top: 1px dashed #FFF;
	border-bottom: 1px dashed #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
  }
/* END IE rules */
	
h1{
	font-size: 2em;}

.infosmall{
	font-size: 9px;
	color: #666;
}
html, body {
	margin: 0px;
}
.downloads{
	border-top: 1px Solid #CCC;
	border-bottom: 1px Solid #888;
	background-color: #9999FF;
	margin: 2px;
	padding: 4px;
	line-height: 13px;
}
div.blackheader{
	height: 24px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, sans-serif;
	padding-left: 5px;
	padding-top: 2px;
	margin-left: 0px;
	}
#opiniongif{
	background: #000 url(alt/img/opinion.gif) no-repeat right center;}
#picweekgif{
	background: #000 url(alt/img/picweek.gif) no-repeat right center;}
#historygif{
	background: #000 url(alt/img/history.gif) no-repeat right center;}
#downloadsgif{
	background: #000 url(alt/img/downloads.gif) no-repeat right center;}
div#newsbargif{
	background: #000 url(alt/img/newsbar.gif) no-repeat right center;}
	
.searchinput, .inputsubmit  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	background-color: #FFFFCC;
	border: 1px dashed #CCC;
}

div#searchform{
	text-align: right;
	margin-right: -1%;
	}



/*------

-----END WMT-STYLES

----*/



/* === A STYLES === */
a:link {
	}
a:visited{
	} 
a:hover{
	}
a.nav:hover {
	text-decoration: none;
	font-weight: bold;
	padding-left: 0.2em;
	padding-right: 0.2em;	
}
a.nav:link {
	text-decoration: none;
	font-weight: bold;
	padding: 0.2em;

}
a.nav:hover {
	text-decoration: none;
	font-weight: bold;
	padding: 0.2em;


}
a.nav:visited {
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em;
}
dt {
     list-style: url(http://infoshop.org/img5/arrow.gif) circle inside;
     display: list-item;
}

/*------

-----END A-STYLES

----*/


/* ====GLOBAL.CSS=====*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link {
   color:#0033FF;
   font-weight:normal;
	text-decoration: none;}

a:visited {
   color:#0099CC;
   text-decoration:none;
   font-weight:normal;
}

a:hover {
   color:#0033FF;
   text-decoration:underline;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}
/*---

----------END GLOBAL

---*/

/* ====TOP NAVIGATION=== */

#navbar {
	background-image: url(alt/img/a_yello.jpg);
	background-color:#FFCC33;
	padding-left: 4px;
	border-bottom: 1px solid #CC6600;
	height: auto;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
}

#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: normal;
}

#nav a {
	display: block;
	width: 100px;
	margin-top: 1px;
	margin-bottom: -1px;
}

#nav a:hover{
	text-decoration: none;
	background-color: #FFF;
	width: 110px;
	text-align: justify;
	
}

#nav li { /* all list items */
	float: left;
	width: 70px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: url(alt/img/a_yello.png) bottom left repeat;
	margin-left: 4px;
	border-bottom: 1px solid #CC6600;
	border-left: 1px solid #CC6600;
	border-right: 1px solid #CC6600;
	width: 110px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 2;
	line-height: normal;
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	width: 110px;
	margin-top: 0px;
}

#content {
	clear: left;
	color:#000000;
}

/* ----

---------END NAVIGATION

---- */