html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, table, tr, td, ul, ol, li, blockquote
{
   margin: 0;
   padding: 0;
   border: 0;

}

body 
{
	
}
ul, ol
{
   list-style: none;
}

input, select, textarea
{
   font-size: inherit;
   font-family: inherit;
}

html
{
   font: 100.01% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	//background-image: url(../images/image/bg.jpg);
   line-height: 1;
}

a
{
   text-decoration: none;
   color: black;
}

a img
{
   border: none;
}

/* layout */ 
body
{
//	background: url(../images/image/bg.jpg) no-repeat;
	background-image: url(../images/image/bg-pattern.jpg);
	background-position:top ;
	background-repeat: repeat-y repeat-x;
	
	
}

#page-bg
{
	background-image: url(../images/image/bg-head.png);
	background-position:top  ;
	background-repeat: no-repeat;
	//background:  url() repeat/repeat-x/repeat-y/no-repeat scroll/fixed top left/top center/top right/center left/center center/center right/bottom left/bottom center/bottom right/x-% y-%/x-pos y-pos;
	
   //background-color: #ffffff;
}

#head-bg
{
   margin: 0 auto;
  
   height: 170px;
	padding-top:45px;
   width:1000px;
  // border-bottom: 1px solid black;
  // overflow:hidden;
   
    //background: url("../images/nav-bg.png") repeat-x; 
   
   
}
#head, #container, #foot-panels, #footer
{
   width: 1000px;
   margin: 0 auto;
}


#navigation-menu
{
	//position:relative;
	position:absolute;
	margin-left:210px;
	margin-top:80px;
	height:50px;
	width:580px;
	border-top: 2px solid white;
}

#register-button
{
	//position:relative;
	position:absolute;
	margin-left:800px;
	margin-top:6px;
	
	height:50px;
	//width:700px;
	//border-top: 2px solid #D8D8D8;
	
	
}

#ju-logo
{
	position:absolute;
	margin-left:835px;
	margin-top:60px;
	height:95px;
	width:135px;
//	border-top: 2px solid #D8D8D8;
	
}


#login-button
{
	//position:relative;
	position:absolute;
	margin-left:892px;
	margin-top:6px;
	
	height:50px;
	//width:700px;
	//border-top: 2px solid #D8D8D8;
	}


#update
{
	//position:relative;
	position:absolute;
	margin-left:800px;
	margin-top:-45px;
	margin-bottom:50px;
	height:50px;
//	width:700px;
	//border-top: 2px solid #D8D8D8;
	
	
}

#register-button img
{
	height:auto;
	max-width:100%;
	border-collapse: collapse;
}
#nav-border
{
	//position:relative;
	position:absolute;
	margin-left:210px;
	margin-top:78px;
	height:5px;
	width:580px;
	border-top: 2px solid grey;
}

/*
#navigation-menu ul
{
   float: right;
   //margin: 60px;
//	margin: 20px 0px 40px 0px;
  // margin-left: 28px;
	margin-right:-150px;
	width: 890px;
	
}
#navigation-menu ul li
{
   display: inline;	
	list-style:none;
	float:left;

}
#navigation-menu ul li a
{
	
   display: block;
	//padding: 15px;
	//padding: 0px 20px 0px 0px;
   text-transform: uppercase;
	margin-top:20px;
   margin-right: 20px;
}
#navigation-menu ul li a.active

{
   background-color: none;
   color:blue
}



//this is the code you have to edit
#navbar li ul {
	display: none; 
	font-weight: bold;
	font: 55% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	
	 }
	
	#navbar li ul li
	{
		display:none;
	}
#navbar li:hover ul, #navbar li.hover ul {
	position: absolute;
	margin-left:0px;
	display: inline;
//	text-indent:0px;
//left: 0;
	width: 150%;
//	margin-left: 0px;
//	padding: 0; }

#navbar nav{
//	position:relative;
//	display:block;
	}


#navbar li:hover li, #navbar li.hover li {
	 }
#navbar li:hover li a, #navbar li.hover li a {
	color: grey; }
#navbar li li a:hover {
	color: #357; }

//edit till here please


*/





