@charset "utf-8";
/* CSS Document */
body, html{padding:0; margin:0; background-color:#663399; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:101%}

#outer{width:900px; margin:auto}
#ctop{margin-top:10px; background-image:url(../images/c_top.gif); height:23px}
#cfoot{padding:0; margin:0; background-image:url(../images/c_bottom.gif); height:23px; clear:both}
#main{width:900px; padding:0 15px 0 15px; margin:0 ; background-image:url(../images/c_body.gif); background-repeat:repeat-y}
#main p, #main ul li{padding:0 0 15px 0; margin:0; text-align:justify; font-size:0.7em; line-height:1.4em}
#main a{color:#000099}
#main a:hover{color:#663399}
#conLeft{width:450px; color:#000000; float:left}
#conRight{float:right; width:400px; position:relative; top:0}
#longcol{width:860px}
#ncont{width:330px; margin:0 0 20px 30px}
#nbody{background-image:url(../images/p_top.gif); min-height:220px; padding:20px 10px 0 10px; text-align:left}
#nbody h3, #nbody p, #nbody ul{color:#FFFFFF}
#nbody ul{padding:0; margin:0; font-size:0.7em; list-style-type:none}
#nbody li{line-height:1.4em}
#nfooter{background-image:url(../images/p_bottom.gif); height:20px}
#pbody ol{font-size:0.7em; color:#000000; margin:0 40px 0 30px; padding:0}
#pbody li{padding-bottom:10px}

#pcont{width:330px; margin:0 0 20px 30px}
#pbody{background-image:url(../images/n_top.gif); min-height:100px; padding:20px 10px 0 10px}
#pfooter{background-image:url(../images/n_bottom.gif); height:20px}

#logo{margin:30px 0 20px 0}

#menu{background-image:url(../images/menu_back.gif); background-repeat:repeat-y; font-size:0.8em; font-weight:bold; text-align:center}
#menufooter{background-image:url(../images/menu_footer.gif); width:900px; height:16px}
#menu ul{margin:0; padding:10px 10px 0 10px; list-style-type:none}
#menu ul li{display:inline;  margin:0 15px 0 0}
#menu ul li a{text-decoration:none; color:#ffffff;}
#menu ul li a:hover{color:#003399}

h1, h2, h3{padding:0; margin:0 0 20px 0}
h1{color:#003399; font-size:0.9em}
h2{color:#FFFFFF; font-size:0.8em}
h3{color:#003399; font-size:0.8em}

#footer{margin-bottom:30px; text-align:center}
#footer p{color:#FFFFFF; font-size:0.6em}

form legend{display:none; padding:0; margin:0}
form fieldset{border:none; padding:0; margin:0}
form{font-size:0.7em; color:#000000}
input, select{font-size:1.0em}
#articlebutton span{display:none}
#articlebutton{background-image:url(../images/btn_article.gif);margin-left:5px;  height:28px; width:294px;}
#articlebutton a{ height:28px; display:block}
#articlebutton a:hover{background-image:url(../images/btn_article.gif); background-position:0 28px}

#searchresults ul{padding:0; margin:0; list-style-type:none; font-size:0.7em; width:850px}
#searchresults ul li{margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px dotted #FFFFFF; color:#000000}
#pagecounter{font-size:0.7em; color:#003399; width:500px; margin:auto; text-align:center}
#pagecounter a{color:#FFFFFF}

#EssayWinners{padding:0; list-style-type:none; font-size:1.0em; width:500px}
#EssayWinners li{line-height:1.4em; margin-bottom:15px}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */