@import url("importstyles.css"); 
@import url("buttonstyles.css"); 

body 
{ margin: 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
/*  line-height: 16px;*/
  background-image: url(images/bg_faculty.jpg);
  background-repeat: repeat-x;  }  

/* moved to importstyles.css
p
{ line-height: 16px; }
*/

/*
body, table, td, th
{ font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;  }  
*/


/* 
COLORS USED
TAN = #F7EED3
GRN = #258725
DKGRN = #46564C
PALE GRN = #DFFADB
LC TAN = #E9E1D6
PURPLE = #6C4571
*/


#main
{ width: 100%; }
  
#main_container
{ width: 780px; }


#banner
{ background-color: #FFFFFF;
  height: 119px;
  line-height: normal;
  vertical-align: bottom;
  text-align: left;   }

/*
#bannerimg1
 { width: 780px;
   height: 73px; }

#bannerimg2, #bannerimg3
 { width: 780px; 
   height: 23px; }

#bannerimg1
 { background-color: #F7EED3; }

#bannerimg2
 { background-color: #4F5150; }

#bannerimg3
 { background-color: #258725; }
*/


#main_wrapper
 { background-color: #F7EED3;
   text-align: left; }

#main_wrapperAlt
 { background-color: #FFFFFF;
   background-color: #F7EED3;
   text-align: left; }