#navbar {
	position: absolute;
	//float:right;
//	top: 0;
	//right: 100;
	margin-left: 30px;
//	padding: 0;}
	
#navbar li {
	font: 90% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	
	list-style: none;
	float: left;
	display:block; }


#navbar li a {
	display: block;
	
	padding: 3px 5px;
	text-transform: uppercase;
	text-decoration: none; 
	color: #999;
	font-weight: normal; }
	
	
	
#navbar li a:hover {
	color:#0080C1;
//	margin-left:10px;
}

#navbar li ul {
	display: none; 
	font-weight: normal;
	font: 70% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	
	 }
#navbar li:hover ul, #navbar li.hover ul {
	position: absolute;
	margin-left:20px;
//	padding-top:0px;
//	margin-top:10px;
	display: inline;
//	text-indent:0px;
//left: 0;
	width: 150%;
//	margin-left: 0px;
//	padding: 0; }

#navbar nav{
//	position:relative;
//	display:block;
	}


#navbar li:hover li, #navbar li.hover li {
	 }
#navbar li:hover li a, #navbar li.hover li a {
	color: grey; }
#navbar li li a:hover {
	color: #0080C1; }

/*
#navigation-menu ul li a:hover
{
	color:pink;
}
*/

  
#head img.side-image
{
   clear: both;
   float: left;
   height: 131px;
   width: 110px;
   margin-top: 16px;
   margin-left: 45px;
   
}


#quote
{
   display: block;
   background-color: #fcf6cc;
   width: 563px;
   min-height: 58px;
   padding: 16px 35px 20px 40px;
   margin-top: 24px;
   text-align: justify;
   line-height: 1.6;
}
#quote h2
{
   font-size: 1em;
   font-weight: lighter;
   line-height: 2.2em;
   display: inline;
}
#quote span.start-quote, #quote span.end-quote
{
   font-size: 2.6em;
   font-family: Georgia, Times, Serif;
   line-height: 0;
}
#quote span.start-quote
{
   margin-left: -30px;
   margin-right: -6px;
   position: relative;
   top: 18px;
}
#quote span.end-quote
{
   position: relative;
   top: 18px;
   z-index: 100;
}
#quote span.quote-by
{
   font-size: .7em;
   color: #c0a562;
}

#contain
{
	height:350px;
//	width:1039px;
//	background:black;
//background:white;
	background:#d8d8d8;

	/*
//	background-position:bottom;
	background-image: url(../images/image/banner-shadow.png);
	background-repeat:no-repeat;
	//background-position:bottom left;
	background-position: 0px 140px;
//background-color:white;	
*/
//padding-left:100px;
	margin: 0 auto;
}
#container
{
 height: 319px;
   width: 1039px;
//	background:url(../images/image/banner-shadow.png) no-repeat  bottom center transparent;
	background-image: url(../images/image/banner-shadow.png);

//margin: 0 auto;
margin:left;	
	overflow:hidden;
}

