*body,
	html {	margin:0;
		margin-top: 1px;
		padding:0;
		color:#000;
		background:#C0C0C0;
	
}


#body {
		padding:10px;
		padding-bottom:60px;	/** Height of the footer */
	}


	#wrap {	width: 900px;
		margin:0 auto;
		background:#ffffff;}

	#header {
    	padding:1px 0px 0px 0px ;
		background:#ffffff;}

/**	h1 {
	    margin:0;    }*/

#List {
		padding:5px 10px;
		background:#C0C0C0;

	}
	#list ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#List li {
		display:inline;
		margin:0;
		padding:0;


	}



#nav, #nav ul {
	float: left;
	width: 6em;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	border: solid #C0C0C0;
	border-width: 1px 0;
	margin: 0 0 0em 0;
	width: 900px;
	background-color: #4D94A1;


}

#nav a {
	display: block;
	width: 6em;
	w\idth: 6em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.25em .10em;
}
/*space between the menu items #nav a - padding: 0.25em .75em*/

#nav a.example {
	background-color: #4D94A1 center right no-repeat;
	width: 6em;
	w\idth: 6em;
}

#nav li {
	float: left;
	padding:0px;
position: relative;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}
/*width: 14.4em;
	w\idth: 13.9em*/

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}
/*width: 13em;
	w\idth: 9em;*/

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
/*postions the 3rd level to the rightmargin: -1.75em 0 0 14em*/


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #C0C0C0;
}


a.example
{
color: #ffffff;
text-decoration: none;
	width:6em;

}
/*width: 13em;
	w\idth: 9em;*/



a.example:hover
{
color: #C0C0C0;
} 

a.example:link {color:#000000; text-decoration: none}    /* unvisited link */
a.example:visited {color:#ffffff; text-decoration: none} /* visited link */
a.example:hover {color:#C0C0C0;  text-decoration: none}   /* mouse over link */
a.example:active {color:#ffffff; text-decoration: none }  /* selected link */

a:link {color:#ffffff; text-decoration: none}    /* unvisited link */
a:visited {color:#ffffff; } /* visited link */
a:hover {color:#C0C0C0;  }   /* mouse over link */
a:active {color:#ffffff; text-decoration: none }  /* selected link */

a.text:link {color:#0000ff; text-decoration: underline}    /* unvisited link */
a.text:visited {color:#0000ff; text-decoration: underline} /* visited link */
a.text:hover {color:#0000ff;  text-decoration: underline}   /* mouse over link */
a.text:active {color:#0000ff; text-decoration: underline }  /* selected link */

/**menu 


 */

#main {
	float:left;
	width:525px; 
	padding:10px;
	background:#ffffff;
	border-color: #C0C0C0; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 2px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;


	/* adding border */
	border-right:thin solid #C0C0C0;	    
	/* close border */

}

#singlemain {
	float:left;
	width:880px;
	padding-right:10px;
	padding-left:10px;
	background:#ffffff;
	border-color: #C0C0C0; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	}

#sidebar {
		float:right;
		width:325px;
/*		border-left:thin solid #CCC;*/
	        padding:14px;  
		background:#ffffff;
  		}

#footer {
		clear:both;
		padding:0px 0px;
	   	width: 900px;
		background:#4D94A1;
        	color: white;
	}




/* HEADINGS */

h1, h2, h3 {
	margin: 0px;
	color: #000000;}



h1 span, h2 span {
	color: #1F8994;}

h1, h2, h3, h4, h5, h6 {

  font-family: Arial, Helvetica, sans-serif;
}

h1 
{font-size:2em;
} 

h2 
{font-size: 1.5em;
  margin-bottom: 0px;
  text-indent:50px;
}

h3 
  {font-size:1.2em 
  margin-bottom: 15px;
}

h4 
{font-size:1.1em 

}


h5 
{font-size: 1em;	

}

h6 
{font-size: .8em;
font-family:arial;
}

div#main p {font-size: 0.9em;}
div#sidebar p {font-size: 0.9em;}
div#main p {font-size: 0.9em;}
ul#nav li {font-size: 1.1em;
font-family:"Times New Roman", Times, serif;
}
ul#list li {font-size: 0.9em;}


body, main,singlemain, p, th, td dd, dt {
  font: .9em Arial, Helvetica, sans-serif;
color:black
}


p 
{font-size: .9em
}

p.normal {font-weight:normal}
p.light {font-weight:lighter}
p.thick {font-weight:bold}
p.thicker {font-weight:900}




<!-- images -->

img {
	border: none;
}

img.left {
	float: left;
	margin: 0px 20px 0px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 0px 20px;
}

img.border {
	padding: 2px;
	background: #ffffff;
	border: 1px solid #ffffff;
}
<!--  -->

dl {
	line-height: normal;
}

dt {
	float: left;
	margin-right: 10px;
	padding: 0px 5px;
	background: url("braggnew/images/homepage09.jpg") repeat left top;
	font-size: 10px;
	color: #FFFFFF;
}

dd {
	margin-bottom: 10px;
}


* 2-COLUMN LAYOUT */

.two-columns {
	background: url("braggnew/images/homepage08.jpg") repeat-y 243px 0px;
}

.two-columns .column-one {
	float: left;
	width: 213px;
}

.two-columns .column-two {
	float: right;
	width: 213px;
}

/** BOX1 */

#box1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	background: url("braggnew/images/homepage07.jpg") no-repeat left bottom;
}

/** BOX2 */

#box2 {
}

/** BOX3 */

#box3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	background: url("braggnew/images/homepage07.jpg") no-repeat left bottom;
}

/** BOX4 */

#box4 {
}