body
{
    margin: 0;
    padding: 0;
    font-size: 10pt;
    text-align: center;
    font-family: Verdana, sans-serif;
    background-color: #E5E5E5;
}


.clear {
clear:both;
}

.right_margin_img {
    padding: 0;
    margin-right: 10px;
    float: left;
    height: auto;
    width: auto;
}
.align_center {text-align: center}
.bottom_margin10 {margin-bottom:10px; margin-right: 15px}
.bold {font-size: 1em; font-weight: bold}
.italic {font-weight:normal; font-style: italic;
    text-align: right;
}


/*-----links----*/
a {
color:#000099;
text-decoration:none; 

}

a:active {
color:#000099;
}

a:visited {
color:#990096;
}

a:hover {
text-decoration:underline;
}

/*-----main sections----*/

#container
{
    padding: 10px;
    width: 1018px;
    position: relative;
    text-align: left;
    height: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
}
  
#container h1 {
  border: thin solid green; 
}
  
#container h2 {
   font-size:1.5em;
   text-align:center;
}

#container h4 {
   font-size:1.2em;
   text-align:center;
}


#container h5 {
	font-size:1em;
}

#container h6 {
	font-size:1.2em;
}

#header{
    padding: 0px;
    position: relative;
    width: 1018px;
    height: 133px;
    top: 0px;
    left: 0px;
    float: none;
} 

#logo{
    float: left;
    width: 220px;
    height: auto;
    text-align: center;
    margin-right: 20px;
}

#banner{
    width: 1018px;
    height: auto;
    float: none;
}

#navbar
{
    width: 1018px;
    float: none;
    position: relative;
    margin-bottom: 0px;
    display: block;
    top: 0px;
    left: 0;
    height: auto;
    text-indent: 0px;
}

#main
{
    width: 1018px;
    display: block;
    clear: both;
}

#leftcol{
    float: left;
    width: 220px;
    margin-right: 0px;
}

#maintxt{
    width: 778px;
    display: block;
    float: left;
    text-align: justify;
    margin-right: 20px;
}

#footer{
    width: 778px;
    float: none;
    clear: both;
    position: relative;
    left: 0;
}

div.footer_top{
 width: 773px;
 background: #FFFF71 url('images/footer_bottom.jpg') no-repeat bottom center;
 padding-bottom: 15px
}
div.footer_top h3 {
 background: transparent url('images/footer_top.jpg') no-repeat top center;
}

div.footer_top p {
  text-align:center;
  font-size: 0.7em; 
  
}


/*-----bookmarks----*/

.sharesb{
    border: 1px solid #808080;
    width: 718px;
    float: none;
    clear: both;
    position: relative;
    margin-bottom: 20px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 5px;
    left: 0;
}

.sharesb ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0 0 15px;
padding:0;
text-align:center;
}

.sharesb ul li {
display:inline;
padding:0 20px 6px 0;
text-align:center;
}

.bmkbox1{

width:25%;
margin-right:20px;
float:left;
padding:4px;
}

.bmkbox2{
width:25%;
display:inline;
margin-right:20px;
padding:4px;
float:left;
}
 
/*-----left col sections----*/

#contactus {

text-align:center;
margin-bottom:20px;
}


#where {

text-align:center;
margin-bottom:20px;
}


div.infobox_top{
 	width: 220px;
 	background: #FFFF71 url('images/infoboxfooter.jpg') no-repeat bottom center;
 	padding-bottom: 15px;
 	text-align:center;
 	font-family: Tahoma; 
	font-size: 10pt; 
	font-weight: bold;
}
div.infobox_top h3 {
	font-family: Tahoma; 
	font-size: 1em; 
	font-weight: bold;
 	background: url('images/infoboxheader.jpg') no-repeat top center;
 	padding-top: 4px;
 	height: 26px;
}

div.infobox_top p {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 26px;
 
}

#ideas{
text-align:center;
margin-bottom:20px;
}

#newsletter{
text-align:center;
margin-bottom:20px;
}

#twitter{
text-align:center;
margin-bottom:20px;
}

#facebook{
text-align:center;
margin-bottom:20px;
}

.W3CSS{
text-align:center;
margin-bottom:20px;
}


/*-----green(news) box----*/

#greenbox{
width:778px; 
display:inline;
float:right;
margin-bottom:20px;
}

div.greenbox_img{
 width: 778px;
 background: #58BC48 url('images/grnboxbottom.jpg') no-repeat bottom center;
 padding-bottom: 15px;

 
}
div.greenbox_img h3 {
    background: url('images/grnboxtop.jpg') no-repeat center top;
    padding-top: 15px;
    padding-left: 15px;
    font-size: 1.4em; 
    }

div.greenbox_img h4 {

text-align: center; 
font-size: 1.2em; 
font-weight: bold}

div.greenbox_img p,table {
	padding-left: 15px;
	padding-right: 15px;
  
}

/*-----navigation----*/

#prim_nav{
    position: relative;
    width: 1018px;
    background-color: #FFCC00;
    float: left;
    top: 0px;
    left: 0px;
}

#sec_nav{
    position: relative;
    width: 1018px;
    background-color: #64AB51;
    float: left;
}


#menu{
padding:0;
margin:0;
color:#FFFFFF;
white-space:nowrap;
list-style-type:none; 
text-align:left; 
font-weight:bold;
font-size:1.1em;
}
#menu li {display:inline; text-align:left}
#menu li a
{
border-right:1px solid #000000; background:#FFCC00; color:#000000;
text-decoration:none;
float:left;
; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px
}
#menu li a:hover
{
background:#08c;
color:#fff;
}

#menu2
{
padding:0;
margin:0;
color:#FFFFFF;
white-space:nowrap;
list-style-type:none;
text-align:left; 
font-weight:bold;
font-size:1.1em;
}
#menu2 li {display:inline; text-align:left}
#menu2 li a
{
border-right:1px solid #000000; background:#64AB51; color:#000000;
text-decoration:none;
float:left;
; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; text-align:left
}
#menu2 li a:hover
{
background:#08c;
color:#fff;
}

/*-----picture table----*/

table.pic{
border:0px;
margin-bottom:20px;
display:inline-table;
width:700px;
}

/*-----resource table----*/

table.resource{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    display: inline-table;
    border-collapse: collapse;
    width: 760px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    left: 10px;
}

td.respic{
    border-top: thin solid;
    padding: 15px;
    text-align: center;
}

td.restxt{
    border-top: thin solid;
    padding: 25px;
}

/*-----newsletter table----*/

table.newsletter{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    display: inline-table;
    border-collapse: collapse;
    width: 760px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    left: 10px;
    float: none;
    margin-bottom: 30px;
}

td.newsletter_link{
    border: #C0C0C0 double;
    padding: 5px;
    text-align: center;
}

td.newsletter_txt{
    border: #C0C0C0 double;
    padding: 5px;
}
	
/*-----links list----*/
#links{
    position: relative;
    left: 1em;
    list-style-type: disc;
    list-style-position: inside;
    font-weight: bold;
    top: 0px;
    width: 712px;
}


/*-----cpd sections----*/

div.purple{
	border:3px;
	border-style:double;
	border-color:#CC0066;
	margin:2em;
	padding-bottom:1em;
	padding-left:0.5em;
	padding-right:0.5em;
}

div.orange{
	border:3px;
	border-style:double;
	border-color:#FF6600;
	margin:2em;
	padding-bottom:1em;
	padding-left:0.5em;
	padding-right:0.5em;
}

div.blue{
	border:3px;
	border-style:double;
	border-color:#3333FF;
	margin:2em;
	padding-bottom:1em;
	padding-left:0.5em;
	padding-right:0.5em;
}

div.green{
border:3px;
	border-style:double;
	border-color:#008000;
	margin:2em;
	padding-bottom:1em;
	padding-left:0.5em;
	padding-right:0.5em;
}


.left_marg20
{
    left: 20px;
}


/*-----workshop table----*/
.wsdesc
                {
                    vertical-align: top;
                    margin-bottom: 0px;
                    padding: 0 0 20px 0;
                }
.wsrow
                {
                    margin-bottom: 50px;
                }
.wstitle
                {
                    padding: 0 12px 20px 0;
                    font-weight: bold;
                    text-align: left;
                    vertical-align: top;
                    margin-bottom: 0px;
                }
.style1
                {
                    padding: 0px 0px 0px 0px;
                    width: 97%;
                    margin-left: 15px;
                }