﻿ /* CSS Document */

body
 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color:#99ccff;
 }
 
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #003366;
font-style: normal;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #003366;
font-style: normal;

}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000080;
	font-weight: bold;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #003366;
	font-style: normal;
	padding-right: 2px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #003366;
	font-style: normal;
	padding-right: 2px;
}


.tablep {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #003366;
	font-style: normal;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

div#outercontainer {
	position:relative;
	width:1015px;
	height:740px;
	margin: auto;
	background-color:#CDCDC1;
	border:solid 2px; 
	border-color:#CDCDC1;
	border-radius: 5px ;
}



div#container {
	position:relative;
	width:980px;
	height:700px;
	margin: 15px;
	background-color:#ffffff;
	border-color:#000044;
	border-radius: 5px ;
	border:solid 2px;
	border-color:#CDCDC1;
}

div#content {
	float:left;
	width:950px;
	height:520px;
	background-color:#ffffff;
	margin-top: 30px;
	margin-left: 15px;
}



div#banner{
	float: left;
	width:980px;
	height:80px;
	background-color: #ddecef;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
		
	div#bannerleft {
	margin-top: 15px;
	margin-left: 20px;
	float: left;
	width:500px;
	height:60px;
	background-color:#ddecef;
}



div#bannerright {
	margin-top: 13px;
	margin-right: 25px;
	float: right;
	width:350px;
	height:70px;
}
	
.bannertext {
	font-family: Tahoma;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	margin-top: 15px;
}

div#leftcol {
	position:relative;
	float:left;
	width:600px;
	height:380px;
	background-color:#ffffff;
	padding-top:10px;
	margin-top: 40px;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;

}
		
div#midlcol {
	position:relative;
	float:left;
	width:250px;
	height:170px;
	background-color:#ffffff;
	margin-top: 35px;
	margin-left: 45px;
	padding:5px;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;

}
	
div#midrightcol {
	position:relative;
	float:left;
	width:170px;
	height:170px;
	background-color:#ffffff;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;
	margin-top: 35px;
	margin-left: 25px;
	padding:5px;
}
div#rightcol {
	position:relative;
	float:right;
	width:270px;
	height:380px;
	padding-top:10px;
	background-color:#ffffff;
	margin-top: 40px;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;


}
		
div#upperpanel{
    background-color: #ffffff;
    background-image: none;
    background-repeat: none;
    border:solid 2px; 
	border-color:#708090;
	border-radius:5px;
    height: 200px;
    width: 800px;
    margin-top: 20px;
    margin-left:30px;
	float: left;
	padding:5px;	

}


div#lowerpanel{
    background-color: #ffffff;
    background-image: none;
    background-repeat: none;
  	height: 190px;
    width: 860px;
    margin-top: 10px;
    margin-left:5px;
	float: center;
	padding:5px;	

}
div#panel1{
    background-color: #ffffff;
    background-image: none;
    background-repeat: none;
    height: 380px;
    width: 735px;
    margin-top: 40px;
    margin-left:50px;
	float: left;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;
	padding:15px;
}
div#imagepanel{
    background-color: #ffffff;
    background-image: none;
    background-repeat: none;
    height: 380px;
    width: 890px;
    margin-top: 30px;
	float: left;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;
	padding-top:15px;
}


div#leftbox {
	position:relative;
	float:left;
	width:250px;
	height:170px;
	background-color:#ffffff;
	margin-top: 5px;
	margin-left: 5px;
	padding:5px;

}
		
div#midbox {
	position:relative;
	float:left;
	width:820px;
	height:27px;
	background-color:#ffffff;
	border:solid 1px; 
	border-color:#708090;
	border-radius:5px;
	margin-top: 20px;
	margin-left: 30px;
	padding:5px;

}
	
div#midrightbox {
	position:relative;
	float:left;
	width:160px;
	height:140px;
	background-color:#ffffff;
	margin-top: 5px;
	margin-left: 25px;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;
	padding:10px;

}
div#rightbox {
	position:relative;
	float:right;
	width:250px;
	height:170px;
	background-color:#ffffff;
	margin-top: 5px;
	margin-right: 20px;
	padding:5px;

}
		


