/*  This CSS file formats the fonts, colors, links as well as setting how 
certain elements on the page are displayed.  */

html {
height: 100%; 
margin-bottom: 1px;
}

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
border:0;
}

body {
background-image: url(images/layout/background1.jpg);
background-repeat: no-repeat;
background-color: #9979F0;
color:#000;
padding:40px 0; 
font:0.8em/1.5 "arial", serif; 
text-align:center;
}
	
P {
font-size : 100%;
margin-top: 0px;
margin-bottom: 5px;
}

table {
border-collapse:collapse; 
border-spacing:0; 
font-size:100%;
width: 100%;
}

hr {
background-color: #D2D2C6;
color: #D2D2C6;
border: none;
height: 1px;
width: 98%;
}

img {
border: none;

}

ul {
padding: 0;
margin: 0 0 20px 20px;
list-style-type: none;
}

li {
padding-left: 20px;
list-style-image: none;
background-image: url("images/layout/ul-style01.gif");
background-repeat: no-repeat;
background-position:  0 4px;;
}


h1, h2, h3, h4, h5, h6 {
margin:10px 0 10px 0;
}

h1 {
font-size:260%; 
font-weight:bold; 
letter-spacing:-1px;
}

h2 {
margin:0px; 
margin-top:5px; 
padding:0; 
font-size: 150%;
color:#5F5F5F;
font-weight: normal;
}

h3 {
margin:0; 
font-size:120%; 
font-weight:bold;
color: #4C2BDD;
text-transform: lowercase;
}

h4 {
margin:0; 
margin-bottom:5px; 
padding:0; 
font-size: 105%;
color:#4C2BDD;
border-bottom:1px solid #DFDFDF;
width: 98%;
}

h5 {
margin-bottom: 0px;
font-weight:bold;
color: #4C2BDD;
font-size:100%;
}

h6 {
margin-bottom: 0px;
font-weight:bold;
color: #000000;
font-size:100%;
}

a:link, a:active, a:visited {
text-decoration:underline;
font-weight : normal;
color:#5F5F5F;
}

a:hover {
text-decoration:none;
font-weight : normal;
color:#4C2BDD;
}

/* main contatiner................................................. */


#basewrapper {
width:924px; 
margin:0 auto; 
text-align:center;

}

#background {

background-image:  url(images/layout/mainback.png);
background-repeat: repeat-y;
width:924px; 
margin:0 auto; 
text-align:center;
}

#container {
filter: alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
/*background-image: url(images/layout/header.gif);
background-repeat: repeat-x;*/
width:898px; 
margin:0 auto; 
text-align:left;
border: 1px solid #F5F5F5;
}

.top {
width:100%;
height:12px;
background:url(images/layout/top.png) no-repeat left top;
}

.top span {
display:block;
position:relative;
height:12px;
background:url(images/layout/topright.png) no-repeat right top;
}

.bottom {
width:100%;
height:12px;
background:url(images/layout/bottom.png) no-repeat;
}

.bottom span {
display:block;
position:relative;
height:12px;
background:url(images/layout/bottomright.png) no-repeat right top;}

/* end main contatiner................................................. */


/* header content..................................................... */

.header  {

width: 100%;
}

