body {
	padding: 0;
	margin: 0;
	background-color: #fff;
}


#title {
	position: absolute;
	top: 0;
	left: 0;
	height: 99px;
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	filter:alpha(opacity=75)
	-moz-opacity:.75;
	opacity:.75;
}



img.c4slogo {
	margin: 0;
	padding: 0;
	background-color: white;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 99;
	margin: 0;
	padding: 0;
	background-color: white;
}

#quote {
	position: absolute;
	top: 190px;
	left: 0;
	height: 40px;
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	filter:alpha(opacity=75)
	-moz-opacity:.75;
	opacity:.75;
}

#quote p {
	font: bold 13px/1.3 Arial, Helvetica, sans-serif;
	text-align: center;
	width: 700px;
	margin: 5px auto 5px auto;
	padding: 0;
}

#qnav {
	position: absolute;
	top: 232px;
	background: transparent;
	right: 0;
	padding: 0;
	margin: 0;
}
#tabs {
	background: #fff;
	margin: 0;
	/* padding: 24px 10px 0 0; */
	list-style: none; 
	font: bold 12px/1.5 Tahoma, Arial, sans-serif;
	float: right;
	padding: 0 10px 0;
}

#tabs li {
	float: left;
	padding:0;
	margin: 0 2px;
	background: url(images/right.gif) no-repeat right bottom;
}
#tabs li a:link, #tabs li a:visited   {
	color: #fff;
}
#tabs li a:hover, #tabs li a:active {
	color: #eee;
}
#tabs li a {
	display:block;
	background: url(images/left.gif) no-repeat left bottom;
	padding: 5px 15px;
	margin: 0;
	text-decoration: none;
}

#leftmenu {
	position: absolute;
	top: 232px;
	left: 0;
	width: 200px;
	margin: 0;
	padding: 0;
}

#leftmenu.home {
	background-color: #f9fbfd;
	border-right: 1px solid #c9cac8;
}

#leftmenu.home h3 {
	background-color: #b0c8e0;
	color: #333;
	padding: 12px 0 10px 47px;
	font: bold 16px/1.2 Trebuchet MS, Verdana, sans-serif;
	margin: 5px 0 5px 0;
}

#leftmenu.home h3.news {
	background: url(images/hdr-news.gif) center left no-repeat #b0c8e0;
}
#leftmenu.home h3.know {
	background: url(images/hdr-know.gif) center left no-repeat #b0c8e0;
}

#leftmenu.home h3.book {
	background: url(images/hdr-book.gif) center left no-repeat #b0c8e0;
}

#leftmenu.home h3.fun {
	background: url(images/hdr-fun.gif) center left no-repeat #b0c8e0;
}

#leftmenu.home h4 {
	color: #666;
	font: bold 14px/1.2 Trebuchet MS, Verdana, sans-serif;
	margin: 0 5px;
	padding: 0;
}


#leftmenu.home p {
	font: bold 12px/1.2 Trebuchet MS, Verdana, sans-serif;
	color: #666;
	text-align: justify;
	margin: 0 auto 0 auto;
	padding: 2px 7px;
}

#leftmenu.home ul {
	color: #666;
	font: bold 14px/1.2 Trebuchet MS, Verdana, sans-serif;
	list-style-type: none;
}

#leftmenu.home li {
	padding: 3px 5px 3px 5px;
	margin: 0;
}

#leftmenu.home ul.news {
	font: bold 12px/1.2 Trebuchet MS, Verdana, sans-serif;
	color: #666;
	margin: 0 5px 0 5px;
	padding: 2px 7px;
	list-style-type: disc;
}

#leftmenu.home li.news {
	padding: 3px 5px 3px 5px;
	margin: 3px 3px 3px 7px;
}

#leftmenu.home a:link, a:visited {
	text-decoration: underline;
	color: #666;
}
#leftmenu.home a:hover, a:active {
	text-decoration: none;
	color: #666;
}

#righthome {
	float: right;
	background-color: #ffffff;
	width: 250px;
	padding: 0;
	margin: 11px 0 5px 35px;
	background-color: #e6f6e3;
}

#righthome ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0;
	width: 250px;
	background-color: #e6f6e3;
}

#righthome li a:link, #righthome li a:visited {
	text-decoration: none;
	color: #000;
}

#righthome li a:hover, #righthome li a:active {
	text-decoration: underline;
	color: #000;
}

