/*
Greenberg Web Services
GreenbergWS.com
Use this for larger than 800x600
*/

html
{
  overflow: hidden;
  height: 99%;
}

body
{
  background: #663399;  /* Jubilee logo color is #9933FF */
  height: 99%;
  margin: 0;
  padding: 0;
  line-height: 150%;
  text-align: center;

  scrollbar-face-color: #663399;
  scrollbar-arrow-color: #CCCCCC;
  scrollbar-track-color:  #EEEEEE;
  scrollbar-shadow-color: #999999;
  scrollbar-highlight-color: #663399;
  scrollbar-3dlight-color: #663399;
  scrollbar-darkshadow-color: #999999;
}

#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:980px;
  height: 100%;
  margin: auto;
} 

*
{
  font-size: 9pt; 
  font-family: "Georgia", Georgia, "Times New Roman", Times, serif;
  color: #3B3A3A;
  text-align: left;
}

 /* $WEFT -- Created by: Angela Greenberg on 2/28/2008 -- */
  @font-face {
    font-family: Edwardian Script ITC;
    font-style:  normal;
    font-weight: normal;
    src: url(EDWARDITC.eot);
  }

.list
{
  margin: 20px;
  list-style-image: url(images/bullet.gif);
}

img
{
  border: 0;
}

a:hover
{
  text-decoration: none;
}

form {
background: #CCCCCC;
border: 2px solid #FFFFFF;
padding: 10px 0 10px 50px;
width:425px;
line-height: 17pt;
}


/* === Containers === */

#wrapper {
  margin: 0 auto;
  padding: 0;
}

#sidebar {
  width:  878px;
  height: 570px;
  padding: 0 75px 0 0px;
  background: url(images/right_img.gif) no-repeat right bottom;
}

#first_container
{
  margin: 0 auto 0 auto;
  display: table; 
  height: 100%;  
  position: relative; 
  /*overflow: hidden;*/
  width: 900px;

/*Left Side Decoration*/
  padding: 0 0 0 95px;
  background: url(images/left_img.gif) no-repeat;
}

#second_container
{
  position: absolute; 
  top: 30%;
  vertical-align: middle;
  width: 100%; 
}

#third_container
{
  position: relative; 
  top: -160px; 
  width: 800px;
}

#welcome
{
  padding-bottom: 15px;
  margin-bottom: 15px;
  background: url(images/deco.png) no-repeat center bottom;
}

/* === Menu === */


#menu
{
  height: 31px;
  padding-left: 220px;
  margin: 0;
  list-style: none;   
}

#menu li
{
  float: left;
  display: block;
  width: 82px;  height: 31px;  
}

#menu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 31px;
  text-align: center;
}

#menu li a:link, #menu li a:visited
{
  color: #CCCCCC; 
  background-color: #663399;
}

#menu li a:hover, #menu li a:active
{
  background-image: url('images/taba.jpg');
  color: #FFFFFF; 
}

#menu li a.on
{
  display: block;
  width: 82px;  height: 31px;  
  background-image: url('images/taba2.jpg');    
  text-decoration: none;
  line-height: 31px;
  color: #000000;
  text-align: center;
}

/* === Submenu === */


#submenu
{
  float: left;
  height: 31px;
  width: 300px;
  padding-left: 10px;
  margin: 0;
  list-style: none;   

}

#submenu li
{
  float: left;
  display: block;
  width: 82px;  height: 31px;  
}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 25px;
  text-align: center;
  color: #330000;
}

#submenu li a:link, #submenu li a:visited
{
  color: #CCCCCC; 
  background-color: #663399;
}

#submenu li a:hover, #submenu li a:active
{
  background-image: url('images/tabb.jpg');
  color: #FFFFFF; 
}

#submenu li a.on
{
  display: block;
  width: 82px;  height: 31px;  
  background-image: url('images/tabb2.jpg');    
  text-decoration: none;
  line-height: 25px;
  color: #000000;
  text-align: center;
}


/* === Other Divs === */
 
.border
{
  background-color: #FFFFFF;
  padding: 15px 15px 15px 270px;
  height: 450px;
  background-image: url('images/back.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}

.slogan
{
  position: absolute;
  margin-left: 15px;
  margin-top: 45px; 
  width: 45px;
  height: 400px;
  background-image: url('images/slogan.png');
}

.content
{
  height: 435px;
  overflow: auto;
  padding: 7px;
}

.designinfo
{
  margin-top: 5px;
  text-align: right;
  color: #999999;
  background-color: inherit;
}

.designinfo a
{
 color: #999999;
 text-decoration: underline;
}

.designinfo a:hover
{
 color: #FFFFFF;
 text-decoration: none;
}


/* === Inline Text Styles === */



h1
{
  margin: 10px 0 -40px -2px;
  padding: 0 10px 40px 9px;
  font-family:"Edwardian Script ITC", script;
  font-size: 36px;
  font-weight: bold;
  color: #993399;
  background-color: inherit;
  border-left: 5px solid #9966CC;
  line-height: 25pt;
}

h2
{
  font-family:"Edwardian Script ITC", script;
  font-size: 30px;
  color: #663399;
  background-color: inherit;
}

.text
{
  display: block;
  margin: 5px 5px 20px 12px;
}

.text a
{
  color: #666F53;
  text-decoration: underline;
  font-weight: bold;
}

.text a:hover, .text a:active
{
  color: #000000;
  text-decoration: none;
}

.text img
{
  border: 5px solid #CCCCCC;
  padding: 0;
  margin-right: 15px;   
  float: left; 
  clear: left;
}

blockquote p
{
  padding: 30px 0 0 25px;
  background: url(images/corner-deco.png) no-repeat;
  text-align: left;
  color: #993399;
}

p.center
{
  text-align: center;
}

.bold
{
  font-weight: bold;
}


/* === Slideshow === */


*
{
    margin: 0;
    padding: 0;
}

#rotator
{
    border: 2px solid #FFFFFF;
    cursor: pointer;
    overflow: hidden;
    margin: 10px auto 10px;
    position: relative;
    width: 465px;
    height: 180px;
    margin-left:  15px;
    background: url(../../media/images/slideshow/image0.jpg) no-repeat; /*default image if javascript disabled */
}

#rotator img
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*
#rotator img
{
    border: 0;
    cursor: pointer;
    width: 400px;
    height: 150px;
}
*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.formbutton{
cursor:pointer;
border:outset 1px #333;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../../media/images/formbg.gif) repeat-x left top;
}