#slogan
{
	position:absolute;
	margin-top:75px;
	margin-left:730px;
}
.container {
//	position:relative; /* needed for footer positioning*/
position:absolute;
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
.left{
	float:left;
	margin-left:10px;
}
.back{
	position:absolute;
	right:10px;
	top:0px;
}
.content > h1{
	font-size:40px;
	font-weight:normal;
	text-shadow:0px 0px 1px #fff;
	font-family: 'Raleway', arial, serif;
	border-bottom:1px dotted #444;
	padding:10px 20px;
}
.content > h3{
	font-size:24px;
	color:#aaa;
	font-weight:normal;
	padding:10px 20px;
	text-shadow:1px 1px 1px #000;
	font-family: 'Rock Salt', arial, serif;
}
h3 a{
	font-size:14px;
	padding-left:20px;
}
a{
	color:#777;
	text-decoration:none;
}
a:hover{
	color:#fff;
}
.content {
	margin:0 auto;
	padding:0px 0px 58px 0px; /* Footer Padding */
}
.footer {
	position:absolute;
	width:100%;
	height:50px;
	line-height:50px;
	bottom:0; /* stick to bottom */
	background:#f0f0f0;
	border-top:7px solid #222;
	text-align:center;
	text-shadow:1px 1px 1px #000;
	color:#fff;
	background:#000 url(../images/stripe.gif) repeat top left;
}
.footer a{
	color:#aaa;
	padding:0px 10px;
	text-shadow:1px 1px 1px #000;
}
.footer a:hover{
	color:#fff;
	text-shadow:0px 0px 1px #fff;
}
/* Menu style */
.ei_menu{
	width:100%;
	overflow:hidden;
}
.ei_menu ul{
	
//	background-image: url(../images/image/banner-3.jpg);
//	background-image: url(../images/image/bg-pattern.jpg);
//	background-position:top ;
//	background-repeat: repeat-y repeat-x;
	
//	background:#d8d8d8;

//	background:black;
	height:350px;
	padding-left:180px;
	position:relative;
	display:block;
	width:1300px;
}
.ei_menu ul li{
	float:left;
	width:75px;
	height:550px;
	position:relative;
	overflow:hidden;
//	border-right:2px solid #111;
}
.ei_preview{
	width:75px;
	height:350px;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	
}
.ei_image{
	position:absolute;
	left:75px;
	top:0px;
	width:75px;
	height:350px;
	opacity:0.2;
}
.pos1 span{
	background-position:0px 0px;
}
.pos2 span{
	background-position:-75px 0px;
}
.pos3 span{
	background-position:-152px 0px;
}
.pos4 span{
	background-position:-227px 0px;
}
.pos5 span{
	background-position:-302px 0px;
}
.pos6 span{
	background-position:-377px 0px;
}
.ei_descr{
	position:absolute;
	width:378px;
	height:410px;
	border-right:7px solid #f0f0f0;
	padding:20px;
	left:75px;
	top:0px;
	background:#fff;
}
.ei_descr h2{
	font-family:Verdana,'Rock Salt', arial, serif;
	font-size:17px;
	color:#2da0cf;
	font-weight:normal;
	padding-bottom:3px;
//	text-shadow:0px 0px 1px #fff;
	
	border-bottom:2px solid #b4b4b4;
//	background:#fff url(../images/stripe_light.gif) repeat top left;
}
.ei_descr h3{
	font-family: verdana,'Raleway', arial, serif;
color:#2da0cf;
font-size:17px;
//	text-shadow:0px 0px 1px #000;
	font-style:normal;
	font-weight:normal;
	padding:0px;
//	line-height:30%;
	padding-bottom:3px;
	border-bottom:2px solid #b4b4b4;
	//background:#333;
}
.ei_descr p{
	color:#000;
	padding:10px 5px 0px 5px;
	line-height:18px;
	font-size:12px;
	font-family: Verdana;
	text-align: justify;
//	text-transform:uppercase;
}


/* For the index_3 demo */
ul.trigger_list{
	position:absolute;
	right:20px;
	top:145px;
}
ul.trigger_list li{
	float:left;
	line-height:53px;
	color:#ddd;
	font-style:italic;
}
ul.trigger_list li a{
	font-family: 'Rock Salt', arial, serif;
	display:block;
	background:#000;
	color:#ddd;
	line-height:35px;
	padding:5px 10px;
	margin:3px;
	border-radius:5px 5px 5px 5px;
	text-shadow:1px 1px 1px #000;
}
ul.trigger_list li a:hover{
	background:#222;
	color:#fff;

}

.min-gallery
{
	width: 1000px;
	height: 294px;
//	border: solid 1px black;
//	background-color: Black;
//	background: url(bg.jpg);
	margin: auto;
}
.min-gallery .preview
{
	width: 1000px;
	height: 293px;
	//margin-top: 36px;
	//margin-left: 36px;
	//margin-right: 36px;
	position: relative;
	//border: solid 2px black;
	overflow: hidden;
//background-color: White;
}
.min-gallery .preview img
{
	/* width: 795px;             height: 525px;*/
	position: absolute;
}


#center-image
{
	position:absolute;
}


#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:293px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:1000;
	overflow:hidden;
}

