/* Body and wrapper
----------------------- */	
body {
	background-color: #000;
	color: #ddd;
	margin: 0;
	padding: 0;
	font-size: 90%; /* IE5 Win font size and hack*/
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 100%; /* Base font size */
}
html>body { /* Opera fix for above */
	font-size: 100%;
}
#wrapper {
	margin: 1em 2em 1em 2em;
}
/* skipnav
--------------------------  */	
#skipnav {
	text-align: right;
	font-family: arial, sans-serif;
	font-size: 75%;
}
#accessnav li {
	display: inline;
	list-style: none;
	border-left: 1px solid #999;
	margin: 0;
	padding: 0 0.5em 0 0.75em;
}
#accessnav li#skiplink-nav {
	display: inline;
	list-style: none;
	border: none;
}		
#accessnav li a:link, #accessnav li a:visited {
	color: #ccc;
}
#accessnav li a:hover {
	color: #333;
	text-decoration: none;
}
/* Header, search, utilities
------------------------------ */				

#header {
	margin: 0;
	padding: 0;
	height: 100px;
	border: 1px solid #999;
	background-image: url(http://www.wittworx.net/rotate/rotate.php);
	background-repeat: no-repeat;
	background-color: #333;
}

#search {
	float: right;
	text-align: right;
	margin: 2em 0.25em 0 0;
	padding:  .2em;
	font-family: arial,helvetica,sans-serif;
	font-size: 75%;
	color: #fff;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/70p-grey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#search[id] {
  	background-image:url(http://www.wittworx.net/images/70p-grey.png);	
}		

/* Main navigation
----------------------- */	
.container {
	width: 100%;
	padding-top: 3px;
	margin: 0px;
	background: #eee;
	}

#nav {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 0px solid #999;
	}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	font-family: arial,helvetica, sans-serif;
	font-size: 100%;	
	}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: .7em;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #666;
	}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
	color: #666;
	background-color: #eee;	background: url(http://www.wittworx.net/images/tab_rounded.gif) no-repeat bottom center;
	}



/* Content: layout columns
---------------------------------------- */ 
#content {
	padding: 0.5em;
	border: 1px solid #666;
	font-size: 90%;
	font-family: arial,helvetica,sans-serif;
	color: #ddd;
	background-color: #333;
}
#content-main {
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #999;
	border-top: none;
	font-size: 90%;
	font-family: arial,helvetica,sans-serif;
	color: #000;
	background-color: #cde;
}


#content-mainform {
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #cde;
	border-top: none;
	font-size: 90%;
	font-family: arial,helvetica,sans-serif;
	color: #000;
	url(forms/mailform.php)
	background-color: #cde;
}


ul#homenav a {
	font-size: 100%;
}


#leftwide { 
	float: left;
	max-width: 45em;
	width: 60%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 66%;
}
html>body #content #leftwide {
	width: 66%; /* Opera fix for above */
}
#leftnarrow { /* Home page only */
	float: left;
	padding-top: 0.5em;
	width: 22%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 25%;
}
html>body #content-main #leftnarrow {
	width: 25%; /* Opera fix for above */
}
#rightwide { /* Home page only */
	float: right;
	padding-top: 1.5em;
	width: 65%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 70%;
}
html>body #content-main #rightwide {
	width: 70%; /* Opera fix for above */
}
#rightnarrow {
	float: right;
	width: 30%;
}
#left { /* Home page nested div only */
	float: left;
	width: 50%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 45%;
}
html>body #content-main #left {
	width: 55%; /* Opera fix for above */
}
#right { /* Home page nested div only */
	float: right;
	width: 40%; /* IE 5 box model hack */
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 45%;
}
html>body #content-main #right {
	width: 45%; /* Opera fix for above */
}
/* Content: right menu boxes
---------------------------- */ 
#content-main #rightmenu {
	float: right;
}
#rightmenu-header {
	background-color: #444;
	border: 1px solid #000;
	border-bottom: none;
	margin-top: 2em;
	padding: 0.25em;
	padding-left: 1em;
}
#rightmenu-header h2 {
	color:  #ddd;
	margin: 0;
	padding: 0;
	font-size: 110%;
	text-transform: lowercase;
	letter-spacing: 8px;
}	
#rightmenu-body {
	background-color: #555;
	border: 1px solid #000;
	padding: 1em 1em 2em 1em;
	font-size: 90%;
}
#rightmenu-body h2 {
	margin: 0;
	padding: 0;
	color: #000;
}
#rightmenu-body h3 {
	font-size: 110%;
	color: #000;
}
#rightmenu-body p {
	margin-top: 0.25em;
}
#rightmenu-body li {
	margin-left: 0;
	padding-left: 0.25em;
}

/* Headings
---------------------- */

h1, h2, h3, h4, h5, h6  {font-family: 'lucida sans unicode','lucida grande',helvetica, arial, 'ms-sans';
	color: #ddd;
	font-weight: normal;}

h1 {font-size: 160%;
      letter-spacing: 4px;}

h2 {font-size: 140%;
      text-align: left;}
      
h3 {font-size: 120%;
      color: #666;}
      
h4 {font-size: 110%;}

h5 {font-size: 100%;
      color: #666;}
      
h6 {font-size: 100%;}

/* Links
-------------------- */
a, a:link {
	color: #69f;
}
a:hover {
	color: #ccc;
}
a:visited {
	color: #999;
}
a img {
	border: none;
	text-decoration: none;
}
/* Content: images
-------------------- */
img.noborder {
	border: none;
}
/* Quotes
------------------------ */
#content-main blockquote {
	margin: 0;
	padding: 0;
	border: none;
}
#content-main blockquote p {
	font-size: 130%;
	margin: 0;
	padding: 0.5em;
	color: #678;
}
#content-main blockquote p.author {
	text-align: right;
	padding-right: 2em;
	font-size: 90%;
}
#quotation {
	width: auto;
	padding: 0.25em;
	margin-top: 0.25em;
}
#quotation a:link, #quotation a:visited {
	color: #678;
}
blockquote {
	padding: 1em;
	border-bottom: 1px dashed #ccc;
}
						

/* Footer
-------------------- */
#footer {
	clear: both;
	background-position: bottom right;
	margin-bottom: 0.25em;
	padding-top: 1em;
	padding-right: 5px;
	font-family: arial,helvetica,sans-serif;
	text-align: right;
	font-size: 80%;
	color: #ddd;
}	

/* Minutes
------------------------*/
.minutes p
	 {margin-left:2em;}