/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want. All you have to do is ensure the script
has the correct CSS property name (like 'visibility' or 'display') that you want it to change.

One good resource for UL/LI formatting: http://www.alistapart.com/articles/taminglists/
Consult your favourite CSS reference for editing fonts/borders/etc.

Otherwise, even if you're not very experienced at CSS, you can just go through and change
the #RGB border/background colours where suitable to customise for your site!

*/



/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */




ul.menulist , ul.menulist  ul {
	list-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.menulist {
	padding: 0px;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 138px;
	border-top-color: #838c9a;
	margin: 0px;
}


/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
ul.menulist  li {
 position: relative;
}

/* Links inside the menu */
ul.menulist  a {
	display: block;
	color: #00185E;
	text-decoration: none;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 24px;
	padding-right: 4px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #838c9a;
	border-left-color: #FFFFFF;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
ul.menulist  a:hover, ul.menulist a.highlighted:hover, ul.menulist a:focus, ul.menulist li.current a {
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(/themes/ww09/images/L1BG_Parrent.jpg);
	background-repeat: repeat-y;
	border-left-color: #838c9a;
}

ul.menulist  li.current ul li a {
}

ul.menulist  a.highlighted {
	color: #FFF;
	background-color: #68C;
	border: 1px solid #FFFF00;
	margin: 0;
}
/* Submenus (<ul> tags) */

ul.menulist li ul {
	display:none;
}
ul.menulist  li.current ul{
	display:block;
}
/*submenus*/
ul.menulist li ul {
	margin: 0;
	padding: 0px;
	top: 0;
	border: 0px solid #654;

}

ul.menulist li ul li {
}

ul.menulist li.current ul li a
{
	color: #003366;
	background-image: url(/themes/ww09/images/L2BG.jpg);
	background-repeat: repeat-y;
	padding-right: 0px;
	padding-left: 24px;
}

ul.menulist li.current ul li a:hover, ul.menulist li.current ul li a.highlighted:hover, ul.menulist li.current ul li a:focus
{
	color: #000000;
	background-image: url(/themes/ww09/images/L2BG_active.jpg);
	background-repeat: repeat-y;
	padding-right: 0px;
	padding-left: 24px;
}






#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
	overflow: hidden;
	z-index: 0;
	position: relative;
	border: 0px solid #ffffff;
	background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/js/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/js/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/js/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/js/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/js/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/js/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/js/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
	/* REQUIRED */
		position: relative;
	display: none;		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
	padding: 10px 0 0 0;
	color: #666666;
	line-height: 25px;
	background-color: #ffffff;
	clear: both;
	display: none;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




.FCKcontent, #FCKcontent{  /* used only in FCK Editor to set body width and BG*/
		
	width: 423px;
	padding-left: 34px;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

#content, #content table tr td
{
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

#content h1
{
	font-size: 24px;
	line-height: normal;
	margin-top: 0px;
	padding-top: 0px;
	letter-spacing: normal;
	font-weight: normal;
	color: #4358a3;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-style: normal;
	margin-bottom: 0px;
}

#content h2
{
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #003366;
	line-height: normal;
	font-variant: normal;
	display: block;
	font-style: normal;
	margin: 0px 0px 0px;
	padding-left: 0px;
	padding-bottom: 4px;
}
#content h2 a:link , h2 a:visited, #content h2 a:link , #content h2 a:visited  {
	color: #5B3720;
	text-decoration: none;
}

#content h3
{
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2F9959;
	line-height: normal;
	font-variant: normal;
	display: block;
	font-style: normal;
	margin: 0px 0px 0px;
	padding-bottom: 4px;
}

#content h4
{
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: normal;
	font-variant: normal;
	display: block;
	clear: none;
	font-style: italic;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

/* Lists */

#content ul{
	display: block;
	padding-left: 15px;
	list-style-type: disc;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#content ol{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#content ul li{
	display: block;
	list-style-type: none;
	list-style-position: outside;
	background-image: url(/themes/ww09/images/bullet.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 16px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-position: 0px 3px;
	margin: 0px;
	padding-right: 0px;
}



/*Tables*/
#content table.table_basic{
	width: 100%!important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #606F83;
	border-right-color: #606F83;
	border-bottom-color: #606F83;
	border-left-color: #606F83;
}
#content table.table_basic thead tr td{
	font-size: 12px;
	font-weight: bold;
	background-color: #606F83;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #606F83;
	color: #ECD48F;
}

#content table.table_basic tr td{
	vertical-align: top;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #606F83;
	text-align: left;
	background-color: #FFF;
}
#content table.table_basic h2{
	font-weight: bold;
	color: #7E321A;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

#content table.table_basic ul{
	display: block;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#content table.table_basic ul li{
	display: block;
	background-image: url(/themes/wcms09/images/li_arrow.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-top: 0px;
	background-position: left 2px;
	padding-left: 20px;
	padding-right: 0px;
}

