/* CSS Document */
/*
scientopia colors:
orange:f18e22
green:82b725
blue:77799e
burgundy:bc2373

*/
body {
 background-color:#fff;
 background: url(../images/bg.png);
 margin:0;
 padding:0;
 font-family:Arial, Sans-Serif;
 text-align:center;
}
/****************************** layout **************/
#container 
{
 /*background: url(../images/bodyBg.png) repeat-y;*/
 background:white;
 border:10px solid #f18e22;
 text-align:left;
 width:900px;
 margin:0 auto;
 padding:0;
}
#headerContainer
{
 width:900px;
}
#header 
{
 padding:2px 10px 2px;
 text-align:center;   
}
#navContainer 
{
   padding: 0;
   width:900px;
   margin:15px auto;
   height:60px;
}
.navItem 
{
    float:left;
    position: relative;
    margin:0;    
    padding:0 17px;
}
.navItem a.main, .navItem a.mainActive
{
    display:block;
    padding:5px;
    margin:0;
    border:orange 2px dotted;
}
.navItem a.main:hover, .navItem a.mainActive
{
    padding:3px;
    border:orange 4px dotted;
}
.subNavWrapper 
{
    background:white;
    position:relative;
    margin:70px 0 0 4px;
    padding:1px;
}
.subNavWrapper a.subNav 
{
    font-family:Comic Sans MS;
    color:#77799e;
    font-size:12px;
    text-decoration:none;
    display:block;
    border:orange 2px dotted;
    width:140px;
    padding:4px;
    font-weight:bold;
    margin-top:2px
}
.subNavWrapper a.subNav:hover 
{
    border:orange 4px dotted;
    padding:2px;
    color:navy;
}


#bannerContainer 
{
    padding:0;
    margin:0px;
}

#contentContainer 
{    
    margin-top:0;
    background: url(../images/contentbg.png) repeat-y top left;
    float:left; 
}
#leftContainer
{
    float:left;
    width:248px;
    padding-top:20px;
}
#rightContainer
{
    float:right;
    width:648px;
}

#footer 
{
    height:30px;
    width:900px;
    margin:0 auto;
    font-size:.75em;
    color:#666666;
}
#rightContainer a 
{
    font-weight:bold;
}
#rightContainer a:hover
{
    text-decoration:none;
    color:#82b725;
}
#footer a 
{
    color:#8286b9;
}
#signUpBar 
{
    width:630px;
    margin-left:10px;
    height:22px;
    text-align:right;
    padding-right:2px;
   /* background:url(../images/signupBG.png) bottom left no-repeat;*/
}

#signUpBar a
{
    color:#9ebc2e;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    margin-right:5px;
}
#signUpBar a:hover 
{
    color:#646d96;
}
#content 
{
    padding:10px;
}
#rightContainer hr 
{
    width:630px;
    border:10px dotted #9ebc2e;
}
h1 
{
    font-size:1.6em;
    font-family:Comic Sans MS, Arial;
    
    border-bottom:3px dotted #9ebc2e;
    color:#ff9c10;
    margin:10px 0 0;
    padding:0;
}
h2 
{
    font-size:1.25em;
    font-family:Comic Sans MS, Arial;
    color:#646d96;
    margin-bottom:2px;
}
p 
{
    margin-top:5px;
    font-size:.9em;
    line-height:1.2em;
}
a.comments  
{
    color:#646d96;
}
#rightContainer li 
{
  padding-top:8px;
  font-size:.9em;
}
#rightContainer table 
{
    width:400px;
    padding:5px;
    font-size:.9em;
}
.sideSpacer 
{
    height:20px;
}
.sideBox img 
{
    padding:5px;
    background:white;
    border:1px solid black;
    margin:15px 5px;
}
.sideBox 
{
    padding:10px;
}
.sideBox h2
{
    border-bottom:3px dotted white !important;
}
.sideBox h3 
{
    border:3px dotted #b2dd67 !important;
    font-family:Comic Sans MS;
    font-size:1.25em;
    padding:5px;
    text-align:center;
    margin:0;
    color:white;
}
.sideBox a 
{
    color:#FFFE99;
    text-decoration:none;
}
.sideBox a:hover
{
    font-style:italic;
}
.sideBox hr 
{
    width:230px;
    border-bottom:3px dotted white !important;
}
.sideBox p
 {
    padding-top:15px;
    text-align:justify;
 }
.sideBox h1, .sideBox h2, .sideBox p
{
    margin:0;
    padding-bottom:5px;
    color:white;
}
.callOut 
{
    margin-top:50px;
    background-color:#8286b9;
    padding:10px;
}
.callOut h2, .callOut p
{
    color:White;
    padding:0;
    margin:0;
}
.callOut a 
{
    color:#ffc259;
}


/* ------------------------------------------------ admin section ------------ */

.adminSection 
{
    border:1px solid #82b725;
    width:98%;
}
.adminSection h1 
{
    height:30px;
    font-family:Arial;
    font-size:16px;
    color:White;    
    background:url(../images/h1BG.png);
    padding:4px 0 0 10px;
    margin:0 0 20px;
    border:none;
}

.adminSection table.form, .popup table.form
{
    border:1px solid #77799e;
    margin:20px;
}
.adminSection table.form th, .popup table.form th 
{
    background:#77799e;
    color:White;
    font-size:13px;
    width:25%;
    padding:5px;
}
.adminSection table.form td, .popup table.form td 
{
    border-top:1px solid #77799e;
    border-right:1px solid #77799e;
    font-size:12px;
    
}
.adminSection table.form td.oneColumn 
{
    width:25%;
}
.adminSection table.form td.twoColumn 
{
    width:50%;
}
.adminSection table.form td.threeColumn 
{
    width:75%
}
.adminSection .btn, .popup .btn 
{
    background:url(../images/h1BG.png);
    font-size:12px;
    font-weight:bold;
    color:#365008;
}
/* ----------------------------------------- Modal Popup*/
.modalBackground {
	background-color:#365008;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.imgFinderItem 
{
    padding:10px;
    margin:10px;
    vertical-align:top;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    z-index:1000;
}
.blogNav ul 
{
    margin:0;
    padding:0 0 0 10px;
}
.blogNav ul li
{
    list-style-type:none;
    margin-bottom:8px;
}