body {font-size: 62.5%; margin: 0px auto; padding: 0px;  font-family: arial, sans-serif;}
h2{color: #652D89; font-weight: bold; font-size: 120%;}
h3{color: #652D89; font-weight: bold; font-size: 110%;}

form {  font-size: 100%;}


.page-container-1 {width: 900px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_1.gif) top left repeat-y; border: solid 1px rgb(100,100,100);}

.content-title-noshade-size3 {margin: 0px; padding: 0px; color: #652D89; font-weight: bold; font-size: 120%;}
.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color: #652D89; font-weight: bold; font-size: 120%;}
.letterColor{ color: #652D89; font-weight: bold; font-size: 110%; }
.specialWordBox{ width: 262px; background:#CCCCCC; height: 13px; padding: 3px; color:#652D89;}
.email a {color: #652D89; text-decoration: underline;}


.photo{border:1px solid #bababa; padding:2px;  background-color:#ffffff;  margin:6px 10px 2px 5px;}




.specialAreaTop{ border-left: solid 1px #CCCCCC; color:#000000; padding: 0px 0px 0px 10px; height: 130px; font-size: 120%;}
.padOnBox{ padding: 10px 0px 0px 10px;}
.columnTable{ z-index: 3; width: 900px; height:200; padding: 10px 0px 0px 0px;}

/*----------------------------*/
/* Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 900px; top: 70px; position: absolute; z-index: 3; background: url(../img/nav1Background.jpg) top left repeat-x}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;   font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px #FFFFFF; color: #ffffff; text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: #CCCCCC; text-decoration: none;}


/*----------------------------*/
/* Navigation - Level 2 */
/*----------------------------*/
/* tabs
*************************/

ul.tabs{display: table; margin: 0; padding: 0; list-style: none; position: relative;}
ul.tabs li{margin: 0; padding: 0; list-style: none; display: table-cell; float: left; position: relative;}

ul.tabs a{ position: relative; display: block;}

/* dropdowns
*************************/

ul.dropdown{margin: 0; padding: 0; display: block; position: absolute; z-index: 999; top: 100%; width: 100px; display: none; left: 0;}
ul.dropdown ul.dropdown{top: 0; left: 95%;}
ul.dropdown li{margin: 0; padding: 0; float: none; position: relative; list-style: none; display: block;}
ul.dropdown li a{display: block;}


/* menu-specifc
*************************/

#menu{position: absolute; z-index: 10; clear: both; top: 45px; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
#menu ul{margin: 0 auto; width: 900px; margin: 0px; padding: 0px; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; background-color: #652D89; font-weight: bold;}
#menu ul li a{margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px; color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 100%;}


#menu ul li a span{display: block;padding: 0 15px 0 11px;}
#menu ul.dropdown{padding: 10px; background-image: url(img/dropdown.png); overflow:hidden; width: 200px;}
#menu ul.dropdown li a{line-height: 10px; overflow: hidden; height: 10px;}
#menu ul.dropdown li.last a{border-bottom-width: 0;}



/*----------------------------*/
/* Navigation - Level 3 */
/*----------------------------*/
.nav3 { overflow: hidden; clear: both; float: left; width: 160px; min-height: 300px; margin: 0px; padding: 0px 0px 0px 0px; color: rgb(75,75,75); font-size: 1.0em;}
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px;  background-color:#e8e8e8;}	
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 13px 5px 12px 5px; background:url(../img/navigation3TopCurve.png); background-color:#FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 120%; border-bottom: solid 3px #652D89;}
.nav3 li.footer {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 5px; height: 150px; background-color:#e8e8e8;  text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px #7b76b0; color: #652D89; font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px #ffffff;  color: #cccccc; text-decoration: none;}


/*-----------------------------------*/
/* Sitename, slogan and banner */
/*-----------------------------------*/
.site-name {width: 900px; height: 45px; top: 0px; position: absolute; z-index: 4; overflow: hidden; margin: 0px;  color: rgb(69,140,204); background:#eeeeee}
.site-name p.title  {margin: 0px; padding: 0px; font-family: "trebuchet ms", arial, sans serif; font-weight: bold; font-size: 24px;}
.site-name p.subtitle  {clear: both; width: 300px; margin: -6px 0px 0px 0px; padding: 0px; background-color: transparent; font-family: "trebuchet ms", arial, sans serif; font-size: 12px;}
.site-name a {margin: 0px; padding: 0px; text-decoration: none; color: rgb(88,144,168);}
.site-name a:hover {text-decoration: none;}
.site-slogan-container  {width: 900px; height: 130px; top: 70px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; background-color: transparent;}
.site-slogan {float: right; width: 700px; margin: 0px; padding: 0px; background-color: transparent; font-size: 10px;}
.site-slogan p.title {float: right; width: 700px; margin: 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif;  text-align: right; font-weight: bold; font-size: 220%;}
.site-slogan p.subtitle {clear: both; float: right; width: 700px; margin: -5px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 200%;}
.site-slogan p.text {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; font-size: 140%;}
.site-slogan p.readmore {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; font-size: 120%;}
.site-slogan a {color: rgb(234,239,247); text-decoration: underline;}
.site-slogan a:hover {text-decoration: none; color: rgb(50,50,50);}
.img-header {clear: both; float: left; width: 900px; height: 250px; margin: 0px; padding: 0px;}



/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/

.content1 {position: absolute; z-index: 3; top: 90px; width: 900px; margin: 0px; padding: 0px 0px 0px 0px; color: rgb(75,75,75);}
.content1-container {font-size: 13px; clear: both; float: left; width: 500px; margin: 0px 0px 15px 0px; padding: 0px;}
.content1-container-1col {overflow: hidden; width: 718px; margin: 0px; padding:  0px 0px 0px 10px; }
.content1-container-1col-txtright-200px {float: right; width: 196px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-160px {float: right; width: 236px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-120px {float: right; width: 276px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-100px {float: right; width: 296px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-80px {float: right; width: 316px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-60px {float: right; width: 336px; margin: 0px; padding: 0px;}
.content1-container-1col-txtright-40px {float: right; width: 356px; margin: 0px; padding: 0px;}
.content1-container-2col-left {overflow: hidden; float: left; width: 191px; margin: 0px; padding: 0px;}
.content1-container-2col-right {overflow: hidden; float: right; width: 191px;  margin: 0px; padding: 0px;}
.content1-container-2col-txtright-100px {float: right; width: 79px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-80px {float: right; width: 99px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-60px {float: right; width: 119px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-40px {float: right; width: 139px; margin: 0px; padding: 0px;}
.content1-container-2col-txtright-20px {float: right; width: 159px; margin: 0px; padding: 0px;}
.content1-container-3col-left {overflow: hidden; float: left; width: 119px; margin: 0px 25px 0px 0px; padding: 0px;}
.content1-container-3col-middle {overflow: hidden; float: left; width: 119px;margin: 0px; padding: 0px;}
.content1-container-3col-right {overflow: hidden; float: right; width: 119px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-60px {float: right; width: 47px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-40px {float: right; width: 67px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-20px {float: right; width: 87px; margin: 0px; padding: 0px;}
.content1-container-3col-txtright-10px {float: right; width: 97px; margin: 0px; padding: 0px;}
.content1-pagetitle {overflow: hidden; width: 408px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 10px; border-bottom: solid 3px #652D89;); color: #652D89; font-weight: bold; font-size: 180%;}


.page-content-container-heading {overflow: hidden; width: 186px; height: 18px; margin: 0px; background:url(../img/content1Headers.png); border-bottom: solid 3px #652D89; padding: 2px 0px 0px 12px; font-size: 1.5em; color:#652D89}
.page-content-container {text-align: justify; font-size: 125%; overflow: hidden; width: 696px; margin: 0px; border: solid 1px #dddddd; padding: 10px 10px 10px 10px; color:#000000}
.page-content-container  ul {  
  font-family: Arial, Helvetica, sans-serif;   
  list-style-type: square;
}


.page-special-container-heading {overflow: hidden; width: 278px; height: 18px; margin: 0px; background:url(../img/specialHeader.png); border-bottom: solid 3px #652D89; padding: 2px 0px 0px 12px; font-size: 1.5em; color:#652D89}
.page-special-container {font-size: 120%; overflow: hidden; width: 268px; min-height: 100px; margin: 0px; border: solid 1px #dddddd; padding: 10px 10px 10px 10px; color:#000000;}
.page-special-container ul {  
  font-family: Arial, Helvetica, sans-serif;   
  list-style-type: square;
}


/*--------------------*/
/* Sidebar Area */
/*--------------------*/
.sidebar {overflow: hidden; float: right; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75);}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: #652D89; color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}

/*--------------------*/
/*  Footer Area  */
/*--------------------*/
.footer { z-index: 4; clear: both; width: 900px; top:1300px; height: 3.0em; margin: 0px; padding: 15px 0px 0px 0px;  background-color: #ffffff; color: rgb(255,255,255); font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
.footer-link {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.footer-link ul {float: right; margin: 0px; padding: 0px 30px 0px 0px; }	
.footer-link li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.footer-link li a {display: block; float: left; margin: 0px; padding: 2px 15px 2px 15px; border-right: solid 1px #000000; color: #000000; text-decoration: none; font-size: 11px;}
.footer-link a:hover, .nav2 a.selected {color: #CCCCCC; text-decoration: none;}