/* Start of CMSMS style sheet 'Vanlier' */
/* @group Reset CSS */
html, body, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin:0px; padding:0px; border:0px; outline:none; font:14px Arial, Helvetica, sans-serif; }
ul, ol { list-style:none; }/* @end Reset CSS */

/* @group General Tags */
body {
	background: #000 url('images/vanlier/bg.png') repeat-x left top;
	color:#E0D6D5;
}

h1,
h2,
h3 {
	font-weight: bold;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 18px;
	padding-bottom: 24px;
}
h3 {
	font-size: 16px;
}

a {
	color: #7aa9e9;
	text-decoration: underline;
}
a:hover {
	color: #e2b4f4;
}

p {
	padding-bottom: 16px;
}

table{
	width: 100%;
}

td{
	border-bottom: 1px solid #6d6463;
	border-right: 1px dotted #6d6463;
	vertical-align: top;
	padding: 2px;
}

td.last {
	border-right: 0px;
}

tr.bottom td {
	border-bottom: 0px;
}

tr.hover td,
tr:hover td{
	background: #3c3636;
}


/* @end General Tags */

/* @group General Classes */
.left {
	float: left;
}

.right {
	float: right;
}

.img-left {
	float: left;
	margin: 2px 10px 0px 0px;
}


.img-right {
	float: right;
	margin: 2px 0px 0px 10px;
}

.ten-m-r,
.captify-ten-m-r {
	margin-right: 10px;
}

.ten-m-l,
.captify-ten-m-l {
	margin-left: 10px;
}
.captify{
/* For CMSMS class selector*/
}
.fbsingle{
/* For CMSMS class selector*/
}
.captify-ten-m-l {
/* For CMSMS class selector*/
}
.captify-ten-m-r {
/* For CMSMS class selector*/
}
.clear,
.clearb {
	clear: both;
}
/* @end General Classes */

/* @group Colours */
/* @group Red */
.red .color,
.red h2,
.red h3,
.red h4 {
	color: #d31a22;
}
/* @end Red */

/* @group Orange */
.orange .color,
.orange h2,
.orange h3,
.orange h4 {
	color: #f84100;
}
/* @end Orange */

/* @group Yellow */
.yellow .color,
.yellow h2,
.yellow h3,
.yellow h4 {
	color: #f7c500;
}
/* @end Yellow */

/* @group Green */
.green .color,
.green h2,
.green h3,
.green h4{
	color: #9ac544;
}
/* @end Green */

/* @group Purple */
.purple .color,
.purple h2,
.purple h3,
.purple h4 {
	color: #78519e;
}
/* @end Purple */
/* @end Colours */

/* @group Sections */
/* @group Container */
#container {
	width: 900px;
	margin: 0px auto;
}
/* @end Container */

/* @group Header */
#header {
	height: 100px;
	padding-top: 62px;
	background: url('images/vanlier/title.gif') no-repeat 0px 40px;
}

#header h1 {

	position: absolute;
	left: -9000px;
}

#header #slogan {
	color: #6d6463;
	float: right;
}
/* @end Header*/

/* @group Menu */
#menu {
	height: 410px;
	width: 660px;
	margin: 0 auto;
	background: url('images/vanlier/menu-bg.jpg') no-repeat bottom center;
}

#menu ul li,
#menu ul li a {
	display: block;
	float: left;
	width: 128px;
	height: 410px;
	line-height: 80px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

#menu ul .li-1 {margin-right: 5px;}
#menu ul .li-2 {margin-right: 5px;}
#menu ul .li-3 {margin-right: 5px;}
#menu ul .li-4 {margin-right: 5px;}


#menu ul .li-1 a{color:#d31a22;}
#menu ul .li-2 a{color:#f84100;}
#menu ul .li-3 a{color:#f7c500;}
#menu ul .li-4 a{color:#9ac544;}
#menu ul .li-5 a{color:#78519e;}

#menu ul li a:hover,
#menu ul li.active a {
	color:#fff7f6;
	background: url('images/vanlier/hover.png') repeat-x 0px 60px;
}
/* @end Menu */

/* @group SubNav */
#subnav {
	width:  170px;
	position: absolute;
	top: -36px;
	left: 0px;
	background: #3c3636;
}
#subnav-title {
	padding: 10px;
	background: #6d6463;
	color: #fff;
	cursor: pointer !important;
	position: relative;
}
#subnav-title span{
	position: absolute;
	top: 10px;
	right: 10px;
}

#subnav-title.hover span {
	color: #9ac544;
}

#subnav:hover #subnav-title {
	margin-bottom: 10px;
	cursor: pointer !important;

}

#subnav > ul {
	display: none;
	padding-bottom: 10px;
	list-style: none;
}

#subnav ul li ul {
	padding-bottom: 0px;
}


#subnav:hover ul {
	display: block;
}

#subnav li {
	padding-left: 10px;
	line-height: 26px;
	list-style: none;
}

#subnav li a,
#subnav li ul li a {
	cursor: pointer;
}


#subnav li.sectionheader span,
#subnav li.sectionheader a span,
#subnav li.sectionheader a:hover span
#subnav li a.menuactive.menuparent,
#subnav li a.menuactive.menuparent span,
#subnav li a.menuactive.menuparent:hover
#subnav li a.menuactive.menuparent:hover span{
	color: #fff;
	cursor: default;
}

#subnav li h3 {
	color: #e2b4f4;
	font-weight: normal;
	font-size:14px;
	line-height: 26px;
}

#subnav li.sectionheader ul li a span,
#subnav li.menuactive.menuparent ul li a span{
	color: #7aa9e9;
	text-decoration: none;
}
#subnav li.sectionheader ul li a:hover span,
#subnav li.menuactive.menuparent ul li a:hover span {
	color: #e2b4f4;
}
/* @end SubNav */


/* @group Content */
#content {
	background: #1b1b1b url('images/vanlier/content-bg.png') no-repeat left top;
	width: 600px;
	padding: 30px;
	margin: 0 auto;
	position: relative;
}

#content img {
	border: 1px solid #6d6463;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content h3.clearb {
	padding-top: 16px;
}
#content table img {
	border: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

#content .rose {
	width: 180px;
	padding: 10px;
}
#content .rose h3 {
	font-weight: normal;
}
#content .rose small {
	cursor: pointer;
	color: #aaa;
	font-size: 10px;
}

#content .content {
/*	display: none;*/
}

#content.pl-gallery img {
	margin:0px 8px 18px 8px
}


/* @end Content */

/* @group Footer */
#footer {
	color: #6d6463;
	text-align: center;
}

#footer p{
	padding: 20px 0px;
}
/* @end Footer */
/* @end Sections */

/* caption styling */

.caption {
	color: #ffffff;
	
	padding: 0.6em;
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
	display: none;
	cursor: default;
	
	/* remove these 4 lines below if you want 
	the caption to span the whole width of the 
	image*/
	width: 36%;
	text-align: center;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	
	/* background / transparency */
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}

.caption a:hover {
	background: #202020;
}

.caption-wrapper {
	float: left;
}

br.c { clear: both; }

/* CMSMS Page Edit Font Colour Corrections */
.mceContentBody{
	color: #000;
}
/* End of 'Vanlier' */

