/* ATTENTION REQUIRED: NONE */

#myprofile #content-head {
padding: 0;
background: #466895;
}

/*--------------------------------------------- */
/*               >>> PALLETTE <<<               */
/*--------------------------------------------- */g
body, h1, .heading1 { color: #6a6a6a; }

a                { color: #2e66b1; }
#tinymce a       { color: #2e66b1 !important; }

a:hover          { color: #f06800; }
#tinymce a:hover { color: #f06800 !important; }

h2 { color: #4b2735; }

.heading4 { color: #4b2735; }

.color01{ } /* See - h2.color01 */
.color02{ } /* See - h2.color02 */
.color03{ } /* See - h2.color03 */
.color04 { background: #4a2634; color: #bca5ae; }


/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */
body { 
	/* background: #101113  url('/download-noauth/gallery/img/bodyjpg') repeat-x; */
background-color: #4a2634;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#header { 
	background: #4a2634 url('/download-noauth/gallery/img/headergif') repeat-x 0 100%; 
	border-bottom: 1px solid #3c1e2a;
	padding: 10px 0 20px;
}
#header-inner, #main, #footer { margin: 0 auto; width: 960px; }


#breadcrumb { position: absolute; top: 165px; }
#breadcrumb, #breadcrumb a { color: #4a2634; text-decoration: none; }

#content { padding-top: 50px; }



#content-inner { 
	background: #fff url('/download-noauth/gallery/img/contentgif') repeat-y 100% 0;
	padding: 0 170px 0 0;
	min-height: 360px;
}


#content-head { 
	background: #466895;
	margin: 0 0 0 5px;
	min-height: 60px;
	width: 950px;
}

body.edit #main, body.edit #footer{ width: 966px; }
body.edit #content-head { width: 956px; }

.system #content-head { padding-bottom: 0px; }

#content-head h1, #content-head h1 a { 
	color: #fff;
	padding: 10px 10px 0;
}

#contentmenu { margin: 3px 3px 0 0; }

#custom-content { padding-top: 18px; }

#trailer, #trailerbar { padding: 0 10px; }
#trailerbar-meta { margin-top: 0; }
#trailer-viewcount { display:none; } 
#content-body { padding: 0 5px; }

.system #content-body { }


#footer { border-top: #fff solid 6px; padding-bottom: 1em; }
#footer-inner { overflow: hidden; padding: 1.5em 0px; }

#footer *, #footer a { 
	color: #b0b0b0;
	text-decoration: none; 
}

#footer a:hover { text-decoration: underline; }

/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */

/* APPLICATION LAYOUT
=============================================== */
.two-column { padding-top: 10px; }

#blogs .two-column .column-main { padding-left: 0px; }
.two-column .column-main { padding-left: 5px; }

/* CUSTOM CONTENT
=============================================== */
#customcontent { padding-top: 10px; }
#customcontent h1 { border-bottom: 1px dotted #d9dada; }
#customcontent ul { margin-left: 0; }
#customcontent ul li { 
	background: url('/download-noauth/gallery/img/bulletarro') no-repeat 0 6px; 
	list-style: none;
	padding-left: 10px;
}

#customcontent .color04 ul li { background-image:  url('/download-noauth/gallery/content/bulletarro~2'); }

h2.color01, h2.color02, h2.color03 {  
	margin-bottom: 1.5em;
	padding: 6px 10px;
}

#accordian h2.color01, #accordian h2.color02, #accordian h2.color03 { margin-bottom: 0; }

h2.color01, h2.color02, h2.color03, h2.color01 a, h2.color02 a, h2.color03 a { 
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h2.color01 { padding-left: 30px; }

h2.color01 { background: #336bb5 url('/download-noauth/gallery/content/headbluear') repeat-x; border: 1px solid #3d76c3; }
h2.color02 { background: #336bb5 url('/download-noauth/gallery/content/headbluegi') repeat-x; border: 1px solid #3d76c3; }
h2.color03 { background: #878888 url('/download-noauth/gallery/content/headgreygi') repeat-x; border: 1px solid #9e9e9e; }
.color04 h2, .color04 h2 a { color: #fff; border-bottom: 1px solid #775865; }


/* CUSTOM HEADERS
=============================================== */
.icon-globe-49 	{ background: url('/download-noauth/gallery/content/iconglobe4') no-repeat; padding: 9px 0 9px 59px; }
.icon-info-49 	{ background: url('/download-noauth/gallery/content/iconinfo49') no-repeat; padding: 9px 0 9px 59px; }
.icon-member-49 { background: url('/download-noauth/gallery/content/iconmember') no-repeat; padding: 9px 0 9px 59px; }


/* Navigation - Default
=============================================== */
#home.landing #home-banner { 
	background: #0e0701 url('/download-noauth/gallery/content/homebanner') no-repeat; 
	border: 5px solid #fff;
	height: 289px;
}
#home.landing #home-banner blockquote { color: #fff; padding: 20px 180px 20px 20px; width: 375px; }
#home.landing #home-banner h1 { border-width: 0; color: #79a4dd; }
#home.landing #home-banner p { color: #fff; }

#home.landing  #navigation { margin-top: -2px; }
#home.landing  #navigation li { margin-right: 10px; }

#home.landing  #content { background-color: transparent; padding-top: 0; }
#home.landing  #content-inner { 
	background-color: transparent;
	background-image: none;
	padding: 0;
	min-height: 265px;
}

#home.landing  #content-head { 
	background-color: transparent;
margin-top: -20px;
min-height: 0px;
}

#home.landing #home-columns { clear: both; position: relative; width: 960px; }
#home.landing  .grid-inner { background-color: #fff; padding: 5px; }

#home.landing  #custom-content { padding-top: 0px; }

#home.landing  #trailer, #home #trailerbar { display: none; }

#home.landing  #footer { border-width: 0; }

/* HOME ACCORDIAN
---------------------------------------------------- */
#hovercordion .hovercordion-panel {
	height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	margin-top: 0px;
}

#home #hovercordion .hovercordion-panel { background-color: #fff; padding: 10px; }

#hovercordion h2.color01, #hovercordion h2.color02, #hovercordion h2.color03 { margin-bottom: 0px; padding: 0; }
#hovercordion h2 a { display: block; padding: 6px 10px; }

/* HOME EDIT
=============================================== */


/* CUSTOM NAVIGATION - HEADER
=============================================== */
#custom-head-nav { position: absolute; top: 36px; right: 0px; }
#custom-head-nav ul { list-style: none; margin-right: 10px; }
#custom-head-nav li { border-left: 1px solid #70535e; display: inline; padding: 0 10px; }
#custom-head-nav li.first { border: none; }
#custom-head-nav li a { color: #b7a8ae; }
#custom-head-nav li a:hover { color: #fff; }

/* LOGO/TAGLINE
=============================================== */

/* HOME CUSTOM */
#header { background-color: #fff; background-image: none; border-width: 0px; }
#logo { margin-left: 18px; }
#logo a {
	background: url(/download/gallery/img/logopng~2) no-repeat;
	display: block; height: 0px !important; overflow: hidden; padding-top: 129px; width: 232px;
}

/* NEWS FEED
=============================================== */
.news-feed h2 { 
	border-bottom: 1px dotted #d9dada; 
	margin-bottom: 1em;
}

.news-feed ul.rss-items { list-style: none; padding-left: 0; }
.news-feed li.rss-item { margin-bottom: 1em; }


/* POWEREDBY
=============================================== */
#poweredby {
    background-image: url("http://www.igloosoftware.com/download-noauth/gallery/img/poweredbypng");
    height: 25px;
    width: 84px;
}



