body {
margin: 0px;
padding: 0px;
font-family: 'Trebuchet MS', Helvetica, Arial, serif;
font-size: .75em;
background: #003068;
}

/*typography*/

h1 {
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

/* END Typography */

a, a:link, a:visited, a:active {
color: #D29B1D;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #B5314A;
}

img {
border: 0px;
padding: 0px;
margin: 0px;
}

#wrapper {
width: 783px;
border-right: 2px #cccccc solid;
border-bottom: 2px #cccccc solid;
border-left: 2px #cccccc solid;
}

#mast {
background: #DEF7FF;
}

#menu {
background: #3D70A7;
border-top: 1px #ffffff solid;
font-size: 12px;
clear: both;
}

#left {
background: #F2F7FA url("http://technet.grassroots.com/images/bgSideCols.gif") top left repeat-x;
width: 167px;
border-right: 2px #cccccc solid;
padding-top: 35px;
font-size: .8em;
}

#left ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#left ul li {
background: url("http://technet.grassroots.com/images/bgMenuItem.gif") 0px -2px no-repeat;
padding: 5px 0px 5px 20px;
}

#left a {
font-family: Verdana;
font-weight: bold;
}

#main {
background: #ffffff url("http://technet.grassroots.com/images/bgSideCols.gif") top left repeat-x;
padding: 35px;
}

#right {
background: #ffffff url("http://technet.grassroots.com/images/bgSideCols.gif") top left repeat-x;
width: 191px;
border-left: 2px #cccccc solid;
padding-top: 35px;
font-size: .8em;
}

.colIndent {
margin: 10px;
}


td#right div.colIndent ul {
list-style-type: none;
margin: 0;
padding: 0;
}

td#right div.colIndent ul li {
margin-bottom: 1.5em;
}

td#right div.colIndent ul li a {
font-size: 120%;
}




strong {
font-family: 'trebuchet ms', tahoma, Verdana, Serif;
font-size: 1.5em;
padding-left: 10px;
padding-bottom: 5px;
color: #B33346;
background: url("http://technet.grassroots.com/images/strongBg.gif") top left no-repeat;
letter-spacing: 3px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: #ffffff;
	font-size:.8em;
}

#nav a {
	display: block;
	text-decoration: none;
	font-family: Verdana;
	font-weight: bold;
}

#nav li { /* all list items */
	float: left;
	background: #3D70A7;
	padding: 0;
}

#nav li li {
display: block;
background: #F2F7FA;
clear: both;
padding: 2px 0 3px 0;
border-top: 1px solid #003068;
font-size: 1.1em;
}

#nav li.about {width:100px;}
#nav li.about ul li { width:96px;}
#nav li.issues {width:103px;}
#nav li.issues ul li {width:99px;}
#nav li.news {width:110px;}
#nav li.news ul li {width:106px;}
#nav li.state {width:135px;}
#nav li.state ul li {width:131px;}
#nav li.nodes {width:135px;}
#nav li.nodes ul li {width:131px;}
#nav li.members {width:90px;}
#nav li.members ul li {width:86px;}
#nav li.action {width:110px;}
#nav li.action ul li {width:106px;}

#nav li a {
	display: block;
	font-size:1.2em;
	font-family:Arial,Helvetica,sans-serif;
	color:#fff;
}

#nav li a span {
	display: block;
	margin:3px 0;
	text-transform:uppercase;
	text-align:center;
}


#nav li ul { /* second-level lists */
	position: absolute;
	background: #F2F7FA;
	border: 2px solid #003068;
	margin: 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul, #nav li:hover, #nav li.sfhover { /* lists nested under hovered list items */
	left: auto;
	background: #003068;
}

#nav li li a:link, #nav li li a:visited, #nav li li a:active, #nav li li a  {
color: #3D70A7;
margin-left: 3px;
}

#nav li li:hover ul, #nav li li.sfhover ul, #nav li li:hover, #nav li li.sfhover  { /* lists nested under hovered list items */
	background: #003068;
}

