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

body{
	margin: 0px auto;
	background:rgb(210,210,210);
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
}
a ,div {
	border:0px;
}

#Main{
	margin: 0px auto;
	background:rgb(171,0,255);
	width:1000px;
}

#banner{
	float:left;
	margin: 0 auto;
	width: 1000px;
	height:60px;
	margin-top:0px;
	padding-top:50px;
	background: url(../images/topCurve.png) no-repeat;
}

#scrollpics{
	float:left;
	margin: 0 auto;	
	width:999px;
	height:295px;
	background: url(../images/window.png) no-repeat;
	overflow: hidden;
	z-index:800;
}

#scrollpics img{
	position:relative;
	overflow:hidden;
	top: 0px;
	left: 0px;
	z-index:-100;
}

#logo{
	position: relative;
	top:20px;
	left:30px;
	width:295px;
	height:150px;
	padding-top:125px;
	padding-right:20px;
	background: url(../images/badge.png) no-repeat;
	z-index:600;
	color:#000
	font:18px Arial, Verdana, sans-serif;
	font-weight:Bold;
	
}

#Content{
	float:left;
	padding:15px;
	padding-top:0px;
	background: #FFF url(../images/purpleGrad.png) repeat-x;
	width:969px;
	min-height:390px;
	z-index:-1000;
}

#side{  float:left;
	width:210px;
	min-height:230px;
	margin:15px;
	
}
#sidebar{
	float:left;
	width:190px;
	min-height:230px;
	padding:10px;	
	border:1px solid #888;
	border-bottom:0px;
	background:#FFF;
	font:16px Bold Arial, Helvetica, sans-serif;
}
#sidebarCurl{
	float:left;
	width:211px;
	height:20px;
	border-right:1px solid #888;
	background:#FFF url(../images/pageCurl.png) bottom left no-repeat;
}
#sidebar a{
	border:0px;
	cursor: pointer;
	text-decoration:none;
}

.button{
	margin:0 auto;
	background: rgb(171,0,255) url(../images/nav.png) repeat-x;
	color:#FFF;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:Bold;
	text-align:center;
	border:2px outset #CCC;
	padding:7px 10px;
	height:20px;
	width:140px;
}

#form{
	float:left;
	margin: 20px 40px;
	width:550px;
	border:1px solid #333;
	padding:15px;
	background: rgb(222,117,248) url(../images/formBG.png) repeat-x;
	font-weight:bold;
	color:#FFF;
}
.input{
	background:rgb(255,252,213);
	color:rgb(0,0,255);
}
.input:focus{
	border:2px solid rgb(0,0,255);
}

#mailError{
	float:left;
	margin:30px 50px;
	font:16px Bold Arial,Helvetica, sans-serif;
	color:rgb(210,0,0);
}

#contact{
	float:left;
	width:350px;
	min-height:560px;
}

#map{
	float:left;
	width:300px;
	margin:10px;
}

#Footer{
	float:left;
	margin:0 auto;
	width:1000px;
	height:75px;
	margin-top:-70px;
	background: url(../images/bottomCurve.png) no-repeat;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#footText{
	float:left;
	margin:0 auto;
	padding:5px;
	width:989px;
	height:75px;
	color:#FFF;
	background:rgb(144,0,180);
}

/** Menu Styles **/
#menu {
	background: rgb(171,0,255) url(../images/nav.png) repeat-x;
	border:2px solid #FFF;
	margin:0 auto;
	max-width:650px;
	height:40px;	
} 

#menu ul { /* remove bullets and list indents */
	white-space:nowrap;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

/* style, color and size links and headings to suit */
#menu a {
	font: bold 14px arial, helvetica, sans-serif;
	display:block;
	margin: 0;
	padding: 10px 2px;
	height:20px;
}

#menu a {
	color: #FFF;
	text-decoration: none;
	text-transform:capitalize;
	text-align:center;
	width:100px;
}

#menu a:hover {
	color: rgb(255,223,0);
	background: url(../images/button2-2.png);
	width:100px;
	text-transform: capitalize;
}

#menu a:active {
	background: url(../images/button2-3.png);
	width:100px;
	text-transform: capitalize;
}

#menu li {
/* make the list elements a containing block for the nested lists */
	float:left;
	display:block;
	height:40px;
} 

#menu ul ul ul {
	position: absolute;
	top:100%;
	/*left: 100%; /* to position them to the right of their containing block */
	right:10%;
	width: 100%; /* width is based on the containing block */

}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: block;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
	display: block;
}

#menu .submenu{
 /*margin-left: 6px; /* for right side popups  */
	margin-right:6px; /* for left side popups */
}
/** Menu Styles **/