#left
 { float: left; 
   width: 150px;
   background-color: #F7EED3; }


#leftinset
 { padding: 6px; 
   font-size: .8em;  }


#navmenu, #navmenu ul
 { list-style: none; 
   margin: 0; 
   padding: 0; }

#navmenu a
 { color: #46564C;
   font-weight: bold;
   text-decoration: none; }

#navmenu a:hover
 { color: #258725;
   border-bottom-style: solid;
   border-bottom-width: 1px; }

#navmenu li
 { padding-bottom: 0; }

#navmenu li.title, #navmenu li.home
 { padding-bottom: 8px; }

#navmenu li.title
 { padding-top: 3px; }

#navmenu li.title span
  { font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;  }
  

#contentwrap
 { float: left;
   background-image: url(images/bkgcontent.gif); 
   background-repeat: repeat-y; }

#contentwrapAlt
 { float: left;
   background-color: #FFFFFF; }


#contentMain
 { float: left;
   width: 480px;
   min-height: 400px;
   height: auto !important;
   height: 400px; }  


#contentMainAlt
 { float: left;
   width: 630px;
   min-height: 400px;
   height: auto !important;
   height: 400px; } 



#contentMain_title
 { background-color: #6C4571; 
   color: #FFFFFF; 
   font-size: 22px; 
   padding: 6px 10px 10px 6px; }

#contentMain_text
 { padding: 12px;
   padding-top: 6px;  }

/*
#contentMain_text img
 { padding: 6px;  }
*/

#contentMain_text a
 { text-decoration: none;
   color: #46564C;
   border-bottom: dotted 1px; }

#contentMain_text a:hover
 { color: #258725;
   border-bottom-style: solid; }

 

#contentRight
 { float: right; 
   float: left; 
   width: 150px; }

#contentRight_text
 { padding-left: 10px; 
   padding-right: 10px;
   font-size: 10px;
   margin-top: 10px;
   margin-bottom: 20px;
   color: #FFFFFF; }


#contentRight a
  { color: #FFCC99;
    color: #F7EED3;
    text-decoration: none; }
  
#contentRight a:hover
  { color: #FFFF99;
    border-bottom-style: solid;
    border-bottom-width: 1px; }


#footerwrap
  { clear: both; 
    height: 60px;
    font-size: .75em; 
    text-align: center; 
    background-color: #F7EED3; }

#footlinks
 { height: 100%;
   padding-top: 12px; }
 
#footlinks a
  { color: #46564C;
    text-decoration: none; }
  
#footlinks a:hover
  { color: #258725;
    border-bottom-style: solid;
    border-bottom-width: 1px; }



div.clearDiv
 { clear: both; }






/* -- PROGRESS CLOCK - AJAX and JAVASCRIPT -- */
#progressmodalMain, #progressmodalSB,
#progressclockMain, #progressclockSB
 { position: absolute; 
   top: 0; 
   left: 0; 
   text-align: center; 
   text-align: -moz-center; /* for firefox */
   height: 100%;
   width: 100%;  }

#progressmodalMain, #progressmodalSB
 { background-color: #46564C;
   filter: alpha(opacity=70);
   opacity: 0.6;
   z-index: 200; }

#progressclockMain, #progressclockSB
 { z-index: 201; }

#clockwrapperMain, #clockwrapperSB
 { position: relative;
   width: 750px; 
   height: 100px; 
   padding: 5px 0px 5px 5px; 
   font-weight: bold; 
   text-align: center; 
   vertical-align: middle; 
   background-color: #E9E1D6; /*#F7EED3; */
   background-color: #FEFEFE;
   margin-top: 130px;
   border: solid 6px #258725;
   /*border-color: #46564C;*/ } 

#progressmsg, #progressmsgSB
 { padding-top: 26px;  } 
 
#progressmsg_img, #progressmsg_imgSB 
 { vertical-align: middle; 
   margin-right: 12px; }   

#progressmsg_text, #progressmsg_textSB
 { color: #46564C;
   font-size: 12px; }    

/* -- END PROGRESS CLOCK - AJAX and JAVASCRIPT -- */


/* -- BUTTON STYLES -- */
/* -- MOVED TO buttonstyles IMPORT -- 
.logbutton, .logbutton_ALT, .stdbutton, .editbutton, .editbuttonSB, .editbuttonSB2
{ border: solid 2px #333333;
  font-size: 11px;
  font-weight: bold;
  background-color: #F9FFFF;
  letter-spacing: .1em;
  color: #333333;
  margin-top: 10px;
  margin-bottom: 6px; }

.logbutton
{ margin-left: 30px;
  margin-top: 20px; }

.logbutton_ALT
{ margin-left: 30px;
  margin-top: 4px; }


.editbutton
{ background-color: #C9C9C9; }

.editbuttonSB, .editbuttonSB2
{ border: solid 2px #FFFFFF;
  background-color: #CCCCCC; }

.editbuttonSB2
{ margin-top: 0; }

-- END buttonstyles IMPORT --  */

/* --- HERE ENDTH YE FRAMEWORK -------------------------------------------------  */

.loginWrap
  { height: 32px; }

.loginLabel
  { float: left;
    width: 100px; 
    margin-top: 3px;
    text-align: right; 
    padding-right: 4px; 
    font-size: .9em;  }


.loginBox
  { float: left; 
    width: 300px; 
    height: 28px;  }
  
.loginBtnOWrap
  { width: 320px;
    margin-left: 8px;
    margin-top: 10px; 
    border-top: solid 0 #46564C;  }

.loginBtnIWrap
  { margin-left: 100px; }



.addpageWrap
  { margin-top: 8px; }

.addpageLabel
  { float: left;
    width: 128px; 
    margin-top: 3px;
    text-align: right; 
    padding-right: 4px; 
    font-size: .9em;  }

.addpageBox
  { float: left;
    width: 300px;   }

.addpageBtnOWrap
  { width: 320px;
    margin-left: 8px;
    margin-top: 10px; 
    border-top: solid 0 #46564C;  }

.addpageBtnIWrap
  { margin-left: 126px; }


.uploadsWrap
  { margin-top: 20px; }

.uploadsLabel
  { float: left;
    width: 128px; 
    margin-top: 3px;
    text-align: left;
    line-height: 24px;   }

.uploadsBox
  { float: left; 
    width: 350px;   }


.cleardiv
  { font-size: 1px;
    height: 1px;
    clear: both;  }


/* -- MOVED TO importstyles.css --
.offset20T
  { margin-top: 20px; }


.redtext, .redtextB
  { color: #FF0000;  } 

.dkredtext, .dkredtextB
  { color: #990000;  }   

.redtextB, .dkredtextB
  { font-weight: bold;  } 

-- */


.pendingtag, .pendingtagALT,
.pendingtagSB, .pendingtagSB_alt
  { color: #990000;
    font-weight: bold;
    text-align: left;  } 

.pendingtag
  { position: absolute;
    left: 20px;
    top: 10px; }  

.pendingtagALT
  { margin-bottom: 12px; 
    margin-left: 20px;
    margin-top: 10px; }  

.pendingtagSB, .pendingtagSB_alt
 {  padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #FFFFFF;  }
    
.pendingtagSB
  { position: absolute;
    left: 0;
    top: 14px; }  

.pendingtagSB_alt
  { text-align: center;
    margin-bottom: 12px; }  


/* -- MOVED TO importstyles.css --

.wide43     
 { width: 43px;  }

.wide63
 { width: 63px;  } 

.wide80
 { width: 80px;  } 

.wide110
 { width: 110px;  }

-- */