/* links */
#content a, #content a:visited{
	text-decoration : underline;
	color: #000000;
		position:relative;

}
#content a:hover, #content a:active{
	text-decoration : underline;
	color: #283D53;
		position:relative;

}



/* images */
/* Add image styles in c1_css.xml to have them display in Editor "Styles" menue */

#content img.left {
	margin: 5px 8px 5px 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#content img.right {
	margin: 5px 0px 5px 8px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#content img.centered {
	margin: 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	clear: both;
}

/* Quotes */
.quote {
	background-image: url(/themes/wcms09/images/quote1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.quote td.main{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #999999;
	text-align: center;
	padding: 25px 10px 15px 15px;
	background-image: url(/themes/wcms09/images/quote2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px none #8C7142;
	text-shadow: black 2px 2px 4px;
	line-height: 14px;
	letter-spacing: 2px;
	text-shadow: black 2px 2px 4px;
}

.quote td.caption{
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
	padding-right: 10px;
}

/* Additional styles for client editing */
/* Add  styles in c1_css.xml to have them display in Editor "Styles" menue */

.highlight1{
	color: #000000;
	font-size: 14px;
}
.highlight2{
	color: #036;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}


.FCKcontent, #FCKcontent{  /* used only in FCK Editor to set body width and BG*/
	width: 296px;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	padding-left: 25px;
}

#content2, #content2 table tr td
{
	text-decoration : none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	
	line-height: 1.2em;
	font-size: 11px;
	color: #333333;
}

#content2 h1
{
	font-size: 18px;
	color: #003366;
	line-height: 24px;
	margin-top: 10px;
	letter-spacing: normal;
	background-image: none;
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana;
	font-style: normal;
	margin-left: 0px;
	padding: 0px;
}

#content2 h2
{
		font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4075bc;
	line-height: normal;
	font-variant: normal;
	display: block;
	clear: none;
	background-image: url(/themes/ww09/images/yyblt.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -22px;
	padding-left: 22px;
	background-position: 0px 1px;
	padding-bottom: 4px;
}


#content2 h3
{
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	font-variant: normal;
	display: block;
	clear: none;
	font-style: normal;
	margin: 0px 0px 0px;
	padding-bottom: 0px;
}

#content2 h4
{
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: normal;
	font-variant: normal;
	display: block;
	clear: none;
	font-style: italic;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

/* Lists */

#content2 ul{
	display: block;
	padding-left: 10px;
}
#content2 ul li{
	display: block;
	list-style-type: none;
	list-style-position: outside;
	background-image: url(/themes/wcms09/images/bullet.gif);
	background-repeat: no-repeat;
	padding-bottom: 3px;
	padding-top: 0px;
	background-position: 0px 5px;
	padding-left: 15px;
}

/*Tables*/
#content2 table.table_basic{
	width: 100%!important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #606F83;
	border-right-color: #606F83;
	border-bottom-color: #606F83;
	border-left-color: #606F83;
}
#content2 table.table_basic thead tr td{
	font-size: 12px;
	font-weight: bold;
	background-color: #606F83;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #606F83;
	color: #ECD48F;
}

#content2 table.table_basic tr td{
	vertical-align: top;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #606F83;
	text-align: left;
	background-color: #FFF;
}
#content2 table.table_basic h2{
	font-weight: bold;
	color: #7E321A;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

#content2 table.table_basic ul{
	display: block;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#content2 table.table_basic ul li{
	display: block;
	background-image: url(/themes/wcms09/images/li_arrow.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	padding-top: 0px;
	background-position: left 2px;
	padding-left: 20px;
	padding-right: 0px;
}

/* links */
#content2 a, #content2 a:visited{
	text-decoration : underline;
	color: #000000;
		position:relative;

}
#content2 a:hover, #content2 a:active{
	text-decoration : underline;
	color: #283D53;
		position:relative;

}



/* images */
/* Add image styles in c1_css.xml to have them display in Editor "Styles" menue */

#content2 img.left {
	margin: 5px 8px 5px 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#content2 img.right {
	margin: 5px 0px 5px 8px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#content2 img.centered {
	margin: 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	clear: both;
}

/* Quotes */
.quote {
	background-image: url(/themes/wcms09/images/quote1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.quote td.main{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #999999;
	text-align: center;
	padding: 25px 10px 15px 15px;
	background-image: url(/themes/wcms09/images/quote2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px none #8C7142;
	text-shadow: black 2px 2px 4px;
	line-height: 14px;
	letter-spacing: 2px;
	text-shadow: black 2px 2px 4px;
}

.quote td.caption{
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
	padding-right: 10px;
}

/* Additional styles for client editing */
/* Add  styles in c1_css.xml to have them display in Editor "Styles" menue */

.highlight1{
	color: #000000;
	font-size: 14px;
}
.highlight2{
	color: #036;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}