body {
    margin: 0;
    border: solid 20px #75899a;
    padding:0;
    font-family: verdana, arial, helvetica, sans-serif;
    
	voice-family: "\"}\""; voice-family:inherit;

    background:#fff
    }
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}



h1 {
	font-size: 2.0em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	Margin-top: 0em;
	Margin-bottom: 0em;
	}
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;
	line-height: normal;
	}
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;
	} 

#topBar{
  	padding-top: 1em;  	
    height: 85px;
  	width: 100%;
    background:#fff url('images/Cardbirdheader2.jpg') no-repeat
    }
.compress {
  letter-spacing: -0.05em;
  }
#blueBar {  	
  	width:100%;
    background: #fff url('images/tabbar.gif') top;
    font-size: 80%;
    line-height:normal;
    border-bottom: solid #939f9d 2px;
    white-space:nowrap;
    letter-spacing: -0.05em;
    }
#blueBar ul {
  	margin:0;
  	padding:0px 10px 0;
  	list-style:none;
  	}
#blueBar li {
  	float:left;
  	background:url('images/left_both.gif') no-repeat left top;
  	margin:0;
  	padding:0 0 0 9px;
  	border-bottom:1px solid #765;
  	}
#blueBar a {
   	float:left;
   	display:block;
   	width:.1em;
   	background:url('images/right_both.gif') no-repeat right top;
   	padding:5px 4px 4px 1px;
   	text-decoration:none;
   	font-weight:bold;
   	color:#765;
   	}
#blueBar > ul a {width:auto;}
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
  #blueBar a {float:none;}
  /* End IE5-Mac hack */
  
#blueBar a:hover {
  	color:#333;
  	}
#blueBar #current {
  	background-position:0 -150px;
  	border-width:0;
  	}
#blueBar #current a {
  	background-position:100% -150px;
  	padding-bottom:5px;
  	color:#000;
  	}
#blueBar #back {
  	background-position:0 -150px;
  	border-width:0;
  	}
#blueBar #back a {
  	background-position:100% -150px;
  	padding-bottom:5px;
  	color:#ff0033;
  	}

#blueBar li:hover, #header li:hover a {
  	background-position:0% -150px;
  	color:#fff;
  	}
#blueBar li:hover a {
  	background-position:100% -150px;
  	} 
 
#column2 {
    margin: 0;
    padding: 0;
    background-image: url(images/rgtbar.jpg);
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
    background-color: #FFFFFF;    
}
#column2white {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #FFFFFF;    
}

#twocols {
    margin: 0;
    padding: 0;
    background-image: url(images/rgtbar2.jpg);
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
    background-color: #FFFFFF;    
}

#column1 {
    margin: 0px;
    padding: 0px;
    background-image: url(images/cloth3.jpg);
    background-repeat: repeat-y;
    width: 100%;    
}
#maintable {
	padding: 10px;
	width: 100%;
}
.left {
	background-image: url(images/cloth3.jpg);
    background-repeat: repeat-y;
	width: 23%;
}
.right {
	width: 23%;
	background-color: #94AEBD;
}
.middle {
	font: normal 9pt/11pt  verdana, arial, sans-serif;
	padding-left: 25px;
	padding-right: 25px;
	width: 56%;
}

#main {
    padding: 10px;
    margin-left: 220px;
    margin-right: 200px;
    font: normal 8pt/10pt  verdana, arial, sans-serif;
}
#center {
	font: normal 9pt  verdana, arial, sans-serif;
	padding-left: 25px;
	padding-right: 25px;
}
#memlist {
	font: normal 8pt/10pt  verdana, arial, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}
.alt1 {
	background-color: #Cfd5d4;
}
.alt2 {
	background-color: #FFFFFF;
}
#rt1 {
	margin-left: 8px;
}
.rt2 {
	margin-left: 22px;
}

#twocolsmain {
    padding: 10px;    
    margin-left: 220px;
    margin-right: 10px;
    font: normal 8pt/10pt verdana, arial, sans-serif;
}

