* { padding: 0; margin: 0; }



body {

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

 font-size: 13px;

 background: #b8d173;



}

#wrapper { 

 margin: 0 auto;

 width: 920px;

 background: #4f6d1b;

 padding: 10px;

 margin: 20px 30px 30px 30px;

}

#header {

 color: #333;

 width: 880px;

 float: left;

 padding: 10px;

 border: 0px solid #ccc;

 height: 249px;

 margin: 20px 0px 0px 10px;

 background: #4f6d1b;

 background-image: url('img/header.gif');

}

#menu {

width: 900px;

height: 2px;

background: #b8d173;

 margin: 0px 0px 0px 10px;

 font-family: georgia;

}

#menutext{

font-size: 20px;

font-family: georgia;

color: #4f6e1b;

padding: 10px;

}

#leftcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background: #b8d173;

 margin: 0px 0px 0px 10px;

 padding: 10px;

 height: 1200px;

 width: 200px;

 float: left;

 



}

#leftcontent{

color: #4f6d1b;

font-family: georgia;

font-size: 14px;

}

#content { 

 float: left;

 color: #000000;

 border: 0px solid #ccc;

 background: #ffffff;

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 1200px;

 width: 660px;

 display: inline;

 font-family: georgia;

font-size: 14px;

}



#footer { 

 width: 900px;

 clear: both;

 color: #333;

 border: 0px solid #ccc;

 background: #4f6d1b;

 margin: 0px 0px 10px 10px;

 padding: 10px;

}

#footertext{

color: #ffffff;

font-family: georgia;

font-size: 14px;}



h1{

color: #4f6d1b;

font-family: georgia;

font-size: 20px;

}



h2{

color: #4f6d1b;

font-family: georgia;

font-size: 18px;

}

ul{

color: #000000;

font-family: georgia;

font-size: 14px;

}

u{

color: #4f6d1b;

font-family: georgia;

font-size: 16px;

}

a{

color: #4f6d1b;

font-family: georgia;

font-size: 16px;
text-decoration: none;

}







#csc {

color: #ffffff;

  background : #4f6d1b url(img/csc_tl.png) no-repeat;

  width : 40em;

  height : auto;

  position : relative;

  padding : 30px 40px;

}



/* these are the other three spans. classes were used to allow multiuse on a page */

.tr, .bl, .br {

  position : absolute;

  width : 39px;

  height : 39px;  /* corner images are 40x40 */

  display : block;

  margin-bottom : -1px;  /* this is for IE */

}



/* change position and image: top-right */

.tr {

  background : transparent url(img/csc_tr.png) no-repeat;

  top : 0;

  right : 0;

}



/* change position and image: bottom-left */

.bl {

  background : transparent url(img/csc_bl.png) no-repeat;

  bottom : 0;

  left : 0;

}



/* change position and image: bottom-right */

.br {

  background : transparent url(img/csc_br.png) no-repeat;

  right : 0;

  bottom : 0;

}