.slide{
	float:left;
}

/*
#container img.center-image
{
   height: 396px;
   width: 960px;
//	margin:20px;
}
*/

#shadow
{
	position:absolute;
//	height:40px;
//	width:15px;
	margin-left:-15px;
//	margin-top:-145px;
	width:1039px;
	
	
}
#left-shadow img
{
	width:15px;
	height:360px;
}

#right-shadow
{
	//float:right;
	position:absolute;
	margin-left:960px;
	margin-top:38px;
	
}

#right-shadow img
{
	height:360px;
	width:20px;
}



#bottom-shadow
{
	//float:right;
	position:absolute;
	margin-left:-15px;
	margin-top:392px;
	
}

#bottom-shadow img
{
	width:996px;
	
}
/*
#container p
{
   font-size: .77em;
   line-height: 2;
   width: 640px;
   text-align: justify;
   margin-top: 32px;
   padding-bottom: 40px;
}
#container a
{
   text-decoration: none;
   color: #a88214;
}
#container a:hover
{
   text-decoration: underline;
}
*/
/* gallery styles */
#side-showcase
{
   clear: both;
   float: right;
   width: 291px;
   padding-left: 5px;
   margin: 20px 0;
   background-color: #d4d4d4;
}
#side-showcase ul li
{
   display: inline-block;
   float: left;
   margin: 10px;
   height: 75px;
   width: 75px;
   cursor: pointer;
   opacity: .6;
}
#side-showcase ul li img
{
   height: 75px;
   width: 75px;
}
#showcase-text
{
   clear: both;
   margin-left: -5px;
   background-color: #a6a6a6;
   color: #ffffff;
   padding: 10px;
   font-size:.8em;
}
#image-stage
{
   height: 480px;
   width: 640px;
   margin: 20px 0;
   background-color: #d4d4d4;
}
#gallery-count
{
   text-align: right;
   vertical-align: middle;
   height: 36px;
   padding-right: 45px;
}
#next
{
   width: 45px;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
}
#prev
{
   width: 43px;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
}
#image-container
{
   height: 427px;
   width: 545px;
   vertical-align: middle;
   text-align: center;
}

#image-container noscript p
{
   color: #d22121;
   font-style: italic;
   text-align:center;
}

#image-container a
{
   display: block;
}
#image-container a img
{
   max-height: 427px;
   max-width: 545px;
}
#side-content
{
   clear: both;
   float: right;
   padding: 32px 20px 32px 25px;
   width: 251px;
   background-color: #d4d4d4;
   margin: 24px 0;
   font-size: .82em;
   line-height: 1.4;
}
#side-content ul
{
   list-style-type: square;
   list-style-position: outside;
}
#side-content ul li
{
   margin-left: 20px;
   padding-left: 15px;
   margin-bottom: 20px;
}


#foot-panels
{
//	position:absolute;
   clear: both;
//	margin-top:200px;
	height: 140px;
	   width: 1000px;
		margin: 0 auto;
	//	background-color:black;
	
}

#carousel_container
{
	margin-top:7px;
}





#carousel_inner {
float:left; /* important for inline positioning */
width:840px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
//background: #F0F0F0;
}

#carousel_ul {
position:relative;
left:-280px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:271px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:161px;
//background: #000000;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
margin-top:35px;
height:79px; 
width:42px; 
//background: #C0C0C0; 
}
#left-selector, #right-selector{
float:left; 
height:144px; 
width:30px; 
//background: #C0C0C0; 
}
#left_scroll
{
	margin-right:-5px;
}
#right-selector{
	margin-left:5px;
	margin-right:-5px;
}
#left_scroll img, #right_scroll img{
/*styling*/
//cursor: pointer;
cursor: move;
}