/* PRIMARYNAV
=============================================== */
#navigation { 
	position: absolute;
	margin: 74px 0 0 790px;
	width: 170px;
}

.edit #navigation { margin-left: 796px; }

#primarynav { }

#primarynav li { 
	background: url('/download-noauth/gallery/img/primarynav~2') repeat-y; 
	border-bottom: 1px solid #6f4355; 
	margin-right: 5px; 
}

#primarynav li a { 
	border-bottom: 1px solid #331924;
	color: #fff;
	display: block;
	padding: 6px 10px;
	text-decoration: none;
}

#primarynav li.here { background: url('/download-noauth/gallery/img/primarynav~3') no-repeat; }

#primarynav li a:hover { background: url('/download-noauth/gallery/img/primarynav') repeat-y; }
#primarynav li.here a:hover { background: url('/download-noauth/gallery/img/primarynav~3') no-repeat; }

#primarynav li.join {display: none; }



/* CUSTOM HEADER */
  
#custom_header_nav { display: block; list-style: none; position: absolute; right: 0; top: 40px; text-align: right; }
#custom_header_nav li { float: right; list-style: none; font-size: 14px; font-weight: bold; }
#custom_header_nav li, #custom_header_nav li a { color: #4a2634; }
#custom_header_nav li a:hover { text-decoration: underline; }
#custom_header_nav li.share_links { padding-top: 3px; padding-left: 20px; }
#search-keyword { display: none; }

