body {
	font-family: arial, helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	margin: 0;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0 0 0.4em 0;
	font-family: arial, helvetica, sans-serif;
}

h1 {
	font-size: 2em;
}

h2, .mceContentBody h2 {
	padding: 0;
	margin: 0;
	font-size: 1.8em;
	color: #000;
}

h3, .mceContentBody h3 {
	font-size: 1.6em;
	color:#0099ff;
}

h4 {
	font-size: 1.4em;
	color:#003399;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

strikethrough {
	font-style: strikethrough;
}

br {
	margin: 1em 0 0 0;
}

label {
	font-weight: bold;
}


/* -------------------------------------
	header
--------------------------------------*/

#header {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	border-bottom: 2px solid #9eadc0;
}

#header img {
	margin: 0;
	padding: 0;
}

#header_top {
	width: 100%;
	background-color: #fff;
		text-align:right;
}

#header_right {
	text-align: right;
	margin: 40px 10px 0 0;
	padding: 0;
	width: 300px;

}

#subheader {
	width: 100%;
	margin: 0;
	text-align: left;
}

#subheader_left {
	width: 300px;
	padding: 4px 0 0 10px;
}

#subheader_left table {
	text-align: center;
}

#subheader_right {
	width: 500px;
	height: 100px;
	font-size: 14px;
	background-image: url(../img/subheader_right_back.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	padding: 10px 10px 0 0;
}

#subheader_right h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}

#top_menu	{
	width:510px;
}

#top_menu img	{
	margin:0;
	padding:0;
}
/* -------------------------------------
	main content
--------------------------------------*/

#custom-doc {
	margin: 20px 0;
	width: 780px;
	text-align: left;
	float: left;
}

#content_wrapper {
	margin: 16px 0;
	width: 504px;

}

#content {
	
}

#content p, .mceContentBody p {
	margin: 0 0 1em 0;
}

#content li, .mceContentBody li	{
	margin: 0 0 1em 2em;
	list-style: circle;
}

#content ul, .mceContentBody ul	{
	padding: 5px 0 10px 0;
}

#content blockquote, .mceContentBody blockquote	{
	margin: 0 0 0 3em;
	padding: 0;
}

/* -------------------------------------
	menu
--------------------------------------*/

#menu {
	width: 230px;
	margin: 20px 0 0 20px;
}

#menu ul {
	margin: 0 0 0 0;
}

#menu li {
	background-image: url(../img/button_top.png);
	background-repeat: no-repeat;
	padding: 4px 0 0 0;
}

#menu li a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	padding: 4px 10px 12px 40px;
	background-image: url(../img/generic_button.gif);
	background-repeat: no-repeat;
	background-position: 3px 0;
	width: 136px;
	float: left;
}

#menu li span {
	background-image: url(../img/button_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	float: left;
}

#menu li a:hover {
	color: #D41743;
	background-image: url(../img/generic_button_over.gif);
}

/* home page link styling */
#menu li#li_1 a {
	background-image: url(../img/home_button.gif);
}

#menu li#li_1 a:hover {
	background-image: url(../img/home_button_over.gif);
	color: #D41743;
}

/* our thinking link styling */
#menu li#li_175 a {
	background-image: url(../img/thinking_button.gif);
}

#menu li#li_175 a:hover {
	background-image: url(../img/thinking_button_over.gif);
}

/* projects link styling */
#menu li#li_173 a {
	background-image: url(../img/projects_button.gif);
	background-position: 3px 2px;
}

#menu li#li_173 a:hover {
	background-image: url(../img/projects_button_over.gif);
}

/* friendly format link styling */
#menu li#li_177 a {
	background-image: url(../img/ff_button.gif);
}

#menu li#li_177 a:hover {
	background-image: url(../img/ff_button_over.gif);
}

/* subscription link styling */
#menu li#li_199 a {
	background-image: url(../img/subscription_button.gif);
}

#menu li#li_199 a:hover {
	background-image: url(../img/subscription_button_over.gif);
}

/* resources link styling */
#menu li#li_201 a {
	background-image: url(../img/resources_button.gif);
}

