*
{
	margin: 0;
	padding: 0;
}

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


.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);}

/*-----------------------------------*/
/*  Sitename, slogan and banner */
/*-----------------------------------*/
.site-name {width: 900px; height: 45px; top: 0px; position: absolute; z-index: 4; overflow: hidden; margin: 0px;  color: #652D89; 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: #652D89;}
.site-name a:hover {text-decoration: none;}
.site-slogan-container  {width: 900px; height: 250px; top: 88px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; background-color: #ffffff; font-size: 120%;}
.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: 770px; height: 250px; margin: 0px; padding: 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;}





.content1 {position: absolute; z-index: 3; top: 338px; width: 870px; margin: 0px; padding: 20px 15px 20px 15px; color: rgb(0,0,0); background:url(../img/content1Background.jpg) top left repeat-x}
.content1-container {clear: both; float: left; width: 900px; margin: 0px 0px 15px 0px; padding: 0px;}
.content1-container-1col {overflow: hidden; width: 700px; margin: 0px; padding: 0px;}
.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: 300px; margin: 0px; padding: 0px;}
.content1-container-2col-right {overflow: hidden; float: right; width: 300px;  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 0px;  color: #000000; font-weight: bold; font-size: 180%;}


.content-subtitle-noshade-size1 {margin: 0px; padding: 0px; color:#000066; font-weight: bold; font-size: 140%;}
.content-title-noshade-size3 {margin: 0px; padding: 0px; color: #652D89; font-weight: bold; font-size: 160%;}
.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
.content-txtbox-shade {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(235,235,235);}



.socialMedia {position: absolute; z-index: 3; top: 88px; width: 900px; margin: 0px; padding: 0px 0px 0px 0px; color: rgb(0,0,0); font-size: 120%;}
.socialMediaBlogButton{ width: 180px; height: 60px; background: url(../img/blogButton.png) top; padding: 40px 0px 0px 0px; color: #ffffff; text-align: center; font-family: arial, sans serif; font-size: 140%; }
.socialMediaBlogButton a{ color: #fff; text-decoration: none;}






/*--------------------*/
/* Sidebar Area */
/*--------------------*/
.sidebar {overflow: hidden; float: right; width: 160px;  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%;}


.content-area-with-right-line { width: 197px; height: 130px; padding: 10px 5px 0px 10px; border-right: solid 2px #666666; font-size: 130%;}
.content-area-without-right-line { width: 197px; height: 130px; padding: 10px 5px 0px 10px; font-size: 130%;}




/*--------------------*/
/*  Footer Area  */
/*--------------------*/
.footer {overflow: hidden; position: absolute; clear: both; width: 900px; top:565px; height: 3.0em; margin: 0px; padding: 15px 0px 0.5em 0px; background-color: #ffffff; color: #000000; 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;}




/*****************************/
/* MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}