#nav li li:hover ul a:link, #nav li li:hover ul a:visited, #nav li li:hover ul a:hover, #nav li li:hover ul a:active,
#nav li li.sfhover ul a:link, #nav li li.sfhover ul a:visited, #nav li li.sfhover ul a:hover, #nav li li.sfhover ul a:active,
#nav li li:hover a:link, #nav li li:hover a:visited, #nav li li:hover a:hover, #nav li li:hover a:active,
#nav li li.sfhover a:link, #nav li li.sfhover a:visited, #nav li li.sfhover a:hover, #nav li li.sfhover a:active  { /* lists nested under hovered list items */
color: #ffffff;
}

#foot {
color: #B5314A;
}

#foot ul {
color: #B5314A;
list-style-type: disc;
list-style-position: inside;
}

#foot li {
display: inline;
margin-left: 20px;
}


#footer {
color: #B5314A;
}

#footer ul {
margin: 0;
padding: 0;
color: #B5314A;
list-style-type: disc;
list-style-position: inside;
margin-left: 170px;
margin-right: 190px;
}

#footer li {
display: inline;
margin-left: 15px;
}

#footer li.first {
margin-left: 0;
}

/* News Menu Styling */

div.leftNewsMenu ul,
div.rightNewsMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#left div.leftNewsMenu ul li, 
div.rightNewsMenu ul li {
background: none;
background-color: none;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1.5em;
}

div.leftNewsMenu p, 
div.rightNewsMenu p {
margin: 0;
padding: 0;
border-bottom: 1px solid black;
}



/* Membership Directory Styles */

table#directory { width: 100%; margin: 0; padding: 0; }
table#directory h4 { margin: 0; padding: 0; font-size: 1em; }
table#directory strong { padding: 0; display: inline; border: none; background: none; font-size: 1em; color: #000; letter-spacing: 0; text-indent: 0; }

table#directory th { border-bottom: 1px dotted #ccc; padding-bottom: .2em; }
table#directory td { vertical-align: top; text-align: left; padding: 0 .5em .5em 0; }
table#directory td.logo { width: 130px; }

ul.alphaNav {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
background-color: #003068;
color: #fff;
margin-top: 1em;
margin-bottom: .5em;
}

ul.alphaNav li {
margin: 0;
padding: 0;
display: inline;
padding-left:4px;
padding-right:4px;
text-align: center;
}

ul.alphaNav li a,
ul.alphaNav li a:visited {
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
font-weight: bold;
}

ul.alphaNav li a:hover {
text-decoration: underline;
color: #b03343;
}

ul.alphaNav li a:active {
}

div.alphaSection {
border-top: 1px solid black;
clear: both;
}

div.sectionContent {
float: right;
width: 80%;
margin-bottom: 1em;
}

div.alphaSection h1 {
font-size: 500%;
}

div.entry {
width: 100%;
margin-top: 1em;
margin-bottom: 2em;
border-top: 1px dotted #ccc;
}

div.entry h3 {
margin: 0;
padding: 0;
}

div.entry p {
margin: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0;
line-height: 120%;
}

div.entryNotes {
margin: 0;
padding: 0;
margin-left: 10px;
padding-left: 10px;
width: 30%;
float: right;

vertical-align: top;
text-align: left;
}

/* END Membership Directory Styles */


div.newsWrapper {
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

div.newsWrapper ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#left div.newsWrapper ul li {
background: none;
margin: 0;
margin-bottom: 1.5em;
padding: 0;
}


div.newsWrapper ul li a {
font-family: 'Trebuchet MS', Helvetica, Arial;
}

body#home #promoSpace {
background: #FFFFFF;
}

body#home #left {
background: #F2F7FA;
padding-top: 5px;
}

body#home #main {
background: #FFFFFF;
padding-top: 5px;
}

#footer {
border-top:1px solid #ccc;
background: #fff;
}


td#promoSpace {
width: 591px;
height: 140px;
overflow: hidden;
margin: 0;
padding: 0;
}

.flash {
margin: 0;
padding: 0;
width: 591px;
height: 185px;
}

.flash embed {
margin: 0;
padding: 0;
width: 591px;
}


#blogLoginForm .blogLoginWrapper {
float: left;
clear: both;
width: 100%;
margin: 0;
padding: 0 0 .5em 0;
}

.blogLoginWrapper label {
width: 30%;
padding-right: 20px;
text-align: right;
display: block;
float: left;
}

.blogLoginWrapper input {
display: block;
width: 60%;
float: left;
}