#menu li#li_201 a:hover {
	background-image: url(../img/resources_button_over.gif);
}

/* people link styling */
#menu li#li_203 a {
	background-image: url(../img/people_button.gif);
}

#menu li#li_203 a:hover {
	background-image: url(../img/people_button_over.gif);
}

/* people link styling */
#menu li#li_205 a {
	background-image: url(../img/contact_button.gif);
}

#menu li#li_205 a:hover {
	background-image: url(../img/contact_button_over.gif);
}

#menu li a.active {
	color: #D41743;
}

#menu li ul a {
	font-weight: normal;
	color: #007481;
}

/* -------------------------------------
suckerfish
--------------------------------------*/

/* hack to get dropdown to appear over form elements in ie
	see iehover-fix.js for details */

ul.snav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */


#menu .snav, #menu .snav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 194px;
}
	
#menu .snav li { /* all list items */
	position : relative;
	float : left;
	margin-bottom : -1px;
	width: 194px;
}
	
#menu .snav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-top: -4px;
	margin-left: 4px;
}

html>/**/body #menu .snav li ul { /* add margin for non ie browsers */
	margin-left: 190px;
}
	
#menu .snav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
	
#menu .snav li:hover ul ul, #menu .snav li:hover ul ul ul, #menu .snav li.sfhover ul ul, #menu .snav li.sfhover ul ul ul {
	left: -999em;
}
	
#menu .snav li:hover ul, #menu .snav li li:hover ul, #menu .snav li li li:hover ul, #menu .snav li.sfhover ul, #menu .snav li li.sfhover ul, #menu .snav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* -------------------------------------
	footer
--------------------------------------*/

#footer {
	margin: 20px 0;
	font-size: 10px;
	width: 100%;
	text-align: left;
	color: #006fd8;
	background-image: url(../img/footer_back.jpg);
	background-repeat: repeat-x;
	float: left;
}

#footer p, #footer ul {
	margin: 0 0 0.6em 0;
}

#footer li {
	display: inline;
	margin: 0 10px 0 0;
}

#footer_left {
	padding: 10px 0 0 10px;
	width: 200px;
}

#footer_right {
	text-align: right;
	padding: 10px 10px 0 0;
}

#footer a {
	color: #006fd8;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
}

/* -------------------------------------
tinyMCE
--------------------------------------*/

body.mceContentBody {
	padding: 2px;
}

/*---------------------------------------
	paging
---------------------------------------*/

.subpage_nav {
	margin: 1em 0;
	float: left;
	font-size: 40px;
	color: #fff;
	text-align: left;
}

.subpage_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.subpage_nav li {
	display: inline;
}

.subpage_nav li a, .nav_current {
	float: left;
	padding: 8px 0 0 4px;
	margin: 0;
	background-image: url(../img/paging_number.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 74px;
	text-align: center;
}

.subpage_nav a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.subpage_nav li.nav_arrow_back a {
	background-image: url(../img/paging_back.gif);
}

.nav_arrow_content {
	display: none;
}

.subpage_nav li.nav_arrow_forward a {
	background-image: url(../img/paging_forward.gif);
}

/*---------------------------------------
	flickr badge
---------------------------------------*/

.flickrWrapper {
	width: 98%;
}

.flickrWrapper div {
	display: inline;
	padding: 20px 14px 20px 0;
}

.flickrWrapper img {
	border: 1px #ccc solid;
	padding: 4px;
}

/*-----------------------------------
 text size
-----------------------------------*/

#text_size {
	margin: 0;
	padding: 0 15px 0 6px;
	color: #660066;
	font-style: normal;
	font-size: 130%;
	font-weight:bold;
}

#text_size h3 {
	font-weight: normal;
	font-size: 80%;
	padding: 0;
	margin: 0;
	display: inline;
}

#text_size ul {
	padding: 0;
	margin: 0;
	display: inline;
}

#text_size li{
	list-style: none;
	display: inline;
	margin: 0 0 0 0.8em;
	padding: 0;
	border: 0;
}

#text_size a {
	text-decoration: none;
	color: #660066;
}

#text_size a:hover {
	color: #34C7E8;
}

