/*
Created by Phil Bartholomew	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #eeeadd url(images/bg-tile.jpg)
}

p, h1, h2, h3 {padding: 0px 15px 20px 25px}
h3 {padding: 0px 15px 10px 25px}




p {font-size: 0.9em}
h1 {font-size: 1.2em; color: #4f0b54}
h2 {font-size: 1em}
h3 {font-size: 0.9em}
a {color: #4f0b54; text-decoration: none}
a:hover {text-decoration: underline}
.bold {font-weight: bold; color: #4f0b54}
table p {padding: 0 0 5px 0; margin: 0 0 0 25px}

#wrapper { 
 margin: 0 auto;
 width: 900px;

}
#header {
 color: #333;
 width: 900px;
 float: left;
 height: 257px;
 margin: 10px 0px 0px 0px;
 background: url(images/header.jpg) no-repeat center;
}

#flash {
 color: #333;
 width: 900px;
 float: left;
 height: 234px;
 margin: 0px 0px 8px 0px;
}
#content {border: 1px solid red;}


#leftcolumn { 
 color: #333;
 background: #FFFFFF;
 margin: 0px 0 8px 0px;
 width: 650px;
 float: left;
 background: url(images/leftcolumn-middle.jpg) repeat-y center;
}

#leftcolumn-bottom {width: 650px; height: 15px; background:url(images/leftcolumn-btm.jpg) no-repeat; border: 0}

#rightcolumn { 
 float: right;
 color: #333;
 background: url(images/feature-bg.jpg) no-repeat;
 margin: 0px 0px 8px 0px;
 height: 218px;
 width: 228px;
 display: inline;
}
#quiz-night { 
 float: right;
 margin: 0px 0px 8px 0px;
 width: 228px;
 display: inline;
}

#rightcolumnflash { 
 float: right;
 color: #333;
 margin: 0px 0px 8px 0px;
 height: 218px;
 width: 228px;
 display: inline;
}

.righttop {width: 209px; background: url(images/feature-top.jpg) top no-repeat}

#rightcolumn p {color: #FFFFFF}
#rightcolumn h2 {color: #FFFFFF; padding-top: 20px}
#rightcolumn h3 {color: #FFFFFF; font-size: 1em; padding: 0px; margin: 5px 0 5px 25px}
#rightcolumn h3 a {color: #FFFFFF; text-decoration: none}
#rightcolumn h3 a:hover {color: #FFFFFF; text-decoration: underline}
#rightcolumn a {color: #FFFFFF; text-decoration: underline}
#rightcolumn a:hover {text-decoration: none}

#footer { 
 width: 900px;
 height: 45px;
 clear: both!important;
 background: url(images/footer.jpg) no-repeat;
 margin: 0px 0px 10px 0px;
}

#footer p { 
font-size: 0.7em;
padding: 17px

}

#footer p.left { 
float: left

}

#footer p.right { 
float: right

}



#navigation{
font: bold 13px Arial;
width: 880px; /*leave this value as is in most cases*/
overflow: hidden;
margin-top: 218px
}

#navigation ul{
margin: 0;
padding: 0;
width: 880px; /*width of menu*/
text-align: center;margin-left: 15px
}

#navigation ul li{
display: inline;
text-align: center;
}

#navigation ul li a{
color: white; /*text color*/
padding: 7px 23px;
text-decoration: none;
text-align: center;

}

#navigation ul li a:visited{
color: white;
}

#navigation ul li a:hover, #navigation ul li .current{
color: #CCCCCC !important; /*text color of selected and active item*/
background: url(menu-hover.png);
}

span.bold {font-weight: bold}