body {
	font-size: 100%;
	line-height: 140%;
	font: .7em/1.2em "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
	background: #fff;
}

a:link { text-decoration:none; color: #333;}
a:visited { text-decoration:none; color: #333;}
a:active { text-decoration:none; color: #333;}
a:hover { text-decoration:none; color: #333; background: #DDD;}

#wrap {
	width: 960px;
	margin: 0 auto;
}

.menuContainer {
	padding-bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	overflow: hidden;
}

.menuContainer ul {
	width: auto;
	float: left;
	overflow: hidden;
}

.menuContainer ul li {
	width: auto;
	display: block;
	vertical-align: text-bottom;
}
.menuContainer ul li a.arrow{
	background:url(../img/arrow.png) no-repeat center right;
	
}

.menuContainer ul li a {
	padding: 15px 0;
	text-indent: 10px;
	display: block;
	float: left;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	border-bottom: 1px dotted #CCC;	
}
.menuContainer ul li a:hover {
	background: #DDD;
	
}
.menuContainer ul li a.arrow:hover{
	background: #DDD url(../img/arrow.png) no-repeat center right;
}

.menuContainer ul li a span {
	right: 10px;
	position: absolute;
}

.menuContainer a.backMenu {
	background:url(../img/prev.png) no-repeat center left;
	color: #333;
}

.menuContainer a.backMenu:hover {
	background:#DDD url(../img/prev.png) no-repeat center left;	
}

.menuContainer ul li ul {
	display: none;
}



.menuContainer ul li:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.menuContainer ul {
	display: inline-block;
}

.example{
	position: relative;
	float: left;
	margin-top: 24px;	
	margin-right: 20px;
}

.example h3{
	margin: 32px 0 14px 0px;
}

/****** style 1 ********/
.style1{
	-webkit-box-shadow: 1px 1px 4px #CCC;
	-moz-box-shadow: 1px 1px 4px #CCC;
	box-shadow: 1px 1px 4px #CCC;
	
}

/****** style 2 ********/
.style2 ul li a, .style2 ul li {
	border: none;
	color: #FFF;
	background: #333;
}

.style2 a.backMenu {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	color: #FFF;
	background:#333 url(../img/prev.png) no-repeat center left;	
}
.style2 a.backMenu:hover {
	color: #EFEFEF;
	background:#666 url(../img/prev.png) no-repeat center left;	
}


.style2 ul li a:hover {
	color: #EFEFEF;
	background: #666;	
}
.style2 ul li a.arrow:hover{
	color: #EFEFEF;
	background: #666 url(../img/arrow.png) no-repeat center right;
}

/****** style 3 ********/

.style3 ul li a, .style3 ul li {
	border: none;
	color: #FFF;
	background: #0066FF;
}

.style3 a.backMenu {
	color: #FFF;
	background:#0066FF url(../img/prev.png) no-repeat center left;	
}
.style3 a.backMenu:hover {
	color: #EFEFEF;
	background:#009ACD url(../img/prev.png) no-repeat center left;	
}


.style3 ul li a:hover {
	color: #EFEFEF;
	background: #009ACD;	
}
.style3 ul li a.arrow:hover{
	color: #EFEFEF;
	background: #009ACD url(../img/arrow.png) no-repeat center right;
}


/****** style 4 ********/

.style4 ul li a, .style4 ul li {
	border: none;
	color: #FFF;
	background: #A52A2A;
}

.style4 a.backMenu {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	color: #FFF;
	background:#A52A2A url(../img/prev.png) no-repeat center left;	
}
.style4 a.backMenu:hover {
	color: #EFEFEF;
	background:#D2691E url(../img/prev.png) no-repeat center left;	
}


.style4 ul li a:hover {
	color: #EFEFEF;
	background: #D2691E;	
}
.style4 ul li a.arrow:hover{
	color: #EFEFEF;
	background: #D2691E url(../img/arrow.png) no-repeat center right;
}

/****** style 5 ********/

.style5 ul li a, .style5 ul li {
	border: none;
	color: #FFF;
	background: #2E8B57;
}

.style5 a.backMenu {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	color: #FFF;
	background:#2E8B57 url(../img/prev.png) no-repeat center left;	
}
.style5 a.backMenu:hover {
	color: #EFEFEF;
	background:#3CB371 url(../img/prev.png) no-repeat center left;	
}


.style5 ul li a:hover {
	color: #EFEFEF;
	background: #3CB371;	
}
.style5 ul li a.arrow:hover{
	color: #EFEFEF;
	background: #3CB371 url(../img/arrow.png) no-repeat center right;
}

.clearLeft{
	clear: left;
}


span.note{
	font-size: 13px;
}