/* CUSTOM FOOTER */
#footer-inner { position: relative; }
#custom_footer_nav { display: block; list-style: none; }
#custom_footer_nav li { float: left; list-style: none; font-size: 11px; margin-right: 30px; }
#custom_footer_nav li, #custom_footer_nav li a { color: #fff; }
#custom_footer_nav li.share_links { padding-top: 3px; padding-left: 20px; }
#custom_footer_nav li#footer_copyright { float: right; margin-right: 0px; text-align: right; }
#poweredby { position: absolute; right: 0px; margin-top: 50px; }

/* NAVIGATION */

#navigation			{ margin: 0px; position: relative; width: auto; }
.edit #navigation                { margin-left: 0px; }
#navigation ul 			{ list-style: none; overflow: hidden; }
#navigation ul li 		{ display: inline; }
#navigation ul li a 		{ float: left; padding: 5px; margin: 0; } 
#navigation ul li a:hover 	{  } 
#navigation ul li.here a 	{ font-weight: bold; }


/* Navigation - Link Block
=============================================== */
#primarynav			{  }
#secondarynav 			{  }
#primarynav ul li a,
#secondarynav ul li a		{ border-left: 1px solid #4a2634; border-right: 1px solid #a66f85; padding: 10px 15px; } 
#primarynav ul li.here a 	{ }

/* FONTS */

#primarynav ul li a,
#primarynav ul li.here a, 
#primarynav ul li.here a:hover,
#secondarynav ul li a 		{ color: #fff;

background: -moz-linear-gradient(center left, #5c3645, #7c5362);
	background: -webkit-gradient(linear, left top, right top, color-stop(1, rgba(221,221,221,1)), color-stop(1, rgba(255,255,255,1)));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5c3645,EndColorStr=#7c5362);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5c3645,EndColorStr=#7c5362)"; 

 }
#primarynav ul li a:hover	{ background: #684150 !important; /*text-decoration: underline; */color: #fff; } 
#secondarynav ul li a:hover, 
#secondarynav ul li.here a:hover	{ color: #777; }

#primarynav ul li.here a, #ig-page-home2 #primarynav ul li.here a:hover	{ background: #855768 !important; } 

#content{
    padding-top:2px
}

#content-inner { 
	background-image: none;
	padding: 0;
}


/* SEARCH KEYWORD
=============================================== */
#search-keyword { top: 36px; }

/* SEARCH/LABELS
=============================================== */
#search.landing #content, #labels.landing #content { padding-top: 5px; }


/* SIGNIN
=============================================== */
#signin #content-inner { background-image: none; padding-right: 0; }
#signin #navigation { display: none; }

#systemnav { margin-top: 1.5em; }

/*--------------------------------------------- */
/*            >>> 960 Grid System <<<           */
/*--------------------------------------------- */
	
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
	display: inline;
	float: left;
	margin: 10px; 
}

.grid-inner { padding: 10px; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }


/* GRID DIMENSIONS - 16
---------------------------------------------------- */

