/*------ Vermont NEA South Main css ------ */
/*-------- 10/16/06 - 3:00PM ----------*/
/*   
Theme Name: vsMain
Theme URI: www.vermontneasouth.org
Description: Theme for Vermont NEA Southern Region
Author: Allan Douglas, DDGraphics WebMedia
Author URI: www.ddgwebmedia.com
*/
/*-------- HTML Elements --------*/ 
body {
	margin: 0px;
	padding: 0px;
	font-family: FuturaBQ-Light, sans-serif;
	color: #003300;
	font-size: 14px;
	background-color: #D8E2E7;

}
p, td, h1, h2, h3, h4, h5, ul, li table tr {
	font-family: FuturaBQ-Light, sans-serif;
}
a {
	text-decoration: none;
}
p {
	font-size: 14px;
}
h1 {
	color: #003300;
}

/* Main Layout Style Selectors */
/* Create the Header */
#header {
	border-bottom-width: medium;
	border-bottom-style: outset;
	border-bottom-color: #330033;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #103A8C;
	clear: left;
}
#header h1 {
	color: #003300;
	padding-right: 7px;
}
/* Create the Left Column */
#leftColumn {
	position: absolute;
	left: 0px;
	top: 95px;
	width: 150px;
	background-color: #103A8C;
	color: #FFFFFF;
	text-decoration: none;
	border: thin outset #330000;
	padding: 5px;
}
#lcContent {
	padding-top: 210px;
}
/* Create the Main Content Area */
#mainContent {
	margin-left: 165px;
	margin-right: 20px;
	margin-top:120px;
	padding-left : 10px;
	padding-bottom : 10px;
	padding-right: 15px;
	border-left : thin dotted #5cad33;
	color: #003300;
	text-decoration: none;
	padding-top: 0px;
}
#mainContent li {
	margin-bottom: 5px;
	list-style-position: inside;
	list-style-type: disc;
}
#mainContent li + br {
	margin-left: 5px;
}
/****************************/
/*------- Directors & Negotiators Stuff ---------*/
#oneColumn {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 100%;
	margin-right: .8em;
	margin-left: 0em;
}
#oneColumn p {
	text-align: left;
	margin-top: .9em;
	margin-left: .5em;
}
 #oneColumn h2 {
	margin-bottom: 0px;
	padding-left: 25px;
	-moz-border-radius: 10px;
	color: #FFE;
	background-color: #4D65B2;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}
#oneColumn h4 {
	margin-bottom: 0em;
	padding-left: 0.5em;
	margin-top: 0px;
	-moz-border-radius: 10px;
	width: 50%;
	color: #FFE;
	background-color: #4D65B2;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}
#oneColumn div.leftColumn {
	float: left;
	width: 100%;
	overflow: visible;
	text-align: left;
	margin: 0px;
	border: 1px solid #4D65B2;
}

#oneColumn div.leftColumn div.inside {
	padding-left: 0;
}

#bio{
}
#bio img{
float: left;
}

/* @group Events Calender */

/* --- Events Calendar Stuff ---*/
#calendar {
	clear: both;
	margin-left: 0;
	width: 100%;
}
/* twoColumns class for implementing a simple 2-column structure wherever needed
 * inside the content column. 
 */
table.clndrColumns {
	border: 1px solid #103A8C;
	border-collapse: collapse;
	width: 100%;
	background-color: #d4daff;
}
table.clndrColumns td {
	border: 1px solid #103A8C;
}
.clndrColumns p {
	text-align: left;
	margin-top: 0em;
	margin-left: .5em;
	font-size: .9em;
}
.clndrColumns h5 {
	text-align: left;
	margin-bottom: 0em;
	margin-top: .2em;
	margin-left: .2em;
	font-size: 1em;
}
.clndrColumns td.leftColumn {
	width: 30%;
	overflow: visible;	/* fix for IE italics bug */
}
.clndrColumns td.rightColumn {
	width: 70%;
	overflow: visible;	/* fix for IE italics bug */
}
/*--- Printer Icon for Events Calendar ---*/
#printer{
	margin-left: 0;
	width: 99%;
}
#printer h5 {
	font-size: .9em;
	text-align: left;
}
#printericon {
	float: right;
	width: 10%;
}
#printertext {
	float: left;
	width: 85%;
	margin: 0;
}
#printer a:link, #printer a:visited {
	color: #0000FF;
	text-decoration: none;
	height: 32px;
	width: 32px;
	background-image: url(http://www.ddgwebmedia.com/DDGECom/DB/DBAssets/DBIcon/print_up.gif);
	display: block;
    }
