<!--

/*-- TEAL - bgcolor = #86A8A7--*/
/*-- LIGHT GREEN - bgcolor = #E6FFCC --*/
/*-- BEIGE - bgcolor = #FFF8DD --*/ 
/*-- GREY - bgcolor = #F0F0F0 --*/
/*-- WEDGEWOOD BLUE - bgcolor = #CCCDFF --*/
/*-- PALE GREEN - bgcolor = #E6E9D4 --*/


/*--  Change your body settings--*/
body {
margin:0px;
background:#FFFFFF;
color:#333333;
text-align:center;
padding:0;
font-family:Verdana, Arial;
font-weight:bold;

}


#wrapper {

color:#000000;
width:850px;
margin:1em auto;
border: 1px solid white;
background:#ffffff;
padding:20;
text-align:left;
font-family:Verdana, Arial;
font-size:12px;
font-weight:normal;

}

/*--  How the regular links look in the central table area  --*/
#wrapper a {
font-size:14px;
color:#688989;
text-decoration:underline;
}


/*--  Attributes of the central table area links when hovered over with the mouse  --*/
#wrapper a:Hover {
font-size:14px;
color:#b1aaac;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}


h1 {
font-family:Verdana, Arial;
font-size:16px;
color:#b1aaac;
text-align:center;
}

#hd3 a {
font-family:Verdana, Arial;
font-size:17px;
color:#b1aaac;
text-align:left;
text-decoration:none;
font-weight:normal;
}

#hd3 a:Hover {
font-size:17px;
color:#688989;
font-weight:normal;
cursor:pointer;
text-decoration:none;
}


#sidebarindex {
float: left;
width: 300px;
margin:0;
padding:5;
}

#sidebarright {
float: right;
width: 400px;
margin:0;
padding:5;
}


#sidebar {
float: left;
width: 160px;
margin:0;
padding:5;
}


#sidebar-content {
margin:0;
padding: 0.5em 1em;
text-align:left;
}


/*--  Attributes of the sidebar links --*/
#sidebar-content a {
font-size:12px;
color:#6868B4;
font-weight:normal;
text-decoration:underline;
}

/*--  Attributes of the sidebar links when hovered over with the mouse  --*/
#sidebar-content a:Hover {
font-size:12px;
color:#688989;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}


#main {
margin:0 0 0 200px;
padding:0;
}

#main-content {
margin:0;
padding: 0.5em 1em;

}

#main-content2 {
margin:0;
padding: 0.5em 1em;
float:left;
}

h2 {
font-family:Verdana, Arial;
font-size:14px;
color:#b1aaac;
text-align:center;
text-decoration:underline;
}


/*--  How the regular links look in the central table area  --*/
#main-content a {
font-size:12px;
color:#6868B4;
text-decoration:underline;
}


/*--  Attributes of the central table area links when hovered over with the mouse  --*/
#main-content a:Hover {
font-size:12px;
color:#688989;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}


/*--  Attributes of the left-aligned snippets  --*/
#snippetleft {
float:left;
width:160px;
background:#ffffff;
font-family:Verdana, Arial;
font-size:10px;
font-weight:normal;
color:#000000;
border:0;
text-align:left;
text-decoration:none;
padding-top:5px;
padding-left:9px;
padding-right:9px;
padding-bottom:5px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
}
/*--  Attributes of the left-aligned snippets regular links   --*/
#snippetleft a {
font-family:Verdana, Arial;
font-size:10px;
color:#6868B4;
font-weight:normal;
text-decoration:underline;
}

/*--  Attributes of the left-aligned snippets when hovered over with the mouse  --*/
#snippetleft a:Hover {
font-family:Arial;
font-size:10px;
color:#688989;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}


/*--  Attributes of the right-aligned snippets  --*/
#snippetright {
float:right;
width:160px;
background:#ffffff;
font-family:Verdana, Arial;
font-size:10px;
font-weight:normal;
color:#000000;
border:0;
text-align:left;
text-decoration:none;
padding-top:5px;
padding-left:9px;
padding-right:9px;
padding-bottom:5px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
}
/*--  Attributes of the right-aligned snippets  regular links   --*/
#snippetright a {
font-family:Verdana, Arial;
font-size:10px;
color:#6868B4;
font-weight:normal;
text-decoration:underline;
}

/*--  Attributes of the right-aligned snippets when hovered over with the mouse  --*/
#snippetright a:Hover {
font-family:Arial;
font-size:10px;
color:#688989;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}


/*--  Attributes of the optional adsense container  --*/
#adsense {
background:#ffffff;
border:none;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
}

/*--  Attributes of the optional adsense container  --*/
#adsensefloatleft {
float:left;
background:#ffffff;
border:none;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
}

/*--  Attributes of the optional adsense container  --*/
#adsensefloatright {
float:right;
background:#ffffff;
border:none;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
}


/*--  Attributes of the footer area  --*/
#footer {
text-align:center;
font-size:12px;
}

/*--  How the regular links look in the footer area  --*/
#footer a {
font-size:12px;
color:#688989;
text-decoration:underline;
}

/*--  How the footer area links look when hovered over with the mouse  --*/
#footer a:Hover {
font-size:12px;
color:#688989;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}


/*--  Attributes of the bottom Links area  --*/
#blinks {
text-align:center;
font-size:12px;
}

/*--  How the regular links look in the bottom links area  --*/
#blinks a {
font-size:12px;
color:#b1aaac;
text-decoration:underline;
}

/*--  How the bottom links area links look when hovered over with the mouse  --*/
#blinks a:Hover {
font-size:12px;
color:#688989;
font-weight:normal;
cursor:pointer;
text-decoration:underline;
}


hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0;
padding:0;
border:none;
visibility: hidden; }

/*-- The floating block is in the margin of the second block. This is the simplest way to keep contents of two block next to each other. The cleaner makes the parent block to be completed below the floater bottom edge. --*/


-->