.grid-1 	{ width: 40px;  }
.grid-2 	{ width: 100px; }
.grid-3 	{ width: 160px; }
.grid-4 	{ width: 220px; }
.grid-5 	{ width: 280px; }
.grid-6 	{ width: 340px; }
.grid-7 	{ width: 400px; }
.grid-8 	{ width: 460px; }
.grid-9 	{ width: 520px; }
.grid-10 	{ width: 580px; }
.grid-11 	{ width: 640px; }
.grid-12 	{ width: 700px; }
.grid-13 	{ width: 760px; }
.grid-14 	{ width: 820px; }
.grid-15 	{ width: 880px; }
.grid-16 	{ width: 940px; }


/* GRID PREFIX'S
---------------------------------------------------- */

.prefix-1 	{ padding-left: 60px;  }
.prefix-2 	{ padding-left: 120px; }
.prefix-3 	{ padding-left: 180px; }
.prefix-4 	{ padding-left: 240px; }
.prefix-5 	{ padding-left: 300px; }
.prefix-6 	{ padding-left: 360px; }
.prefix-7 	{ padding-left: 420px; }
.prefix-8 	{ padding-left: 480px; }
.prefix-9 	{ padding-left: 540px; }
.prefix-10 	{ padding-left: 600px; }
.prefix-11 	{ padding-left: 660px; }
.prefix-12 	{ padding-left: 720px; }
.prefix-13 	{ padding-left: 780px; }
.prefix-14 	{ padding-left: 840px; }
.prefix-15 	{ padding-left: 900px; }


/* GRID SUFFIX'S
---------------------------------------------------- */

.suffix-1 	{ padding-right: 60px;  }
.suffix-2 	{ padding-right: 120px; }
.suffix-3 	{ padding-right: 180px; }
.suffix-4 	{ padding-right: 240px; }
.suffix-5 	{ padding-right: 300px; }
.suffix-6 	{ padding-right: 360px; }
.suffix-7 	{ padding-right: 420px; }
.suffix-8 	{ padding-right: 480px; }
.suffix-9 	{ padding-right: 540px; }
.suffix-10 	{ padding-right: 600px; }
.suffix-11 	{ padding-right: 660px; }
.suffix-12 	{ padding-right: 720px; }
.suffix-13 	{ padding-right: 780px; }
.suffix-14 	{ padding-right: 840px; }
.suffix-15 	{ padding-right: 900px; }


/* GRID box-body
---------------------------------------------------- */

/* Max Height: NONE */
.box-head { 
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
	padding-top: 5px;
	width: 100%; /* IE hasLayout */
}

.box-body {	
	background-position: 0 100%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

.box-head h2, .box-head h3, .box-head h4 { margin-left: 10px; margin-right: 10px; }

/* --[ Background Images: Top ]-- */

.grid-16 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round940to~2');
					 _background-image: url('/download-noauth/templates/components/img/round940to'); }
.grid-15 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round880top~2');
					 _background-image: url('/download-noauth/templates/components/img/round880top'); }
.grid-14 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round820top~2');
					 _background-image: url('/download-noauth/templates/components/img/round820top'); }
.grid-13 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round760top~2');
					 _background-image: url('/download-noauth/templates/components/img/round760top'); }
.grid-12 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round700top~2');
					 _background-image: url('/download-noauth/templates/components/img/round700top'); }
.grid-11 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round640top~2');
					 _background-image: url('/download-noauth/templates/components/img/round640top'); }
.grid-10 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round580top~2');
					 _background-image: url('/download-noauth/templates/components/img/round580top'); }
.grid-9 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round520to~2');
					 _background-image: url('/download-noauth/templates/components/img/round520top'); }
.grid-8 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round460to');
					 _background-image: url('/download-noauth/templates/components/img/round460to~2'); }
.grid-7 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round400top~2');
					 _background-image: url('/download-noauth/templates/components/img/round400top'); }
.grid-6 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round340top~2');
					 _background-image: url('/download-noauth/templates/components/img/round340top'); }
.grid-4 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round220to') !important;
					 _background-image: url('/download-noauth/templates/components/img/round220to~2') !important; }
