body, p, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, div {margin:0;padding:0; border:0; }

img { border:0}

body {
   text-align: center;
   min-width: 770px; /* Use this, or */
   font-family : Verdana;
   font-size : 11pt;
   color : #888;
   background : url(../images/bggradient-left.jpg) repeat-x top left;
   margin : 0;
   padding : 0;
}
 
 
 
#wrapper {
   text-align: left;
   margin-top : 30px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid black; /* this. Both are not necessary */
   background-color : #fff;
   width : 770px;
   }

#header {
	background: url(../images/banner-gradient.jpg);
	position : relative;
	/*z-index : 10;*/
}

#graphic {
	z-index : 0
	
}

#logo {
	z-index : 2;
}

/* TOP MENU */
#topMenu {
	position : absolute;
	top : 182px;
	left : 209px;
	
}
#topMenu ul {
	list-style : none;
	margin : 0;
	padding : 0;
	overflow : hidden;
	/*position : relative;*/
	/*top : -30px;*/
	
}
#topMenu li {
	display : inline;
	font-size : x-small;
}
#topMenu li a {
	float : right;
	height : 15px;
	text-align : center;
	padding : 5px 8px;
	text-decoration : none;
	color : #333;
	border-top : 1px solid #555;
	border-left : 1px solid #555;
	border-bottom : 1px solid #555;
	background: #ccc;
	text-transform : uppercase;
}

#topMenu a:hover {
	background : #ccc;
	color : #C03;
	border-bottom : 1px solid #C03;
}
#topMenu #currentPage a {
	background : #CO3;
	color : #fff;
	border-bottom : 1px solid #555;
}
/* ------------------------------------------- */
/* CONTENT */
#content {
	margin : 0;
	padding : 0;
	min-height : 450px;
	/*margin-top : 1em;*/
	
}

#content .pageLinks {
	width : 250px;
	float : right;
	font-size : 1em;
	border-top : 3px solid #C03;
	border-bottom : 2px solid #C03;
	margin : 3em 10px;
	padding : 6px 10px;
}

#content .latestNews {
	width : 250px;
	float : right;
	/*border : 1px solid black;*/
	margin : 10px;
	padding : 3px;
	/*background : url(../images/recent-repeatx.jpg) repeat-x;*/
	background : #3b3b3b;
	color : #FFF;
}

a:visited.list {
	color : #C03;
	text-decoration : none;
}
a:visited.list {
	color : #CO3;
	text-decoration : none;
}

a:hover.list {
	text-decoration : underline;
}

/*
.list a:link {
	color : #C03;
	text-decoration : none;
}
.list a:hover {
	text-decoration : underline;
}
.list a:visited {
	color : #CO3;
	text-decoration : none;
}
*/
a:link {
	color : #C03;
	text-decoration : none;
	font-weight : bold;
}
a:visited{
	color : #C03;
	text-decoration : none;
	font-weight : bold;
}
a:hover {
	text-decoration : underline;
}


.latestNews h2 {
	color : #FF3;
	text-align : center;
	border-bottom : 1px groove #000;
}

a:link.latestNewsLink ,a:visited.latestNewsLink  {
 	color : #EE3;
 	text-decoration : none;
}
a:hover.latestNewsLink  {
 	color : #FFF;
 	text-decoration : underline;
}




#content .pageText {
	
	margin-left : 1em; 
	margin-right : 1em;
	font-size : 10pt;
	color : #666;
}

#content .pageTitle {
	margin : 18px;
}
	
/* ------------------------------------------- */
/* LEFT COLUMN */
#leftColumn {
	float : left;
	width : 92%;
	margin : 8px;
	font-size : 11pt;
	color : #666;
	padding-left : 1em;;
	
}

/* ------------------------------------------- */
/* RIGHT COLUMN */
#rightColumnm {
	float : left;
	border : 1px solid green;
}

/* ------------------------------------------- */
/* LOWER PANE */
#lowerPane {
	clear: both;
	margin : 8px;
	border-top : 1px solid #999;
	font-size : x-small;
}

#leftLower {
	/*float : left;*/
	text-align : center;
	background : url(../images/banner_gradient.jpg) repeat-x;
	
	
}

#rightLower {
	float : left;
}
/* -------------------------------------------- */
/* FOOTER */
#footer {
	clear : both;
	background : url(../images/footer-graphic.jpg) repeat-x;
	height : 35px;
}

#contact {
	float : left;
}

#copyright {
	float : right;
	text-align : right;
	font-size : 8pt;
	padding-right : 10px;
	line-height : 30px;
	color :#efefef;
}

/* classes */
.heading1 {
	font-size : 18pt;
}

.date {
	font-size : 12pt;
	font-weight : bold;
	color : #666;
}

/*a:link, a:visited {
	color : C03;
	text-decoration : none;
}
a:hover {
	color : #C03;
	text-decoration : underline;
}
*/

/*
.list a:link, a:visited{
	color : #C03;
	text-decoration : none;
}
.list a:hover {
	color : #C03;
	text-decoration : underline;
}
*/

.memberList {
	list-style : none;
	font-size : 8pt;
}
.red {
	color : #C03;
}
.small {
	font-size : 70%;
}
/* tags */
h1 {
	font-size : 24pt;
	font-family : Arial;
	color : #777;
}

h2 {
	font-size : 12pt;
	font-family : Arial;
	color : #777;
}

th {
	text-align : center;
	border-top : 1px solid black;
	border-bottom : 4px solid #999;
}
td {
	/*border-bottom : 1px solid black;*/
	}

.contactForm td {
	border-bottom : 0px solid black;
}
.contactForm th {
	border-bottom : 0px solid black;
	border-top : 1px solid #ccc;
}

.textbf {
	font-weight : bold;
}