/* Main CSS for the Renaissance Learning Center website */

html
{
background-color:#ccf;
}

body
{
margin: 0px 10px 10px 10px;
}

.underline
{
text-decoration: underline;
}

.center
{
margin: 0px auto;
text-align: center;
}

.internalbutton
{
margin: 0px auto;
text-align: center;
}

.internalbutton a
{
text-decoration: none;
color: #000;
font-family: "Verdana", "Arial", "sans-serif";
font-weight: bold;
font-size: 10px;
background: #aad;
border: 2px solid;
border-color: #f3f3f3 #bbb #bbb #f3f3f3;
padding: 5px;
}

.internalbutton a:hover
{
color: #000;
background: #ccf;
border: 2px solid;
border-color: #bbb #f3f3f3 #f3f3f3 #bbb;
}

.donate
{
margin: 0px auto;
text-align: center;
border: 1px solid #00c;
background-color: #fff;
padding: 2px;
margin: 10px 30%;
float: right;
font-size: 12px;
}

.donate-side
{
margin: 0px auto;
text-align: center;
border: 1px solid #00c;
background-color: #fff;
padding: 2px;
margin: 0px 0px 5px 0px;
font-size: 12px;
}


/* Header */
#header
{
margin: 0px auto;
height: 100px;
text-align: center;
}

#header img
{
height: 100px;
}


/* Top Horizontal Menu */
#topmenu
{
text-align: center;
border: 3px solid;
border-color: #99f #33f #33f #99f;
background: #009;
}

#topmenu ul
{
list-style-type: none;
margin: 15px;
padding: 0px;
white-space: nowrap;
}

#topmenu li
{
display: inline;
}

#topmenu a
{
text-decoration: none;
color: #000;
font-family: "Verdana", "Arial", "sans-serif";
font-weight: bold;
font-size: 9px;
background: #ccf;
border: 2px solid;
border-color: #f3f3f3 #bbb #bbb #f3f3f3;
padding: 5px;
}

#topmenu a:hover
{
color: #000;
background: #aad url(images/puzzle-background-seamless-washed.gif);
border: 2px solid;
border-color: #bbb #f3f3f3 #f3f3f3 #bbb;
}


/* Main Area (contains the content and sidebar) */
#main
{
position: static;
padding: 5px 10px 10px;
background: #777 url(images/puzzle-background-seamless.gif);
border: 3px solid;
border-color: #99f #33f #33f #99f;
}


/* Content Area (used with the Side Bar area) */
#content
{
height: 98%;
width: 73%;
vertical-align: top;
margin: 5px;
padding: 5px;
background-color: #ccc;
border: 1px solid #00f;
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 1.0em;
}

#content h2
{
text-align: left;
font-family: "Times New Roman", "serif";
font-weight: normal;
text-decoration: none;
font-size: 24px;
padding: 0px;
margin: 2px 5px;
color: #000;
border-bottom: 1px solid #00c;
}

#content h3
{
text-align: left;
font-family: "Times New Roman", "serif";
font-weight: bold;
font-size: 18px;
padding: 0px;
margin: 5px 5px 0px;
}

#content p
{
text-align: left;
text-indent: 10px;
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 1.0em;
padding: 0px;
margin: 5px 5px;
}

#content ul, #content-full ul
{
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 1.0em;
margin: 0px;
}

ul.nobullets
{
list-style-type: none;
}

ul.nobullets li
{
margin-left: 10px;
}

#content ol
{
text-align: left;
text-indent: 10px;
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 1.0em;
padding: 0px;
margin: 5px 0px;
}

#content ol li
{
text-indent: 0px;
margin-left: 40px;
margin-top: 3px;
}

#content hr
{
color: #00c;
background: #00c;
width: 50%;
height: 1px;
}

#content br
{
clear: both;
}

#content img
{
border: 1px solid #00c;
}

#content table.boardmembers
{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 400px;
}

#content #directions-map
{
margin: 10px auto;
text-align: center;
}

#content iframe
{
border: 1px solid #00c;
}

#content #slideshow img
{
border: none;
}

#content .event-ad
{
border: 1px solid #00c;
background-color: #fff;
text-align: left;
text-indent: 10px;
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 1.0em;
padding: 10px;
margin: 5px 10%;
}

#content .event-ad h4
{

}


