/* blue d6ebff */
/* pink fed7f2 */
/* fun blue 3197ff */

/*******************************************************
TITLE: Fluid Two-Column Layout (Basic) V1.0 (Beta)
DATE: 20060418
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0;
padding:0;
background-color:#d6ebff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

a {
color:#fed7f2;
text-decoration:underline;
}

a:hover {
color:#ffffff;
text-decoration:none;
}

blockquote {
margin:1em;
padding:1em;
font-size:.9em;
background-color:#fed7f2;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
color: #333333;
}

blockquote p {
margin:.2em;
}

#header {
margin:2em 2em 0 2em;
padding:1em 1.5em;
height:5em;
background-color:#155da7;
border:1px solid #eeeeee;
}

#header h1 { 
color: #d6ebff;
margin:0; 
padding:0;
font-size:32px;
}

#header h3 { 
margin:0; 
padding:0;
color: #3197ff;
font-size:16px;
}

#header a {
text-decoration:none;
}

#leftColumn {
position:absolute;
left:2.25em;
top:10.3em;
width:11em;
margin:0;
padding:1em 2em 2em 2em;
background:#e6e385;
border:1px solid #eeeeee;
font-size:.9em;
}

#leftColumn h2 { 
margin:0px 0px 20px 0px; 
padding:0;
font-size:21px;
letter-spacing:.1em;
color: #3197ff;
}

#leftColumn ul { 
margin:1.5em 0 0 0; 
padding:0;
list-style:none;
}

#leftColumn li { 
margin:0 0 .4em 0; 
padding:0;
}

#leftColumn li a { 
margin:0 0 0 .2em;
color:#000000;
text-decoration:none; 
}

#leftColumn li a:hover { 
color:#155da7;
text-decoration:underline; 
}

#centerColumn {
right:2.25em;
margin-top:.2em;
margin-left: 17.50em;
margin-right:2.25em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:17.50em;
margin-right:2.25em;
padding:1em 2em 2em 2em;
background:#3197ff;
font-size:.9em;
}

.imgrightblue {
float: right;
margin: 0px 0px 10px 20px;
padding: 10px;
background-color: #d6ebff;
color: #333333;
font: italic 15px "Times New Roman" times, serif;
text-align: center;
}

.imgrightblue img {
margin: 0px 0px 7px 0px;
}

.imgleftblue {
float: right;
margin: 0px 0px 10px 20px;
padding: 10px;
background-color: #d6ebff;
color: #333333;
font: italic 15px "Times New Roman" times, serif;
text-align: center;
}

.imgleftblue img {
margin: 0px 0px 7px 0px;
}

.imgrightpink {
float: left;
margin: 0px 20px 10px 0px;
padding: 10px;
background-color: #fed7f2;
color: #333333;
font: italic 15px "Times New Roman" times, serif;
text-align: center;
}

.imgrightpink img {
margin: 0px 0px 7px 0px;
}

.imgleftpink {
float: left;
margin: 0px 20px 10px 0px;
padding: 10px;
background-color: #fed7f2;
color: #333333;
font: italic 15px "Times New Roman" times, serif;
text-align: center;
}

.imgleftpink img {
margin: 0px 0px 7px 0px;
}

html>body #centerColumn {
margin-left:17.50em;
margin-right:2.25em;
}

#centerColumn h2 { 
margin:0px 0px 20px 0px; 
padding:0;
font-size:21px;
letter-spacing:.1em;
color: #d6ebff;
}

#tags {
margin:0 0 .5em 0;
width:10em;
float:left;
border:none;
text-align:left;
}

#tags img {
border:none;
}

#tags p {
margin:0 0 .25em 0;
}

#tags a {
font-size:.7em;
color:#cc0000;
}

#twocolumn {
width: 100%;
clear: both;
}

#left {
float: left;
width: 400px;
margin: 0px;
border: 1px solid #3197ff;
}

#right {
width: 400px;
margin: 0px 0px 0px 410px;
border: 1px solid #3197ff;
}
.imgblue {
margin: 15px;
padding: 10px;
background-color: #d6ebff;
color: #333333;
font: italic 15px "Times New Roman" times, serif;
text-align: center;
}

.imgblue img {
margin: 0px 0px 7px 0px;
}

.imgpink {
margin: 15px;
padding: 10px;
background-color: #fed7f2;
color: #333333;
font: italic 15px "Times New Roman" times, serif;
text-align: center;
}

.imgpink img {
margin: 0px 0px 7px 0px;
}