#navcol {
    padding: 10px;
    width: 200px;
    float: left;
}

#sidecol {
    padding: 0px;
    width: 180px;
    float: right;
    font: normal 8pt/10pt verdana, arial, sans-serif;

}
#sidecolwhite {
    padding: 0px;
    width: 200px;
    float: right;
    font: normal 8pt/10pt verdana, arial, sans-serif;

}

#lft {
	text-align: center;
	font: bold 8pt/10pt verdana, arial, sans-serif;
	}
#noshow {
	color: #fff;
}
#lftBar {
    width: 170px;
    
    }
ul#lftBar {
	list-style: none;
	font: bold 8pt/4pt verdana, arial, sans-serif;
	font-color: #000;
	margin: 0;
	padding: 0;
}

ul#lftBar li a:link, ul#lftBar li a:visited {
	display: block;
	border: 1px solid #79899A;
	text-decoration: none;
	width: 86%;
	padding: 5px;
	margin-left: 5px;	
	background-color: #Cfd5d4;
	font: bold 8pt/10pt verdana, arial, sans-serif;
	color: #465460;
}
ul#lftBar li a:hover {
	background-color: #79899a;
	color: #fff;
} 
#lftBar #current {
  	background-color: transparent;
  	}
#lftBar #current a {
  	background-color: #759a86;
  	color: #fff;
  	font: bold 8pt/10pt verdana, arial, sans-serif;
	border: 1px solid #000;
  	}
ul#lftBar ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul#lftBar ul.subnav li {
	border: 1px solid #79899a;
	text-decoration: none;
	width: 94%;
	border: none;
	margin-left: 8px;
	
	}
ul#lftBar ul.subnav li a:link, ul#lftBar ul.subnav li a:visited {
	padding: 1px;
	font: bold 8pt/9pt verdana, arial, sans-serif;
	color: #465460;
	background-color: #ececec;
	}
ul#lftBar ul.subnav li a:hover {	
	background-color:#79899a;
	color: #fff;	
	}
	
#rgtBar {
    margin: 5px;
    padding: 5px; 
    }

ul#rgtBar {
	list-style: none;
	margin: 5px;
	padding: 6px;
	font: bold 9pt/12pt verdana, arial, sans-serif;
	color: #465460

	}  
ul#rgtBar ul.event {
	list-style: none;
	margin: 0;
	padding: 0;
	font: normal 8pt/9pt verdana, arial, sans-serif;
	}
ul#rgtBar ul.event li {
	border-top 0 none;
	padding-left: 1.5em;
	}
	
ul#rgtBar1 {
	list-style: none;
	margin: 0;
	padding: 2px;
	font: bold 9pt/12pt verdana, arial, sans-serif;
	color: #465460

	}  

ul#rgtBar1 ul.event1 {
	list-style: none;
	margin: 0;
	padding: 0;
	font: normal 8pt/9pt verdana, arial, sans-serif;
	}
ul#rgtBar1 ul.event1 li {
	border-top 0 none;
	
	}


#footer {
	background-color:#CFD5D4;
	width: 100%;
	border-top: 1px solid #79899a;
	
	font: bold 8pt/9pt verdana, arial, sans-serif;

}
#innerfooter {text-align: center;
	font-weight: bold;
	padding: 10px;
}

#main p {
  	
  	padding-top: 10px;
  	font: normal 8pt/10pt verdana, arial, sans-serif;
}
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #006699; }
a:hover		{ text-decoration: underline; color : #DD6900; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #79899A solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - dkblue/orange */
th	{
	color: #FFA34F; font-size: 11px; font-weight : bold;
	background-color: #75899a; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#CFD5D4; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

th.homeTop {
	color: #000000; font-size: 12px; font-weight : bold;
	background-color: #FFFFFF; height: 25px;
	border-bottom-width: 3px; 
	border-bottom-color: #000000;
	}
.gensmallTop {
	color: #75899a;
	font-size: 9px;
	}

	
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle		{ text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink 	{ text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");