#leftmenu.sub {
	background-color: #e6f6e3;
	border-right: 1px solid #b9bab7;
}

#leftmenu.sub ul.catMenu {
	list-style-type: disc;
	padding: 0;
	margin: 5px 0;
	width: 200px;
	background-color: #e6f6e3;
	border: none;
	text-align: left;
}

#leftmenu.sub ul {
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 15px 0px;
	width: 200px;
	background-color: #e6f6e3;
	border-right: 1px solid #b9bab7;
}



#leftmenu.sub li {
	font: bold 13px/1.5 Trebuchet MS, Verdana, sans-serif;
}


#leftmenu.sub li a:link, #leftmenu.sub li a:visited {
    display: block;
	margin: 3px 0;
	padding: 5px 3px;
	color: #000;
	text-decoration: none;
	background: #DEEDDB url(images/home-leaf.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 10px;
}

#righthome li {
	font: bold 15px/1.2 Trebuchet MS, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}

#righthome li a:link, #righthome li a:visited {
    display: block;
	margin: 3px 0;
	padding: 5px 3px;
	color: #000;
	text-decoration: none;
	background: #DEEDDB url(images/home-leaf.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 15px;
}

#righthome li a:hover, #righthome li a:active {
    display: block;
	margin: 3px 0;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	background: #D3E5CF url(images/home-leaf.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 15px;
}

#leftmenu.sub li a:hover, #leftmenu.sub li a:active {
    display: block;
	margin: 3px 0;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	background: #D3E5CF url(images/home-leaf.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 10px;
}


#leftmenu.sub li.red a:link, #leftmenu.sub li.red a:visited {
    display: block;
	margin: 3px 0;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	background: #DEEDDB url(images/home-leaf-red.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 10px;
}

#righthome li.red a:link, #righthome li.red a:visited {
    display: block;
	margin: 3px 0;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	background: #DEEDDB url(images/home-leaf-red.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 10px;
}

#leftmenu.sub li.red a:hover, #leftmenu.sub li.red a:active {
    display: block;
	margin: 3px 0;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	background: #D3E5CF url(images/home-leaf-red.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 10px;
}

#righthome li.red a:hover, #righthome li.red a:active {
    display: block;
	margin: 3px 0;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	background: #D3E5CF url(images/home-leaf-red.gif) no-repeat left center;
	padding-left: 35px;
	height: auto !important;
	height: 10px;
}

#leftmenu.sub li.catMenu a:link, #leftmenu.sub li.catMenu a:visited {
	font-size: 87%;
	padding: 3px 5px 3px 25px;
	background: #E2F0DF;
	/* background: #E2F0DF url(); */
	text-align: left;
}

#leftmenu.sub li.catMenu a:hover, #leftmenu.sub li.catMenu a:active {
	font-size: 87%;
	padding: 3px 5px 3px 25px;
	background: #D3E5CF;
	text-align: left;
}

p.aq {
	text-align: center;
	margin: 55px auto 15px auto;
	padding: 0 25px;
}

img.aq {
	border: none;
	margin: 55px;
}

h3.featured {
	font: bold 15px/1.5 Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}

h4.featured_item {
	font: bold 13px/1.5 Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 2px 10px;
}

p.featured_item_text {
	padding: 2px 10px;
	text-align: justify;
	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
}

#content {
	position: absolute;
	top: 255px;
	left: 225px;
	margin: 0;
	padding: 10px 25px 25px 0px;
	color: #000;
	font: normal 14px/2 Verdana, Arial, sans-serif;
}

#content h1 {
	font: bold italic 130%/1.2 Trebuchet MS, Verdana, sans-serif;
	margin: 0px 0 15px 0;
}

#content h2 {
	font: bold 120%/1.2 Trebuchet MS, Verdana, sans-serif;
	margin: 16px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}

#content h2.books {
	margin: 5px 0 25px 0;
	clear: both;
}

#content h3 {
	font: bold 110%/1.2 Trebuchet MS, Verdana, sans-serif;
	margin: 13px 0px 3px 0px;
}

#content h3.job {
	margin: 5px 10px;
	padding: 5px 10px;
}

#content p.job {
	margin: 5px 10px;
	padding: 5px 10px;
}

#content p {
	font: normal 100%/1.5 Verdana, Arial, sans-serif;
	margin:0px 0px 10px 0px;
}

#content p.credit { 
	font-size: 80%;
	text-align: center;
	margin: 100px auto 5px auto; 
	clear: both;
}