.grid-3 .box-head 	{ background-image: url('/download-noauth/templates/components/img/box160topp');
					 _background-image: url('/download-noauth/templates/components/img/round160top'); }
.grid-2 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round100top~2');
					 _background-image: url('/download-noauth/templates/components/img/round100top'); }
.grid-5 .box-head 	{ background-image: url('/download-noauth/templates/components/img/box280topp');
					 _background-image: url('/download-noauth/templates/components/img/box280topg'); }
.grid-1 .box-head 	{ background-image: url('/download-noauth/templates/components/img/round40top~2');
					 _background-image: url('/download-noauth/templates/components/img/round40top'); }



/* --[ Background Images: Bottom ]-- */
.grid-16 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round940bo~2');
					 _background-image: url('/download-noauth/templates/components/img/round940bo'); }
.grid-15 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round880-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round880-bottom.gif'); }
.grid-14 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round820-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round820-bottom.gif'); }
.grid-13 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round760-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round760-bottom.gif'); }
.grid-12 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round700-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round700-bottom.gif'); }
.grid-11 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round640-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round640-bottom.gif'); }
.grid-10 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round580-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round580-bottom.gif'); }
.grid-9 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round520bo~2');
					 _background-image: url('/download-noauth/templates/components/img/round520bo'); }
.grid-8 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round460-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round460-bottom.gif'); }
.grid-7 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round400-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round400-bottom.gif'); }
.grid-6 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round340-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round340-bottom.gif'); }
.grid-5 .box-body 	{ background-image: url('/download-noauth/templates/components/img/box280bott');
					 _background-image: url('/download-noauth/templates/components/img/box280bott~2'); }
.grid-4 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round220bo') !important;
					 _background-image: url('/download-noauth/templates/components/img/round220bo~2') !important; }
.grid-3 .box-body 	{ background-image: url('/download-noauth/templates/components/img/box160bott');
					 _background-image: url('/download-noauth/templates/components/img/round160bott~2'); }
.grid-2 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round100-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round100-bottom.gif'); }
.grid-1 .box-body 	{ background-image: url('/download-noauth/templates/components/img/round40-bottom.png');
					 _background-image: url('/download-noauth/templates/components/img/round40-bottom.gif'); }


/* EDIT - WYSIWYG: VISUAL AIDS
---------------------------------------------------- */
.mceItemVisualAid { border: 0; }

.mceItemVisualAid .alpha.mceItemVisualAid { margin-left: 0; margin-right: 8px; }
.mceItemVisualAid .omega.mceItemVisualAid { margin-left: 8px; margin-right: 0; }

.grid-3.mceItemVisualAid,
.grid-4.mceItemVisualAid, 
.grid-5.mceItemVisualAid,
.grid-6.mceItemVisualAid,
.grid-7.mceItemVisualAid,
.grid-8.mceItemVisualAid,
.grid-9.mceItemVisualAid,
.grid-10.mceItemVisualAid,
.grid-11.mceItemVisualAid,
.grid-12.mceItemVisualAid,
.grid-13.mceItemVisualAid
.grid-14.mceItemVisualAid,
.grid-15.mceItemVisualAid,
.grid-16.mceItemVisualAid { border: 1px dashed #ccc; margin-left: 9px; margin-right: 9px; }


/*--------------------------------------------- */
/*               >>> LABELS <<<              	*/
/*--------------------------------------------- */


/*--------------------------------------------- */
/*               >>> AD SLOTS <<<              	*/
/*--------------------------------------------- */
#adslot-leaderboard { display: none; }
#home #adslot-leaderboard { display: block; margin: 0 auto; position: absolute; top: -100px; text-align: center; width: 960px; }
#home #header { padding-top: 110px; }

.adslot-content { margin-bottom: 1.5em; text-align: center; }

#adslot-sidebar { display: none; }
#blogs #adslot-sidebar { display: block; position: absolute; margin-left: 793px; top: 500px; }


/*--------------------------------------------- */
/*               >>> TABBED PANELS <<<          */
/*--------------------------------------------- */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	}
/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0x;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 0px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #ddd;
	list-style: none;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