/*
#foot-panels div
{
   //width: 200px;
   height: 135px;
//	margin-top:20px;
  // background-color: #faf6d8;
   //text-align: left;
	
   //padding: 15px 28px 0 60px;
}
#left-arrow
{
	position:absolute;
	margin-top:100px;
	width:30px;
	margin-left:-40px;
	
}

#right-arrow
{
	position:absolute;
	margin-left:952px;
	margin-top:100px;
	width:30px;
}

#left-selector
{
	position:absolute;
	margin-left:10px;
	margin-top:30px;
	width:30px;
}

#right-selector
{
	position:absolute;
	margin-left:930px;
	margin-top:40px;
	width:30px;
}
#panel-1, #foot-1
{
		margin-top:50px;
		width: 200px;
position:absolute; 
//  float: left;
margin-left:45px;
}

#panel-2, #foot-2
{
		margin-top:50px;
	width:300px;
	position:absolute;
	margin-left:345px;
  // margin: 0 auto;
}
#panel-3, #foot-3
{width: 200px;
		margin-top:50px;
	
	
	position:absolute;
	
	margin-left:645px;
  // float: right;
}

#panel-4, #foot-4
{
   float: right;
}
#foot-panels div h3
{
   float: left;
   position: relative;
   margin-left: -50px;
   margin-top: 85px;
   font-size: 2.9em;
   color: #e7cc7b;
}
#foot-panels div h4
{
   font-size: 1.0em;
   font-weight: lighter;
   margin-bottom: 20px;
}
#foot-panels div span
{
   font-size: .67em;
}


*/



#closing-footer
{
   //background-image: url("../images/footer-bg.png");
   height: 170px;
	width:960px;
//	background-color:pink;
	margin: 0 auto;
   clear: both;
}


#sponsor-foot
{
	position:absolute;
	height:48px;
	width:988px;
	border-top: 1px solid #d6d6d6;
	
	border-bottom: 1px solid #d6d6d6;
	background-image: url(../images/image/sponsor.jpg);
	background-repeat:no-repeat;
//	background-color:black;
}





#contact-footer
{
	position:absolute;
	height:40px;
	width:960px;
	margin-top:60px;
	border-bottom:1px solid #d6d6d6;
}

#final-footer
{
	position:absolute;
	height:70px;
	width:960px;
	margin-top:100px;
	//border-bottom:1px solid #d6d6d6;
}

#site-index
{
//	position:absolute;
	height:250px;
	//width:960px;
//	margin-top:170px;
	background-color:white;
	border-bottom:4px solid blue;
	//border-top:4px solid green;

	
	border-top:4px solid blue;
}

#navigation-menu-contact
{
	position:absolute;
}
#navigation-menu-contact ul
{
   float: right;
   //margin: 60px;
//	margin: 20px 0px 40px 0px;
  // margin-left: 28px;
	margin-right:130px;
	
}
#navigation-menu-contact ul li
{
   display: inline;

}
#navigation-menu-contact ul li a
{
	
	font-size:.9em;
   display: inline-block;
	//padding: 15px;
	//padding: 0px 20px 0px 0px;
   text-transform: uppercase;
	margin-top:20px;
   margin-right: 20px;
}
#navigation-menu-contact ul li a.active

{
   background-color: none;
   //color:blue
}

#navigation-menu-contact ul li a:hover
{
	color:blue;
}

/*
#closing-footer.no-panel
{
   margin-top:30px;
}


#closing-footer.no-panel #footer
{
   padding: 0;
   padding-top: 20px;
}
#footer div.panel-foot
{
   width: 296px;
   height: 21px;
   background-color: #faeba2;
   opacity: .44;
}
#footer h1
{
   float: right;
   height: 56px;
   font-size: 2.9em;
   opacity: .08;
}
#footer a
{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}
#footer a:hover
{
   text-decoration: underline;
}
#copyright
{
   clear: both;
   color: #ffffff;
   font-size: .65em;
   background-image: url("../images/copyright-bg.png");
   padding: 14px 20px;
}
*/