div#leftdiv {
	position:relative;
	float:left;
	width:400px;
	height:380px;
	background-color:#ffffff;
	margin-top: 40px;
	margin-left: 5px;
	padding:10px;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;


}
		
	
div#rightdiv {
	position:relative;
	float:right;
	width:400px;
	height:380px;
	background-color:#ffffff;
	margin-top: 40px;
	margin-right: 5px;
	padding:10px;
	border:solid 2px; 
	border-color:#708090;
	border-radius:5px;


}

div#upperleftimage {
	float:left;
	width:200px;
	height:150px;
	background-color:#ffffff;
	margin-top: 30px;
	margin-left: 50px;
	padding:10px;

}

div#uppermidimage {
	float:left;
	width:200px;
	height:150px;
	background-color:#ffffff;
	margin-top: 30px;
	margin-left: 50px;
	padding:10px;

}

div#upperrightimage {
	float:left;
	width:200px;
	height:150px;
	background-color:#ffffff;
	margin-top: 30px;
	margin-left: 50px;
	padding:10px;

}


div#lowerleftimage {
	float:left;
	width:200px;
	height:150px;
	background-color:#ffffff;
	margin-top: 30px;
	margin-left: 50px;
	padding:10px;

}

div#lowermidimage {
	float:left;
	width:200px;
	height:150px;
	background-color:#ffffff;
	margin-top: 30px;
	margin-left: 50px;
	padding:10px;

}

div#lowerrightimage {
	float:left;
	width:200px;
	height:150px;
	background-color:#ffffff;
	margin-top: 30px;
	margin-left: 50px;
	padding:10px;
	
}













div#footer {
	float:left;
	width:900px;
	height: 15px;
	background-color: #CDCDC1;

}



.footertext {
	font-family: Tahoma;
	font-size: 0.8em;
	color: #000044;
	margin-left: 50px;
}

body {
    font-family:arial;    
}
img {
    border:0;
}
/* Styling up the image gallery */
#slideshow-main {
    width:429px; 
    float:left; 
    margin-right:3px;
}
#slideshow-main ul {
    margin:0; 
    padding:0; 
    width:429px;
}
#slideshow-main li {
    width:429px; 
    height:290px; 
    display:none;
    position:relative;
}
#slideshow-main li.active {
    display:block !important;
}
#slideshow-main li span.opacity {
    position:absolute;
    bottom:0; left:0;
    display:block; 
    width:100%;
    height:60px;
    background:#000;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5;
    z-index:500;
}
#slideshow-main li span.content {
    position:absolute;
    bottom:0; left:0;
    display:block; 
    width:100%;
    height:60px;
    z-index:1000;
}
#slideshow-main li span.content h1 {
    font-size:14px;
    margin:5px 0;
    padding:0 10px;;
    color:#42e2e8;
}
#slideshow-main li span.content p {
    font-size:11px;
    margin:5px 0;
    padding:0 10px;;
    color:#42e2e8;
}
/* Styling up the carousel */
#slideshow-carousel {
    float:left; 
    width:206px;
    position:relative
}
#slideshow-carousel ul {
    margin:0; 
    padding:0;
    list-style:none;
}
#slideshow-carousel li {
    background:#fff; 
    height:97px; 
    position:relative
}
#slideshow-carousel li .arrow {
    left:3px; 
    top:28px; 
    position:absolute; 
    width:20px; 
    height:40px; 
    background:url(images/arrow_white.png) no-repeat 0 0; 
    display:block;
}
#slideshow-carousel li a {
    background:#000; 
    display:block; 
    width:206px; 
    height:95px;
}
#slideshow-carousel .active {
    filter:alpha(opacity=100); 
    -moz-opacity:1.0; 
    -khtml-opacity: 1.0; 
    opacity: 1.0;
}
#slideshow-carousel .faded {
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5;
}
