@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black; 
	background-color:#f2f2f2;
        background-repeat: repeat-x;
}

body p {
	margin:0 0 7px 0;
	padding:0;
	text-align:justify;
}

body img {
	border:none;
}

body a {
	color:white;
	text-decoration:underline;
}

body a:hover {
	color:#fff;
	text-decoration:none;
}

body h1 {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	font-size:18px;
        color:white;
	border-bottom:1px yellow dashed;
}
body h2 {
	padding:0px;
	margin:0;
	font-size:12px;
	color:#fff;
}

body p {
	padding:0px;
	margin:0;
	font-size:12px;
	float:left;
	color:#fff;
}

#container {
	width:986px;
	margin:0 auto;
}

#left {
	width:205px;
	float:left;
	position:fixed;
}

.logo {
	background:url(../images/logo-1.jpg);
	height:127px;
	width:205px;
	text-indent:-9999px;
	display:block;
	float:left;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
}

.menu {
	width:205px;
	float:left;   
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
}

.menu ul {
	margin:1px 0 0 0;
	padding:0;
	float:left;
	list-style:none;
	width:205px;
}

.menu li {
	margin:0 0 1px 0;
	padding:0;
	float:left;
	list-style:none;
}

.home a {
	background-image:url(../images/home.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.home a:hover, .homeselected {
	background-image:url(../images/homeover-1.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.aboutus a {
	background-image:url(../images/aboutus.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.aboutus a:hover, .aboutusselected {
	background-image:url(../images/aboutusover-1.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.ourproducts a {
	background-image:url(../images/ourproducts.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.ourproducts a:hover, .ourproductsselected {
	background-image:url(../images/ourproductsover-1.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}
.events a {
	background-image:url(../images/events.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.events a:hover, .eventsselected {
	background-image:url(../images/eventsover-1.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}
.contactus a {
	background-image:url(../images/contactus.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.contactus a:hover, .contactusselected {
	background-image:url(../images/contactusover-1.jpg);
	height:50px;
	width:205px;
	text-indent:-9999px;
	display:block;
}

.newsbox {
	width:151px;
	height:130px;
	background:#c4c4c4;
	padding:27px;
	float:left;           
	*margin:1px 0 0 0;    
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
/*page*/
.page{
	float:left; width:700px; padding-right:20px;
	color:#000000;
}

.page a {
	background:#fff;
	color:#333;
	display:block;
	float:left;
	padding:10px;
	margin:0 2px 2px 0;
	font-size:14px;
	text-decoration: none; 
}

.page a:hover, .page  {
	background: #b937d2;
	color:#fff;
	display:block;
	float:left;
	padding:10px;
	margin:0 2px 2px 0;
	font-size:14px;
}
.page a.select{
	background: #b937d2; 
	color:#fff;
	}
.page p {
	float:left;
	margin:0 6px 0 0;
}
.line {
	border-top:1px #fff dashed;
	margin:0 0 0 0;
	padding:15px 0 0 0;
}


#right {
	width:774px;
	float:right;
}

.content {
	width:766px;
	float:left;
	margin:0px 0 0 0;
}

.innercontent {
	width:766px;
	float:left;
	margin:0px 0 0 0;
	background:#3d0099;
	height:439px;
}


.innercontentleft {
	width:400px;
	float:left;
}

.innercontentright {
	width:316px;
	float:left;
	padding:25px;
	color:white;
}

.promaincontent, .procontent {
	background:none;
	width:774px;
	float:left;
}

.promaincontent ul {
	margin:0;
	padding:0;
	float:left;
}

.promaincontent li {
	margin:0 1px 1px 0;
	padding:0;
	float:left;
	list-style:none;
	line-height:0;
}
div.a{
        height:127px;
	width:766px; 
        float:left;
}
.procontentup{
        height:127px;
	width:766px;
	float:left;
}
.procontentdown {
	width:774px;
	float:left;
}

.procontentmiddle {
	width:736px;
	background:#3d0099;
	padding:15px;
	float:left;
	margin:0 0 2px 0;
}

.procontentdown ul {
	margin:0;
	padding:0;
	float:left;
}

.procontentdown li {
	margin:0 5px 7px 0;
	padding:1px 1px 15px 1px;
	list-style:none;
	float:left;
	line-height:0;
	background:#ccc;
	width:186px;
	font-size:11px;
	text-align:center;
}

.procontentdown li:hover {
	background:#fff;
}

.procontentdown img {
	margin:0 0 15px 0;
}

.procontentdown a, .procontentdown a:hover {
	text-decoration:none;
	color:#333;
}

.eventmiddle {
	width:736px;
	background:#000080;
	padding:15px;
	float:left;
	margin:0 0 0px 0;
}

.eventcontent {
	width:764px;
	height:138px;
	background:#d2d2d2;
	float:left;
	margin:0 0 0px 0;
	border:1px solid #e6e6e6;
	border-top:1px solid #d2d2d2;
}
.fitimage{ 
	width:115px;
	height:115px;
        border:1px solid #000;     
        margin-left:8px;     
        margin-top:8px;
        float:left;   
}
.eventimgfit{      
}
.eventtitle{
        margin-top:7px;
        margin-left:140px;
        font-size:16px;
        font-weight:bold;
}
.eventdecr{
        margin-top:3px;
        margin-left:140px;
        font-size:12px;
}
.eventdate{
        float:right; 
        font-size:14px;  
        color:#fff;
        font-weight:bold;
        margin-right:0px;
        margin-top:-37px; 
        background: #3d0099;
        padding:5px;
}
.footer {
	width:774px;
	float:left;
	font-size:10px;
	margin:10px 0 0 0;
	color:black;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
.nav{
	list-style:none;
	float:left;
	margin-right:5px;
}
.nav li{
	float:left;
	position:relative;
	padding:0;
	margin-right :100px;
	color:#fff;
	z-index:100;
	font-weight:bold;
} 

.nav a{
	display:block;
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	background:#668cff;
	text-decoration:none;
	font-weight:normal;
}
.nav a:hover{     
	color:#fff;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
.nav ul{
	background:#fff;
	list-style:none;
	position:absolute;
	left:-9999px;
	margin: 0;
	padding:0;
}
.nav ul li{
	float:right;
	margin:0;
	padding:0;
	width:100px;
	font-size:11px;
	border-bottom:1px #fff solid;
	background:#002b80;
}

.nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	margin:0;
	padding:6px 0 0 0;
	background:url(../images/menuarrow.png);
	width:100px;                              
}
.nav li:hover a{
	background:none;
	text-decoration:none;
	padding:0px;
	color:#fff;   
	padding-left:5px;
	padding-right:5px;
}
.nav li:hover ul a{
	text-decoration:none;
	color:#fff;
}

.nav li:hover ul li a{
	background:#c4c4c4;
	color:#fff;
	padding:5px;
}

.nav li:hover ul li a:hover, .nav li:hover ul li a#selected{
	background:#333;
	color:#fff;
	padding:5px;
}

.form {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff;
	border:1px #fff dashed;
	padding:5px;
	margin:5px 0;
	font-size:11px;
	width:234px;
}