

body{
background-image: url(pics/style/ctnbkg.gif);
background-repeat: repeat-x;
color: #565656;
background-color:#F8F2DA;
font-family: Verdana, Helvetica, sans-serif, Aerial;
margin: 0;
padding-top: 0;
text-align: left;
font-size: 0.8em;
height:100%;
}

#container{
width: 680px;
margin: 0px auto;
color: #333;
line-height: 130%;
height:100%; 
}

#wrapper
{width: 100%;
min-height: 100%;
background-image: url(pics/style/wrapperbkg.gif);
background-repeat:repeat-y; 
}

#top
{
padding: 0px;
height: 160px;
background-image:url(pics/style/topbkg.gif);
background-repeat: no-repeat;
}

div.topbackground {
margin: 0px;
padding: 0px;
height: 160px;
}

div.topheader {
}

#content
{
margin: 0 10px 0 10px;
padding: 1em;
text-align: justify;
height:100%; 
}

#content p { margin: 0 0 1em 0; }

.titlebkg {
color: #C7E2E3;
padding: 0 0 0 14px;
font: 50px/50px Georgia, "Times New Roman", Times, serif;
}

h1 {color: #696969;
	padding: 0;
	margin: -35px 0 5px 0;
	font: normal 17px/24px Georgia, "Times New Roman", Times, serif;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding-top: 0;
text-align: left;
font-size: 1em;
font-weight: bold;
color: #696969;
}

#round {
width: 300px;
float:right;
height:100%;
margin: 0 0 0 10px;
}

div.comment {
text-align: justify;
width: 300px;
height:100%;
background-image:url(rbcen.gif);
background-repeat:repeat-y;
margin-bottom:0px;
}
div.comment p { margin:0;
padding: 0px 15px 3px 15px;
font:  1em verdana; 
	text-align: justify;
	line-height: 1em; }

div.rbtop{
text-align: justify;
width: 300px;
height:20px;
background-image:url(rbtop.gif);
}

div.rbbot{

text-align: justify;
width: 300px;
height:20px;
background-image:url(rbbot.gif);
margin-top:-12px;

}

div.topbackground {
margin: 0px;
padding: 0px;
height: 100px;
background-repeat: no-repeat;
background-position: left;
}

#footer
{
clear: both;
margin: 0px;
padding: 0px 20px 5px 20px;
color: #333;
background-image: url(pics/style/wrapperbkg.gif);
background-repeat:repeat-y; 
}

/*********horizontal rule*********/
.hr {
margin: 0px auto 0px auto;
border-top: 1px dashed #D2DEFF;
width: 80%;
height: 1px;
}

/**********lists****************/
ul { 
list-style-type: circle; 
list-style-position: outside;
text-align:left;
margin: -8px 0 5px 45px;
}

.list1 {display:list-item;}
/************links****************/
a.external:link {
	color: #8C0000;
}
a.external:visited {
	color: #8C0000;
}
a.external:hover {
	color: #8C0000;
}
a.external:active {
	color: #8C0000;
}

/****************menu2*******************/
#navcon ul
{
padding: .2em 0;
margin: 0px 0 20px 0;
list-style-type: none;
color: #D2D2D2;
width: 680px;
height: 70px;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
background-image:url(pics/style/navbkg.gif);
background-repeat:no-repeat;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #D0D9FE;
color: #696969;
padding: .2em 1em;
border-right: 1px solid #fff;
}

li a:hover
{
background-color: transparent;
color: #696969;
}

li#active a
{
background: #D6E1AB;
color: #696969;
}
/****************clear********************/
.clearboth { clear: both;
			 height: 0;
 }

/***************image classes***************/
.rightimage { float: right;
    margin-left: 10px;
padding: 4px;
border: 1px solid #C7E2E3;
}

.leftimage1 { float: left;
margin-right: 10px;
padding: 4px;
border: 1px solid #C7E2E3;
}

 /**************sonspring gallery***************/
#rotator
{
	border: 1px solid #D2D2D2;
	cursor: pointer;
	overflow: hidden;
	margin: 10px auto 10px;
	position: relative;
	width: 500px;
	height: 100px;
}

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

/****************form******************/
fieldset {
  padding: 1em;
  font:80% sans-serif;
  border:1px solid #C7E2E3;
  margin-left: 0px; margin-right: auto;
  left-margin width: 92%;
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight: normal;
  font: 1.2em sans-serif, verdana, aerial;
  }
  
  legend {
  padding: 0.2em 0.5em;
  border:1px solid #C7E2E3;
  color:#555753;
  font-size:100%;
  text-align:right;
  background: rgb(239, 229, 237);
  font: 1.2em sans-serif, verdana, aerial;
  }
  
textarea{
width: 50%;
height: 150px;
background: #DFEEEF;
color: #696969;
border: 1px solid #C7E2E3;
}

#submitbutton{
margin-left: 60%;
margin-top: 5px;
width: 90px;
background: #FBE9D7;
}

input
{
color: #696969;
background: #DFEEEF;
border: 1px solid #C7E2E3;
}