list-style-type:none;
	border-color: #FFF;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #ccc;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #666;
	border-bottom: 1px solid #EEE;
color: #666;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #eee;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearance of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/*--------------------------------------------- */
/*               >>> IMAGE SLIDER <<<              	*/
/*--------------------------------------------- */
#SlideItMoo_outer {  
	width:510px; 
	margin:10px auto 10px; 
	background:#000000; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
	border-bottom:5px #ffffff solid;
height:180px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:60px; 
	height:200px; 
	bottom:0px; 
	right:5px; 
	background:url(http://www.emccanada.org/download/templates/sliderbar/slideitmoo_forward_geargif;v1?attachment=0&data=largest) no-repeat center;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(http://www.emccanada.org/download/templates/sliderbar/slideitmoo_back_geargif;v1?attachment=0&data=largest) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:128px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#000000; padding:2px; }
#SlideItMoo_items a img{ border:none; }
/* HTML Slideshow: */
=============================================== */
.ps-button-previous, .ps-button-next {
	display: block;
	padding-top: 22px;
	height: 0;
	overflow: hidden;
}

div.ps-slideshow-controls ul {
	margin: 0 0 2em 0;
}

.ps-slideshow-controls li {
	list-style: none;
	float: left;
	margin: 0 10px;
}

/* Rotating Banner */
.ps-slideshow-frame-container {
	height: 238px; /* maximum hight of slideshow */
	position: relative;
}

.ps-slideshow-frame {
	height: 238px; 
	position: absolute;
}

@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
	font-size:12px
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
	background-color: #FFF;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a dark burgunday block with padding and white text with no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #5a3543;
	padding: 0.5em 0.75em;
	color: #FFF;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have the lightest burgundy background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #86586a;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #86586a;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/* FLYOUT NAV */

#navigation ul li {display:block;float:left;}
#primarynav li {margin-right:0px;}
.subnav { position: absolute; margin-top: 40px; z-index: 1; }
#primarynav .sub-nav-links { width: 140px; clear:both;}
#primarynav .sub-nav-links li {width:140px; float:left;}
#primarynav .sub-nav-links li a {width:140px;}

#subnav-calendar .sub-nav-links { width: 165px; }
#subnav-calendar .sub-nav-links li { width: 165px; }
#subnav-calendar .sub-nav-links li a { width: 145px; }

#subnav-services .sub-nav-links { width: 160px; }
#subnav-services .sub-nav-links li { width: 165px; }
#subnav-services .sub-nav-links li a { width: 155px; }

#tinymce #subnav-about.hide, #tinymce #subnav-about.hide li.hide { display:block !important; position: relative; }
#tinymce #subnav-emc-member.hide, #tinymce #subnav-emc-member.hide li.hide { display:block !important; position: relative; }
#tinymce #subnav-calendar.hide, #tinymce #subnav-calendar.hide li.hide { display:block !important; position: relative; }
#tinymce #subnav-marketplace.hide, #tinymce #subnav-marketplace.hide li.hide { display:block !important; position: relative; }
#tinymce #subnav-services.hide, #tinymce #subnav-services.hide li.hide { display:block !important; position: relative; }

/* IFRAME */
#myiframe iframe { width: 100%; height: 60px; border: 0 !important; }

/*Plant survey*/
#containerplantsurvey{
    width:619px;
    height:351px;
    overflow:hidden;
    
}
#containerplantsurveyiframe {
    width:650px;
    height:875px;
    margin-left:-24px;
    margin-top:-600px;   
    border-top:1;
border-bottom:1;
border-left:1;
border-right:1;
 }

/*Wiki embed */
#wikiembed {
width:810px;
height:800px;
margin-top:-300px
}

/* Chrome Fix */
div.two-column div.column-secondary { margin-left: -225px; }

/* NEW HOME */
#ig-page-newhome #header { padding: 0; }
#ig-page-newhome #logo a { padding-top: 120px; }
#ig-page-newhome #navigation { margin: -15px 0 0 85px; position:absolute; }