body {margin: 0; background-color: #F0F8FF; /*#F6F9ED OR #F0F8FF;*/ font-family: Tahoma; 
      -moz-user-select: none; -webkit-user-select: none; user-select: none;}

/*clears*/
.cleaner{clear: left; line-height: 0; height: 0;} 
a{text-decoration: none;}
#mainWrapper{margin: 20px auto 0 auto; width: 1000px; min-height: 900px; border: 3px solid #708090; background-color: White;}

/**************
     HEADER 
 **************/
#header{width: 100%; height: 185px; /*border: 1px solid red;*/}
#ajLogo{float: left;}
#artJutsu{margin: 20px 0 0 40px; font-weight: bold; font-size: 40px; color: #708090;}
#mini{margin: 0 0 0 220px; font-weight: bold; font-size: large; color: #EE2C2C;}
#escMessage{margin: 35px auto 0 auto; text-align: center; /*border: 1px solid black;*/ 
            font-size: 30px; font-weight: bolder; color: #708090;}


#headerLinks{margin: 30px 0 0 250px; float: left; }
.headerLinks{margin-right: 50px; font-weight: bold; font-size: 20px; color: #708090; float: left;}
.headerLinks:hover{cursor: pointer; color: #EE2C2C;}


#loggedOut, #loggedIn{float: left;}
#aJLogin{margin: -6px 0 0 -15px; padding: 5px 0 0 15px; width: 335px; height: 120px; float: left; border-top: 1px solid white; 
         border-right: 1px solid white; border-bottom: 1px solid white; border-top-right-radius: 15px 15px; 
                border-bottom-right-radius: 15px 15px;}
#aJLogin:hover{ border-color: #EE2C2C; cursor: pointer;}
.aJLogin{/*color: #EE2C2C;*/}
#loginWrap{width: 210px; height: 100px; /*border: 1px solid orange;*/ float: left;}
#userName{margin: 8px 8px 0 8px;}
#passWord{margin: 8px 8px 12px 8px;}
#loginSubmit{margin-left: 70px; border: 1px solid #708090; padding: 3px; border-radius: 5px; color: #708090; text-align: center;}
#logoutSubmit{border: 1px solid #708090; padding: 3px; border-radius: 5px; color: #708090; text-align: center; background-color: White;}
#loginSubmit:hover, #logoutSubmit:hover{background-color: #708090; color: White;}


/*#loggedInMENU{margin: 24px 0 0 105px; width: 300px; height: 110px; background-color:#F0F8FF; position: absolute;}*/
#loggedInMENU{margin-left: -75px; width: 100px; height: 40px; float: left; padding-left: 45px;}


/**************
   Login Box
***************/
#ajLoginWrap{margin-left: 283px;  width: 430px; height: 420px; border: 1px solid #FFD700; border-radius: 15px; 
             padding: 15px 0 0 3px; background-color: #FDFCDC; position: fixed;}
#ajLoginInner{margin: auto;  width: 400px; height: 400px; border: 3px solid #708090; border-radius: 5px; background-color: White;}

.ajLoginList{width: 100%; height: 70px; 
             background-color: #F0F8FF;}
.ajLoginListItem{width: 132px; height: 50px; float: left; padding-top: 20px;  border-bottom: 1px solid #708090;
                 font-size: 20px; font-weight: bolder; text-align: center; color: #708090;}
/*.ajLog1,*/
.ajLog2{width: 132px; border-right: 1px solid #708090; border-left: 1px solid #708090;}
/*ajLog3{width: 132px; border-left: 1px solid #708090;}*/

.ajLoginListItem:hover{cursor: pointer; background-color: #708090; color: White;}
.selectedajLoginListItem{height: 51px; background-color: White; color: #708090;  border-bottom: 1px solid White;}

.ajLoginDisplay{width: 382px; height: 312px; padding: 9px; background-color: White;}

#ajLoginClose{margin: -20px 0 0 450px; width: 20px; height: 20px; border: 1px solid black; 
             text-align: center; border-radius: 15px; border: 3px solid #8B2323; float: left;
             font-weight: bolder; background-color: #FFD39B; color: #8B0000; font-family: Tahoma;}
#ajLoginClose:hover{background-color: #8B0000; color: #FFD39B; cursor: pointer;}

/**************
    CONTENT 
 **************/
#content{width: 100%; min-height: 600px; /*border: 1px solid blue;*/}
 #contentLeft{width: 210px; min-height: 600px; /*border-top: 1px solid black;*/ float: left; padding-bottom: 100px;}
 #menuWrapper{margin-top: 10px; /*position: fixed;*/}
 #menuCategory{margin: 10px 0 0 20px; border-bottom: 1px solid #708090; color: #708090; font-size: large; font-weight: bold; float: left;}
 #menuCategorySelector{margin: 15px 0 10px 5px; height: 12px; float: left; border: 1px solid #708090; font-size: 10px; background-color: #F0F8FF; 
                       padding: 2px 3px 2px 3px; border-radius: 3px;}
 #menuCategorySelector:hover{border: 1px solid orange; background-color: #FFEC8B; color: #8B4513; cursor: pointer;}
 .menuItem{margin: 10px 0 0 20px; width: 70px; padding: 3px 3px 3px 6px; border-top: 1px solid white; border-bottom: 1px solid white;}
 .menuItem:hover{border-top: 1px solid orange; border-bottom: 1px solid orange; background-color: #FFEC8B; color: #8B4513; cursor: pointer;}
 .menuItemSelected{border-top: 1px solid #708090; border-bottom: 1px solid #708090; background-color: #F0F8FF;}
 
 
 #contentMiddle{width: 480px; min-height: 600px; /*border-top: 1px solid orange;*/ float: left; padding-top: 50px;}
  .contentEntry{width: 500px; height: 465px; /*border: 1px solid red;*/}
  .contentTitle{margin-left: 90px; font-size: 25px; font-weight: bold; color: #708090;}
  .contentDate{margin-left: 90px;}
  .contentLeft{width: 90px; height: 400px; float: left; /*border-top: 1px solid blue;*/}
  .contentIcon{margin-bottom: 12px; width: 65px; height: 50px; border: 1px solid black;}
  .contentRight{margin-bottom: 50px; width: 370px;  float: left; /*border-bottom: 1px solid red;*/}
  .contentPic{width: 370px; min-height: 295px; /*border: 3px solid black;*/ float: left;}
  .contentPic img{width: 370px; border: 3px solid black;}
  .contentStats{margin: 6px 12px 0 0; border-top: 1px solid #708090; border-right: 1px solid #708090; 
                border-bottom: 1px solid #708090; float: left; border-top-right-radius: 12px 12px; 
                border-bottom-right-radius: 12px 12px; padding: 3px 6px 3px 3px;}
  
 #contentRight{width: 310px; min-height: 600px; border-top: 1px solid purple; float: left;}


/**************
    FOOTER 
 **************/
/*#footer{margin: 200px 0 0 -3px; width: 100%; height: 75px; border: 3px solid #6E8B3D; border-top: 1px solid #6E8B3D; 
        background-color: #A2CD5A;}*/