body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #efefef url('../img/td-bg.gif');
	color: #4A5157;
	margin: auto;
	link: #336699;
}
a
{
	color: #0D3857;
	text-decoration: underline;
}
a:hover
{
	text-decoration: underline;
}
div#main {
	background-color: #FFFFFF;
	width: 820px;
	height: 530px;
	color: #CCCCCC;
	margin: auto;
}
div#header {
	background: url('img/gpp.jpg') no-repeat;
	float: left;
	width: 820px;
	height: 82px;
}
div#header1 {
	float: left;
	width: 820px;
	height: 2px;
	background-color: #343434;
}
div#cname {
	font-family:"Times New Roman", Times, serif;
	font-size: 30px;
	font-style:italic;
	font-weight:bold;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	height: 10px;
	width: 400px;
	color: #009e3d;
	background-position: right;
}
div#slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-indent:inherit;
	float: right;
	margin-right: 5px;
	margin-top: 26px;
	height: 10px;
	width: 400px;
	color: #4A5157;
	background-position: right;
}
div#logo {
	float: left;
	background: url('img/gpp.png') no-repeat;	
	margin-top: 2px;
	margin-left: 3px;
	height: 78px;
	width: 150px;
}
.textbody{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4A5157;
	background-color: #FFFFFF;
	line-height: 13pt;
}

div#maintxt {
	background-color: #FFFFFF;
	float: left;
	height: 440px;
	width: 820px;
	color: #4A5157;
}
div#colleft {
	background-color: #FFFFFF;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 540px;
	color: #4A5157;
}
div#colright {
	background-color: #FFFFFF;
	border: 7px solid #E5F1E6;
	float: right;
	height: 390px;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 25px;
	color: #4A5157;
}
.textfooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #B4D5B7;
	line-height: 14pt;
	color: #FFFFFF;
}
div#menunav {
	background-color: #C4DEC6;
	float: left;
	height: 30px;
	width: 820px;
	color: #ffdb9d;
}
.topmenu a{
	background-repeat: no-repeat;
	height: 28px;
	width: 77px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 31px;
	color: #4A5157;
	background-position: center center;
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #C4DEC6;
}
.topmenu a:hover{
	background-repeat: no-repeat;
	height: 28px;
	width: 77px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B4D5B7;
}
.topmenu1 a{
	background-repeat: no-repeat;
	height: 28px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 31px;
	color: #4A5157;
	background-position: center center;
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #C4DEC6;
}
.topmenu1 a:hover{
	background-repeat: no-repeat;
	height: 28px;
	width: 140px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B4D5B7;
}
div#footer {
	width: 820px;
	height: 25px;
	background-color: #B4D5B7;
	text-align: center;
	color: #FFFFFF;
}


*
{
	margin: 0;
	padding: 0;
}

#rotator
{
	border: 0;
	cursor: pointer;
	overflow: hidden;
	margin: 10px 10px auto 15px;
	position: relative;
	width: 100px;
	height: 145px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 100px;
	height: 145px;
}

p
{
	text-align: justify;
}

/* FOR SLIDE SHOW */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 400px; /*width of featured content slider*/
height: 250px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
#slider2{
border-color: #C4DEC6;
margin-left: 15px;
height: 280px
}
#paginate-slider2{
background-color: #C4DEC6;
border-color: #C4DEC6;
margin-left: 15px;
}

#paginate-slider2 a:hover, #paginate-slider2 a.selected{
background-color: #B3D6B6;
}
.box{
background-color:#E5F1E6;
-moz-border-radius: 10px;
padding: 5px;
margin-bottom: 5px;
margin-right: 5px;
}

/*Text inputs*/
.textinput {
	width:212px;
	height:15px;
	background:url('img/input_.gif') no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	width:212px;
	height:15px;
	background:url('img/input_hover.gif') no-repeat left top;
	border:none;
	padding:4px 8px;
}
/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url('img/button.gif') no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}
/*Text areas*/
.textarea, .textareaHovered {
	width:212px;
	height:105px;
	background:url('img/textarea_.gif') no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}
/*Security inputs*/
.security {
	width:140px;
	height:15px;
	background:url('img/security.gif') no-repeat left top;
	border:none;
	padding:4px 8px;
}
.securityHovered {
	width:152px;
	height:15px;
	background:url('img/input_hover.gif') no-repeat left top;
	border:none;
	padding:4px 8px;
}