.logo {
background-color: #9979F0;
color:#FFFFFF;
font-weight:normal;
font-size:24pt; 
letter-spacing:-1px;
width: 310px;
padding: 5px 0 0 20px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
   
.slogan {
padding:0;
color:#FFFFFF;
margin:0;
width: 310px;
}

.slogan p {
font-size : 100%;
margin-top: 0px;
padding: 0 0 0 20px;
}

/* end header container................................................. */

/* global navigation................................................. */

.global {
padding:0; 
text-align: right;
padding: 0 20px 0 0;
}

.global a:link, .global a:active, .global a:visited, .global a:hover{
text-decoration:none;
font-weight : normal;
border-bottom:none; 
}

/* end global navigation............................................ */



/* first div below the navigation */
.main {
width: 100%;
}

/* welcome div containing the slideshow */
.basewelcome {
width:659px;
background:#F5F5F5; 
margin: 0;
}

.welcometop {
border-bottom:1px solid #D2D2C6; 
background:#E6DCFC;
padding: 15px;
}

.welcometop h2 {
border-bottom:1px solid #D2D2C6; 
color:#4C2BDD;
margin:0; 
margin-bottom:2px;
}

.welcometop p {
color:#000;
margin:0; 
font-size:85%;
}

.welcomebottom {
background-color: #F5F5F5;
color:#5F5F5F;
display:block; 
padding:15px; 
font-size:110%;
height: 210px;
}

.welcomebottom p {
margin:0;
}

.welcomebottom a:link, .welcomebottom a:active, .welcomebottom a:visited {
text-decoration:none;
font-weight : normal;
border-bottom:1px solid #9F9F9F; 
color:#9979F0;
}

.welcomebottom a:hover {
text-decoration:none;
font-weight : normal;
border-bottom:1px solid #4C2BDD; 
color:#4C2BDD;
}

/* top side Content  */

/*.topsidealign {
vertical-align: top;
}*/

.topside {
padding:0; 
}

.topside p {
margin:0; 
font-size: 85%;
color: #3D3D3D;
padding:0; 
}

.topside ul {
padding: 0;
margin: 0 0 20px 5px;
list-style-type: none;
}

.topside li {
font-size: 85%;
padding-left: 15px;
list-style-image: none;
background-image: url("images/layout/ul-style02.gif");
background-repeat: no-repeat;
background-position:  0 1px;
}

.alignside {
vertical-align: top;
background-color: #E6DCFC;
padding: 10px;
border-right:1px solid #FFFFFF;
}

.alignleft {
vertical-align: top;
background-color: #FFFFFF;
padding: 10px;
}

.alignright {
vertical-align: top;
border-left:1px solid #F5F5F5;
background-color: #FFFFFF;
padding: 10px;
}

.base {
width:659px;
clear: both;
margin: 0;
padding:0;
}

.main100 {
padding:0; 
}

.rightside50 {
padding:0; 
}

.leftside50 {
padding:0; 
}
  

/* form formatting................................................*/

form {
padding: 0;
text-align: left;
margin: 0px 0 5px 0;}

input {
margin: 3px 5px 5px 5px; 
background-color: #fff; 
color: #5F5F5F; 
border: 1px solid #DFDFDF;
}

textarea {
font: normal 12px Verdana, sans-serif;
margin: 3px 5px 5px 5px; 
background-color: #fff; 
color: #5F5F5F; 
border: 1px solid #DFDFDF;
}

.button {
text-align: center; 
margin: 5px 0 0 0; 
border: none;
clear: both;}

/* misc table formatting.............................................*/


.nest {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}	
	
.nest2 {
text-align: center;
padding: 5px;
}	

.center {
text-align: center;
}	

.clear {
clear: both;
}


.image-noborder {
border: 2px solid #9F9F9F;
}

.imageleft-noborder {
margin: 0 10px 0 0; 
float: left;}

.imageright-noborder {
margin: 0 0 0 10px; 
float: right;
}

.image-border {
border: 2px solid #9F9F9F;
}
		
.imageleft-border {
margin: 0 10px 0 0; 
float: left;
border: 2px solid #9F9F9F;
}

.imageright-border {
margin: 0 0 0 10px; 
float: right;
border: 2px solid #9F9F9F;
}


.footer  {
background-color: #DFDFDF;
width: 100%;
}

.leftft {
padding:0; 
font-size: 85%;
padding: 5px 20px 5px 10px;
}

.rightft {
padding:0; 
padding: 5px 10px 5px 20px;
font-size: 85%;
text-align: right;
}

/* slideshow formatting.............................................*/

.imageSlideshowHolder,.imageSlideshowHolder_left{
float:right;  /*Floating gallery at the right side of other web page content */		
width:200px;	/* Image width */
height:200px;	/* Image height */
position:relative;	/* Don't remove this line */
margin: 0 10px 10px 10px; 
}

/*.leftFloatingDiv{
float:left;
width:160px;
height:110px;
}*/

/* Don't change these values */
.imageSlideshowHolder img{

border: 2px solid #9F9F9F;
filter: none;
position:absolute;
left:0px;
top:0px;
}

.nav {
padding:0;
background-color: transparent;
vertical-align: bottom;
border-bottom: 1px solid #FFFFFF;
}

#nv {
background-color: transparent;
font-size: 90%;
margin: 0;
}
	
#nv ul {
list-style: none;
padding: 0;
margin: 0;
background: transparent;
width: 100%;
}
    
#nv li {
padding-left: 0;
padding-right: 5px;
background-image: none;
float: left;
margin: 0;
}
    
#nv a {
text-decoration: none;
display: block;
padding: 0 10px;
font-weight: bold;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
color: #5F5F5F;
background-color: #D2D2C6;
}
	
#nv a:hover {
color: #5F5F5F;
background-color: #9979F0;
border-color: #D2D2C6;
}
	
#nv #selected a {
color: #000000;
background-color: #9979F0;
border-color: #D2D2C6;
}