/* Side Bar (used with the Content Area) */
#sidebar
{
height: 98%;
width: 23%;
vertical-align: top;
margin: 5px;
padding: 5px;
background-color: #ccc;
border: 1px solid #00f;
}

#sidebar h2
{
margin: 0px auto;
text-align: center;
font-family: "Times New Roman", "serif";
font-weight: normal;
font-size: 24px;
border: 1px solid #00c;
background: #fc0;
}

.sidebarevents
{
margin: 2px 5px;
border: 1px solid #00c;
background: #ff3;
}

.sidebareventtitle
{
margin: 2px;
text-align: center;
font-family: "Verdana", "sans-serif";
font-weight: bold;
font-size: 12px;
background: #fc0;
}

.sidebareventbody
{
margin: 2px 3px;
text-align: left;
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 11px;
}


/* Content Area (for use WITHOUT the Side Bar) */
#content-full
{
height: 98%;
vertical-align: top;
margin: 5px;
padding: 5px;
background-color: #ccc;
border: 1px solid #00f;
}

#content-full h1.calendartitle
{
text-align: center;
font-family: "Bookman Old Style", "Times New York", "serif";
font-weight: normal;
font-size: 36px;
letter-spacing: 10px;
padding: 0px;
margin: 2px 0px;
color: #fff;
border: 1px solid #00c;
background-color: #455678;
}

#content-full h2
{
text-align: left;
font-family: "Times New Roman", "serif";
font-weight: normal;
font-size: 24px;
padding: 0px;
margin: 2px 5px;
border-bottom: 1px solid #00c;
}

#content-full h2.calendarsmalltitle
{
text-align: center;
}

#content-full h3
{
text-align: left;
font-family: "Times New Roman", "serif";
font-weight: bold;
font-size: 18px;
padding: 0px;
margin: 5px 5px 0px;
}

#content-full h4.calendarsubtitle
{
text-align: center;
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 10px;
padding: 0px;
margin: 2px 5px;
}

#content-full p
{
text-align: left;
text-indent: 10px;
font-family: "Arial", "sans-serif";
font-weight: normal;
font-size: 1.0em;
padding: 0px;
margin: 5px 5px;
}

#content-full img
{
border: 1px solid #00c;
}

#content-full .calendarsubmenu
{
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 10px;
height: 15px;
width: 700px;
padding: 1px;
margin: 2px 1px;
color: #fff;
border: 1px solid #00c;
background-color: #455678;
}

#content-full .calendarsubtitle a
{
text-decoration: none;
}

#content-full .calendarsubmenu a
{
text-decoration: none;
padding: 2px;
color: #fff;
}

#content-full .calendarsubmenu a:hover
{
color: #455678;
padding: 1px;
border: 1px solid #00c;
background-color: #ccc;
}

#content-full #directory-top
{
height: 60px;
background: #ccc url(images/Notepad-Top.gif) no-repeat top center;
}

#content-full #directory-content
{
background: #ccc url(images/Notepad-Mid.gif) repeat-y top center;
}

#content-full #directory-bottom
{
height: 60px;
background: #ccc url(images/Notepad-Bottom.gif) no-repeat bottom center;
}

#content-full table.directory
{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 680px;
}

#content-full table.directory h2
{
margin: 0px;
}

#content-full table.directory p
{
text-indent: 0px;
margin: 0px;
}

#content-full table.directory .directorytitle
{
font-weight: bold;
}

#content-full table.directory td.directoryheader
{
vertical-align: top;
text-align: center;
padding: 10px;
width: 320px;
}

#content-full table.directory td.directorycontacts
{
vertical-align: top;
text-align: left;
padding: 0px 10px;
width: 320px;
}

#content-full table.directory td.middlespacercolumn
{
width: 40px;
}


/* Footer */
#footer
{
height: 30px;
text-align: center;
color: #ccf;
border: 3px solid;
border-color: #99f #33f #33f #99f;
background: #009;
}

#footer p
{
margin: 10px auto;
font-size: 10px;
font-family: "Arial", "sans-serif";
}

#footer a
{
text-decoration: none;
color: #ccf;
}

#footer a:hover
{
color: #fc0;
}


/* Pane Join Bars */
.panejoin
{
margin: auto;
height: 5px;
width: 98%;
background: #555;
}