#content a:link.redlink, #content a:visited.redlink {
	color: #b3675b;
	text-decoration: underline;
}

#content a:link.hover, #content a:visited.active {
	color: #b3675b;
	text-decoration: none;
}


#content a:hover, #content a:active {
	color: #69844a;
	text-decoration: underline;
}

#content a:link, #content a:visited {
	color: #7a965a;
	text-decoration: underline;
}

#content a:hover, #content a:active {
	color: #69844a;
	text-decoration: underline;
}

#righthome li.a:link, #righthome li.a:visited {
	text-decoration: none;
	color: #000;
}

#righthome li.a:hover, #righthome li.a:active {
	text-decoration: underline;
	color: #000;
}

#content dt {
	font-weight: 800;
	margin: 3px 0;
}
#content dd {
	margin: 5px 0 10px 3px;
}

#footer {
	position: relative;
	background-color: #918673;
	width: 100%;
	height: 20px;
}

hr {
	color: #eee;
	background-color: #eee;
	height: 1px;
	margin: 10px 0;
}	

.indent {
	padding-left: 15px;
	border-bottom: 1px solid #eee;
	margin: 10px 0;

}

ul#navlist {
	margin: 0 0 25px 0;
	padding: 0;
	white-space: nowrap;
	font-size: 75%;
	list-style-image: url(images/li-res.gif);
}

#navlist li {
	padding: 0 3px;
	margin: 0;
	display: inline;
}


#navlist a:link, #navlist a:visited {
	color: #7B975C;
	background-color: #fff;
	text-decoration: none;
}

#navlist a:hover, #navlist a:active {
	color: #7B975C;
	background-color: #fff;
	text-decoration: underline;
}

.photo {
	float: right; 
	padding: 10px; 
	margin: 15px; 
	background-color: #DFE8F0; 
	width: 235px; 
	text-align: center;
}

 /* set background images for corners */
.rbroundbox { background: url(images/round-gbg.jpg) repeat; }
.rbtop div  { background: url(images/round-gtop_left.jpg) no-repeat top left; }
.rbtop      { background: url(images/round-gtop_right.jpg) no-repeat top right; }
.rbbot div  { background: url(images/round-gbottom_left.jpg) no-repeat bottom left; }
.rbbot      { background: url(images/round-gbottom_right.jpg) no-repeat bottom right; }



 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 250px;
	height: 14px;
	font-size: 1px;
	padding: 0;
	margin: 0;
}
.rbcontent  { margin: 0; }

 /* set background images for corners */
.brbroundbox { background: url(images/round-bbg.jpg) repeat; }
.brbtop div  { background: url(images/round-btop_left.jpg) no-repeat top left; }
.brbtop      { background: url(images/round-btop_right.jpg) no-repeat top right; }
.brbbot div  { background: url(images/round-bbottom_left.jpg) no-repeat bottom left; }
.brbbot      { background: url(images/round-bbottom_right.jpg) no-repeat bottom right; }
.brbtop div, .brbtop, .brbbot div, .brbbot {
	width: 275px;
	height: 14px;
	font-size: 1px;
	text-align: center;
}

.brbcontent  { 
	margin: 0;
	padding: 0;

}

.brbcontent p {

}

.brbcontent img {
	text-align: center;
	border: 1px solid #000;
	text-align: center;
	margin: 0 10px 0 25px;
	padding: 0;
}


 /* set background images for corners */
.brbroundbox250 { background: url(images/round-bbg.jpg) repeat; }
.brbtop250 div  { background: url(images/round-btop_left.jpg) no-repeat top left; }
.brbtop250      { background: url(images/round-btop_right.jpg) no-repeat top right; }
.brbbot250 div  { background: url(images/round-bbottom_left.jpg) no-repeat bottom left; }
.brbbot250      { background: url(images/round-bbottom_right.jpg) no-repeat bottom right; }
.brbtop250 div, .brbtop250, .brbbot250 div, .brbbot250 {
	width: 250px;
	height: 14px;
	font-size: 1px;
	text-align: center;
}

.brbcontent250  { 
	margin: 0;
	padding: 0;

}

.brbcontent250 p {

}

.brbcontent250 img {
	text-align: center;
	border: 1px solid #000;
	text-align: center;
	margin: 0 10px 0 25px;
	padding: 0;
}




img.cover {
	float: left; 
	border: 1px solid #000;
	margin: 5px 10px 10px 0px;
	clear: both;
}

img.homeCover {
	text-align: center;
	margin: 3px 10px;
	padding: 0;
	border: solid 1px #000;
}

#google dt {
	margin: 5px 0;
	font-weight: 600;
	font-size: 90%;
}

#google dd {
	font-size: 75%
	margin: 5px 10px
}

dd.url { 
	color: #999;
	font-size: 75%;
}

p.nav { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #aaa;}
p.nav a:link, p.nav a:visited, p.nav a:active { color: #000; margin-right: 0.3em; }
p.nav strong { font-size: 95%; }
p.nav strong a:link, p.nav strong a:visited, p.nav strong a:active { color: #00c; }
p.nav span { color:#a90a08; font-weight: bold; margin-right: 0.3em; }

a.pdf:link, a.pdf:visited {
	background: url(images/icon_pdf.gif) no-repeat right center;
	padding-right: 18px;
}

.errorImage {
	margin: 0 10px;
}

.errortext {
  font: bold smaller sans-serif;
  color: red;
}

#sitemap {
	font: normal 12px/1.8 Arial, Helvetica, sans-serif;
}


/* CALENDAR STYLES */


/* LARGE CALENDAR STYLES */

#calendar {
	font-size: 85%;
	border: 1px solid #ccc;
	width: 525px;
	border-collapse: collapse;
	margin: 0;
}

#calendar th {
	background-color: #ccc;
	color: #fff;
	padding: 5px;
}

#calendar td {
	border: 1px solid #eee;
	padding: 0;

}

#calendar td p {
	margin:0px 0px 1px 0px;
	font-size: 85%;
	line-height:1.2em;
}

.blank {
	background-color: #f6f6f6;
	font-weight: bold;
	font-size: 75%;
}

.calDate {
	font-weight: bold;
	font-size: 75%;
	color: #666;
	padding-left:3px;;
}

/* MINI CALENDAR STYLES */


#calendar-mini {
	font-size: 85%;
	background-color: #e6f6e3;
	margin: 0;
}

.past {
	color: #ccc;
}

#calendar-mini td {
	background-color: #deeddb;
	padding: 2px;
	text-align: center;
}

#calendar-mini th {
	background-color: #d3e5cf;
	color: #000;
	font-weight: bold;
	padding: 3px;
}

#calendar-mini caption {
	font-weight: bold;
}

/*---------------FORM CLASS --------------*/

.formclass
{
	width:100%;
	margin: 10px;
}
.formclass td
{
	margin: 0;
	padding: 3px;
	text-align:left;
	font-size:.9em;
}
.formclass td.col1
{
	width:30%;
	text-align:right;
}
.formclass td.col2
{
	width:70%;
	text-align: left;
}
.form_note {
	font-size:80%;
}
.formclass .form_error {
	white-space:nowrap;
	color:red;
}
.formclass table  /* for nested radio and checkbox tables */
{
	margin: 5px 0;
}
.errmsg {
	color:#C00;
	font-weight:bold;
}

/* exhange conference */

ul.exchange, ul.exchange ul {
	margin:0 0 0 20px;
	list-style-type:none;
	padding:0;
}
ul.exchange ul {
	margin:0 0 0 40px;
	list-style-type:circle;
	padding:0;
}
ul.exchange li{
	margin:5px 0 5px 0;
	list-style-type:none;
	padding:0;
	font-weight:bold;
}
ul.exchange ul li {
	margin:5px 0 5px 0;
	list-style-type:disc;
	padding:0;
	font-weight:normal;
}

table.pdcp
{
	width: 600px;
	margin: 0 0 20px 0;
	border: 1px #CFFFCF solid;
	padding: 0;
	border-collapse: collapse;
	float:left;
}
table.pdcp td
{
	font-size: .8em;
	text-align: center;
	margin: 0;
	padding:3px 1px;
	line-height: 1.3em;
	border: 1px #CFFFCF solid;
}
table.pdcp th
{
	font-style: italic;
	background-color: #738491;
	font-size: .7em;
	margin: 0;
	padding: 0;
	color: #e6f6e3;
	line-height: 1.3em;
	height: 25px;
}
table.pdcp td.module
{
	font-size: .8em;
	text-align: left;
	margin: 0;
	font-style: italic;
	font-size: .7em;
	text-indent: 5.em;
	border-bottom:none;
	border-top:none;
	color: #738491;
}

table.pdcp td.left {text-align:left;}	


.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}	

