body
{
margin: 0px auto;
padding: 0px;
text-align: center;
font-family: optima, helvetica, arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: #333333;
background-image:
url('bg_sides.jpg');
background-repeat: repeat-x;
background-attachment: 
fixed;
}

#container
{
margin: 0 auto;
text-align: left;
width: 950px;
background-color: #FFFFFF;
}

#content
{
width: 950px;
padding: 1px;
float:right;
background-color: #FFF;
}

#header
{
clear: both;
width: 950px;
height:183px;
color: #FFFFFF;
background-image:
url('chep_banner_test.jpg');
}

#navigation
{
width: 215px;
float: left;
font-weight: bold;
padding-top: 30px;
padding-left: 10px;
}


#mainContent
{
width: 700px;
float: left;
}

#mainContent p
{
text-align: justify;

}

#mainContent p a:link, a:visited
{
color: #09C;
text-decoration: underline;
}

#mainContent p a:visited
{
color: #09C;
text-decoration: underline;
}

#mainContent p a:hover
{
color: blue;
background-color: #09C;
text-decoration: none;
}

#mainContent li a:link, a:visited
{
color: blue;
text-decoration: underline;
}

#mainContent li a:visited
{
color: blue;
text-decoration: underline;
}

#mainContent li a:hover
{
color: blue;
background-color: #09C;
text-decoration: underline;
}

#mainContent td a:link, a:visited
{
color: #09C;
text-decoration: underline;
}

#mainContent td a:visited
{
color: #09C;
text-decoration: underline;
}

#mainContent td a:hover
{
color: #FFF;
background-color: #09C;
text-decoration: none;
}


#secondaryContent
{
width: 150px;
float: right;
padding-top: 20px;
}

#bar_left
{
float: left;
width: 460px;
height:63px;
margin-left: 10px;
margin-top:125px;
position: absolute;
}

#bar_right
{
float: right;
width: 110px;
height:63px;
margin-left: 840px;
margin-top:125px;
position: absolute;
}

#bar_search
{
float: right;
width: 300px;
height:63px;
margin-left: 5px;
margin-top:160px;
position: absolute;
}

#bar ul li a{
font: normal 12px Trebuchet MS;
color: #FFFFFF;
padding-left: 31px; /*link text is indented 8px*/
text-decoration: none;
}

#footer
{
clear: both;
width: 950px;
height:80px;
text-align: center;
color: #FFFFFF;
background-image:
url('footer.jpg');
}

h1
{
color: #37A505;
font-family: Trebuchet MS, arial, sans-serif;
font-size:1.5em;
text-align:left;
padding-left:.5em;
border-bottom:1px solid #0081cc;
border-left:1.1em solid #0081cc;
line-height:1.5em;
margin:0 0 .5em;
}

h2
{
color:#37A505;
font-size: 16px;
font-family: Trebuchet ms, Optima, sans-serif;

}
#mainContent h2 a:link
{color: #09C;
text-decoration: underline;
}

#mainContent h2 a:visited
{
color: #09C;
text-decoration: underline;
}
#mainContent h2 a:hover
{
color: #FFF;
background-color: #09C;
text-decoration: none;
}

h3
{
color:#09C;
font-size: 12px;
font-family: Trebuchet ms, Arial, sans-serif;
}

h3 a:link
{
color:#FFF;
font-size: 12px;
font-family: Trebuchet ms, Arial, sans-serif;
}

h4 
{
font-size:18px;
color:#09C;
font-family: Helvetica, Arial, san-serif;
text-decoration:none;
}

#mainContent h4 a:link
{
color: #09C;
font-family: Helvetica, Arial, san-serif;
font-size:18px;
text-decoration: underline;
}

#mainContent h4 a:visited
{
font-size:18px;
color: #09C;
text-decoration: underline;
}

#mainContent h4 a:hover
{
font-size:18px;
color: #FFF;
background-color: #09C;
text-decoration: none;
}


h5
{
color: #000;
font-family: Helvetica, Arial, san-serif;
font-size: 20px;
font-weight: strong;
}

h6
{
color:#09C;
font-family: Helvetica, Arial, san-serif;
font-size: 14px;
text-align: center;
}

#mainContent h6 a:link
{
color: #09C;
font-family: Helvetica, Arial, san-serif;
font-size: 14px;
text-decoration: underline;
text-align: center;
}

#mainContent h6 a:hover
{
color: #FFF;
background-color: #09C;
text-decoration: none;
text-align: center;
}

#header a:link
{
color: #FFF;
text-decoration: none;
}

#header a:visited
{
color: #FFF;
text-decoration: none;	
}

#header a:hover
{
color: #FFF;
border-bottom: 1px solid #FFF;	
}


#footer a:link
{
color: #FFF;
text-decoration: none;
}

#footer a:visited
{
color: #FFF;
text-decoration: none;
}


#footer a:hover
{
color: #FFF;
text-decoration: underline;
}

img 
{
border: none;
}

/*******************Form************************/
label {
	display:block;
	padding-bottom:5px;
	margin-top:20px;
}

#contactform {
	overflow:hidden;
}

#contactform li {
	list-style:none;
	padding-bottom:20px;
}

//Textfield style
#contactform li .fieldbox {
	float:left;
	height:27px;
	padding-left:5px;
}

#contactform li .fieldbox input {
	height:27px;
	padding-top:5px;
	width:400px;
}
//Change the width of the contact no. field
#contactform li .fieldbox #contact {
	width:200px;
}
//Textarea style
#contactform li .msgbox {
	float:left;
	height:110px;
	padding-left:5px;
}

#contactform li .msgbox textarea {
	height:110px;
	padding-top:5px;
	width:500px;
}
//Button Style
#submit {
	background:#acb4cb; color:#fff;
	cursor:pointer;
	padding:5px 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px
}

#optout {
display: inline;
}


#parallel
{
float: right;
width: 340px;

}

#outline
{
float:left;
width: 340px;


}



.sortable{
  border-collapse:collapse;
  width:700px;
}

.sortable th {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
    padding:5px;
}

.sortable td{
  padding:5px;
  border-bottom:1px dotted #CCC;
}