body{
	margin:0;
	padding:0;
	/* line-height: 1.5em; */
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
}



#maincontainer{
width: 780px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#ffffff;
border-color:#999999;
border-style:solid;
border-width:medium;

}

#topsection{
background: #FFFFFF;
height: 170px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background-color:#ffffff;
margin-top:20px
}

#contentcolumn{
margin-left: 160px; /*Set left margin to LeftColumnWidth*/
margin-right:15px;
font-size:14px;
border-width:1px;
border-style: solid;
border-color: #cccccc;
padding:5px
}

#contentcolumn2{
margin-left: 160px; /*Set left margin to LeftColumnWidth*/
margin-right:15px;
font-size:14px;
border-width:1px;
border-style: solid;
border-color: #cccccc;
padding:5px
}

#leftcolumn{
float: left;
width: 154px; /*Width of left column*/
margin-left: -776px; /*Set left margin to -(MainContainerWidth)*/
background: #FFFFFF;
margin-top:20px
font-size:14px;
}


#sendalink{
clear: left;
width: 100%;
background-color:#ffffff;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer{
clear: left;
width: 100%;
background-color:#999999;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#smallfont {
font-size:10px;
}

#rss{
font-size:10px;line-height:1.4em;

width:150px;}
#rss a {color:#0000FF;}

#adobe{
font-size:12px; line-height:1.4em;margin-left:60px;margin-right:60px}

#footer a {color: #FFFF80;}
#logocontainer {float:left;}
#sizer {margin-top:5px; float:right;padding-right:16px;}

.alignleft {float: left;}
.alignright {float: right;}


.toolbar li {
float:left;
display:inline;
background-color:#ffffff;

margin:0;
}

div#contentcolumn h1 {font-size:20px; font-weight:bold; text-align:left; text-align:center;}
div#contentcolumn h2 {font-size:16px; font-weight:bold; text-align:left;}
div#contentcolumn p {font-size:14px; line-height:1.5em; padding-bottom:0.9em;}
div#contentcolumn li {font-size:12px; line-height:1.4em; padding-bottom:0.9em; list-style-image:url("../images/greyball.jpg"); margin-right:60px;}
.none {font-size:12px; line-height:1.4em; padding-bottom:0.9em; list-style-type:none; margin-right:60px;}

div#contentcolumn blockquote {margin-right:20px;padding: 5px;}

div#leftcolumn li {font-size:14px; line-height:1.4em; padding-bottom:0.9em;}
div#leftcolumn ul {padding:0; list-style-type:none; margin:0;}


a:link {color:#000000;}
a:visited {color:#000000;}
a:active, a:hover {color:#2100ff}

.smaller {font-size:12px;}
.bigmedium {font-size:14px;}

.centred {text-align:center;}

/*tdcal class for mini calendar*/
.tdcal {
    font-size:10px; }

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid gray;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 160px;
}

.anylinkcss a{
color: black;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color:#CCFFFF;
color: black;
}

/*Contentcolumn2 to be used with gallery or pages not needing bullered lists*/
div#contentcolumn2 h1 {font-size:20px; font-weight:bold; text-align:left; text-align:center;}
div#contentcolumn2 h2 {font-size:16px; font-weight:bold; text-align:left;}
div#contentcolumn2 p {font-size:14px; line-height:1.5em; padding-bottom:0.9em;}
/*.none {font-size:12px; line-height:1.4em; padding-bottom:0.9em; list-style-type:none; margin-right:60px;}*/

/*div#contentcolumn2 blockquote {margin-right:20px;padding: 5px;}*/

/*elegant form....*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


	
	
.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 600px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 200px; /*width of label (left column)*/
/*text-transform: uppercase;*/
border-bottom: 1px solid blue;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
float:
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}



div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}