.standard_size {
	font-size: 100%;
	text-transform: uppercase;
}

.big_size {
	font-size: 130%;
	text-transform: uppercase;
}

.biggest_size {
	font-size: 160%;
	text-transform: uppercase;
}

/*---------------------------------------
	public forms
---------------------------------------*/

.publicForm label {
	display: block;
}

.publicForm label {
	margin: 1em 0 0 0;
}

.publicForm label.inline {
	display: inline;
	margin: 0;
}
	
.publicForm .textInput, .publicForm textarea {
	width: 20em;
	border: 1px solid #999;
	background-color: #fff;
	padding: 0.1em;
}

.publicForm .checkboxInput {
	border: 1px solid #999;
	background-color: #fff;
	margin: 0 0.5em 0 0;
}

.publicForm textarea {
	height: 10em;
}
	
.publicForm .submitInput {
	border: 1px solid #999;
	background-color: #fff;
	padding: 0.1em;
}
	
.publicForm select {
	border: 1px solid #999;
	background-color: #fff;
	padding: 0.1em;
}

#ft {
	border-top: 4px solid #fff;
	text-align: center;
}

/*---------------------------------------
	forum
---------------------------------------*/

#content .forum_div,  #content.forum_thread_div {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

#content .forum_div td, .forum_thread_div td {
	margin: 0;
	padding: 0;
	text-align: left;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #000;
}


.forum_thread_div td {
	vertical-align: top;
	
}

.forum_div th {
	font-weight: normal;
	text-align: left;
	padding: 0.2em 0 0.2em 0;
	font-size:160%;
	background-color:#0099cc;
	color:#fff;
}

.forum_thread_title {
	width: 50%;
	text-align: left;
}

#content .forum_thread_title a 	{
	color:#0099CC;
}

#content .forum_thread_title a:hover 	{
	color:#000;
}

#content .forum_div .forum_thread_author {
	width: 20%;
	font-size: 1em;
	text-align: left;
	font-size:120%;
	
}

#content .forum_div .forum_thread_date {
	width: 20%;
	font-size: 0.8em;
	font-size:120%;
}

#content .forum_div .forum_thread_count {
	width: 5%;
	font-size: 1em;
	text-align: center;
}

#content .forum_thread_div .entry_details {
	width: 15%;
	padding: 0 1em 0 0;
	font-size: 80%;
}

#content .forum_thread_div .entry_body {
	width: 80%;
}

#content .forum_thread_div .entry_body h3 {
	font-size: 1em;
	margin: 0 0 0.2em 0;
}

/*---------------------------------------
	misc classes
---------------------------------------*/

.active {
		font-style: italic;
}

.hidden {
	background-color: #999;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

img.float_right {
	margin: 0 0 0.5em 0.4em;
}

img.float_left {
	margin: 0 0.4em 0.5em 0;
}

.compositeTable {
	width: 100%;
	margin: 0.4em 0;
	text-align: center;
}

.compositeTable td {
	padding: 0.4em;
}

.clear {
	clear: both;
}

#ubi_gallery {
	width: 460px;
	height: 320px;
}

.poll_option_table td {
	font-size: 1em;
}

.poll_option_table label {
	display: block;
}

.poll_entry_count {
	font-weight: bold;
}


/*-----------------------------------------
colin stuff
--------------------------------------------*/

#content table	{



}

#content table img	{
	
	padding:0;
	margin:0;
	
	}

#content td, #subheader td	{

padding:0 10px 0 10px;
margin:0;
font-size:140%;


}
#content td a, #subheader td a	{
	
	margin:0;
	color:#000;
	text-decoration:none;
	
	

}

#content p	{
	font-size:120%;
	line-height:140%;

}

#menu li a {
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	
}

#footer_right, #footer_left p	{
	font-size:150%;
	}
	
#footer_left a	{
	font-size:150%;
	}
#footer_left p	{
	font-size:150%;
	}
	
.poll_div table {
	margin: 0 0 20px 0;
}
	
.poll_div input {
	font-size: 200%;
	background-color:#0099ff;
}

//------file type icons -----
------------------------------------------------//

#content a[href$='.pdf'] {
background:transparent url(../img/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}