#printer a:hover {
	color: #66CCFF;
	height: 32px;
	width: 32px;
	background-image: url(http://www.ddgwebmedia.com/DDGECom/DB/DBAssets/DBIcon/print_dwn.gif);
	background-repeat: no-repeat;
	display: block;
 }

/* @end Events Calender */
/*************************************/
/*------- OrgDocs Stuff ---------*/
/*------ 10/20/06 2;35PM ------*/
#orgdocs {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#orgdocs  h2 {
	text-align: center;
}
#frmContract {
	margin: 0 auto;
	text-align: center;
}
/*------- Classes OrgDocs Stuff ---------*/
.rowod {
	width: 100%;
	clear: both;
	border-bottom: thin solid #666;
}
.labelod {
	float: left;
	width: 50%;
	text-align: right;
	}
.formod {
	float: right;
	width: 50%;
	text-align: left;
}
/*------ Contacts Page Stuff ------*/
/*------ 9/2/06 11AM ------*/
/*------- Needed in every site that uses our DB for 
contact information -----------------*/
#contact {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

html>body #contact {
	width: 100%;
}
#contactinfo {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
html>body #contactinfo {
	width: 100%;
}
#contact h2 {
	text-align: center;
	margin-top: 15px;
}
#contact h4 {
	text-align: center;
}
#contact h5 {
	text-align: center;
	font-weight: normal;
}

#contact .contact {
	text-align: center;
	float: left;
	display: block;
	width: 33%;
}
#contact .message {
	text-align: center;
	float: left;
	display: block;
	width: 100%;
}
/*************************/
/* ----- DDGWM Contact Form CSS ----- */
/*------- 9/16/06 ------*/
#frmcontainer {
	position: relative;
	width: 80%;
	margin: 0px auto;
	clear: both;
}
div.row {
  clear: both;
  padding-top: 5px;
  }
div.row1 {
	clear: both;
	width: 100%;
	padding-top: 5px;
	text-align: center;
  }

div.row span.label {
  float: left;
  width: 50%;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 50%;
  text-align: left;
  } 

  /*---- End Contact Form CSS ----*/
/*************************/
/* Footer Layout Styles */
#footer{
	clear: both;
	border-top: 1px solid #103A8C;
	font-family: FuturaBQ-Light, sans-serif;
	color: #003333;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	padding-top: 20px;
}
/* Table Selectors */
#Table {
	font-size: 13px;
}
#Table td.green {
	background-color: #C4D793;
}
#Table tr.bold {
	font-weight: bold;
}
	
/*--------------- Classes ------------------- */
  /*************************************/ 
  /*------ Classes Used in All Column Layouts ------*/
/* twoColumns class for implementing a simple 2-column structure wherever needed
 * inside the content column. 
 */
.twoColumns {
	float: left;
	width: 100%;
	margin: 10px auto 0;
}
.twoColumns img {
	text-align: center;
	display: block;
}
.twoColumns p {
	text-align: left;
	margin-top: 0em;
}
.twoColumns h5 {
	text-align: left;
	margin-bottom: 0em;
	margin-top: .2em;
	margin-left: .5em;
}
.twoColumns div.leftColumn {
	float: left; 
	width: 20%;
	padding-top: 10px;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -1px;
	border-top: 1px solid #063;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.twoColumns div.rightColumn {
	float: left;
	width: 80%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -2px;
	border-top: 1px solid #063;
	border-left: none;
}

.twoColumns div.leftColumn div.inside {
	padding-left: 0;
}
.twoColumns div.rightColumn div.inside {
	padding-right: 0;
}
.twoColumns div.oneColumn {
	float: left; 
	width: 98%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -1px;
	border-top: 1px solid #063;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
/*------ Classes Used in All Column Layouts ------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */ 	
.inside { 	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 5px;
}
/*************************/
/***************************/
/*------ SplitEm CSS ------ */
/*------ 9/12/06 ------*/
.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
  
div.spacer {
  clear: both;
  }
 /************************/
 /*------- Button Used in Left Col ------*/
 .lcbutton a:link, .lcbutton a:visited {
	margin-top: 5px;
	display: block;
	width: 145px;
	border-top: 1px solid #F9C71A;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #F9C71A;
	color: #F9C71A;
	background-color: #66F;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 0.1em;
}
html>body .lcbutton {
	width: 150px;
}
.lcbutton a:hover, .lcbutton a:active {
	color: #66F;
	background-color: #F9C71A;
	text-align: center;
	border-top-color: #66F;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #66F;
}
/*------------------------------------*/

.ddGraphics2 {
	font-family: "Comic Sans MS";
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.WebMedia2 {
	font-family: "Comic Sans MS";
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}