@charset "UTF-8";
/* CSS Document */



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.twoj_clr{ width: 0; height: 0; clear: both; }
.ui-wrapper { border: 1px solid #696969; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }



.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}


.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

def.css

.ui-tabs-nav{
	margin: 0 !important;
   padding: 0 !important;
	background-image: none !important;
	list-style: none none !important;
	background-color: transparent !important;
}

.ui-tabs-nav li{
	float: left  !important;
   padding: 0 !important;
   list-style: none none !important;
	background-image: none !important;
	background-color: transparent;
	/*min-width: 100px;  be nice to Opera */
}

.ui-tabs-nav a:link,
.ui-tabs-nav a:visited,
.ui-tabs-nav a:hover{ text-decoration: none !important; }

.ui-tabs-nav a, 
.ui-tabs-nav  a span{ 
	text-decoration: none !important;
	display: block !important;
	/* float: left;  fixes dir=ltr problem and other quirks IE */
}


.ui-tabs-nav a{
    white-space: nowrap !important; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}



style21.tabs.css


/* Skin */

.twoj_tabs_class21 {  }



.twoj_tabs_class21 .ui-tabs-nav li{

   margin: 0 3px 0 0 !important;

}



.twoj_tabs_class21.twoj_right_align .ui-tabs-nav li{

	margin: 0 0 0 3px !important;

}



.twoj_tabs_class21 .ui-tabs-nav a,

.twoj_tabs_class21 .ui-tabs-nav a span,

.twoj_tabs_class21 .ui-tabs-nav a:link, 

.twoj_tabs_class21 .ui-tabs-nav a:visited {  color: #20272c; }



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a,

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a span,

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a:link, 

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a:visited { color: #20272c; font-weight:bold; }



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a {}



.twoj_tabs_class21.enable_hover .ui-tabs-nav a:hover,

.twoj_tabs_class21.enable_hover .ui-tabs-nav a:hover span { color: White; }



.twoj_tabs_class21.enable_hover .ui-tabs-nav .ui-tabs-selected a:hover,

.twoj_tabs_class21.enable_hover .ui-tabs-nav .ui-tabs-selected a:hover span { color: #20272c; }



.twoj_tabs_class21 .ui-tabs-nav a, .twoj_tabs_class21 .ui-tabs-nav a span {

	 font: normal 12px Arial, Helvetica, sans-serif;

    padding: 0 6px;

}



.twoj_tabs_class21 .ui-tabs-nav a{

	 margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */

    padding-left: 0;

	 border: 1px solid #bebfc0;

}

.twoj_tabs_class21 .ui-tabs-nav a span { 

	padding-left: 12px;     

}

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a,

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a span {}



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a {



	 position: relative;

    z-index: 2;

    margin-top: 0;

	 border: 1px solid #bebfc0;

}

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a span {}



.twoj_tabs_class21.enable_hover .ui-tabs-nav a:hover, 

.twoj_tabs_class21.enable_hover .ui-tabs-nav a:hover span {   }



.twoj_tabs_class21.enable_hover .ui-tabs-nav a:hover{ }

.twoj_tabs_class21.enable_hover .ui-tabs-nav a:hover span {  }



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a:hover {}

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected a:hover span {}





/* top section*/

.twoj_tabs_class21 .ui-tabs-nav .twoj_li_top a,

.twoj_tabs_class21 .ui-tabs-nav .twoj_li_top a span{

	

}



.twoj_tabs_class21 .ui-tabs-nav .twoj_li_top a{

	border-bottom: 0 none;

	

}

.twoj_tabs_class21 .ui-tabs-nav .twoj_li_top a span {

	padding-top: 5px;  

	padding-bottom: 5px;

}



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_top a,

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_top a span {  }



.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_top a:hover, 

.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_top a:hover span { }



.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_top a:hover{  }

.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_top a:hover span {  }





.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_top a { top: 1px; background-color: #ccc;  background-image: none;     }

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_top a span {padding-bottom: 6px;  }



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_top a:hover {}

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_top a:hover span {}





/* bottom section*/



.twoj_tabs_class21 .ui-tabs-nav .twoj_li_bottom a,

.twoj_tabs_class21 .ui-tabs-nav .twoj_li_bottom a span {}



.twoj_tabs_class21 .ui-tabs-nav .twoj_li_bottom a{

	margin: 0 0 2px; /* position: relative makes opacity fail for disabled tab in IE */

	

	border-top: 0 none;

}

.twoj_tabs_class21 .ui-tabs-nav .twoj_li_bottom a span {

	background-position: 0 bottom;  

	padding-top: 5px;  

	padding-bottom: 7px; 

}



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_bottom a,

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_bottom a span { }



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_bottom a {background-color: #ccc;  background-image: none;    bottom: 1px;}

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_bottom a span {  padding-top: 6px; }



.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_bottom a:hover {}

.twoj_tabs_class21 .ui-tabs-nav .ui-tabs-selected.twoj_li_bottom a:hover span {}



.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_bottom a:hover, 

.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_bottom a:hover span {    }





.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_bottom a:hover, 

.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_bottom a:hover span {  }



.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_bottom a:hover{}

.twoj_tabs_class21.enable_hover .ui-tabs-nav .twoj_li_bottom a:hover span { }





/*  ========================================   */

.twoj_tabs_class21 .ui-tabs-panel {

   padding: 10px;

	border: 1px solid #bebfc0;

}



.twoj_tabs_class21.twoj_orient_top .ui-tabs-panel {

	background: #fff url(../images/tabs/tabs_s21_bg.png) repeat-x !important;

}

.twoj_tabs_class21.twoj_orient_bottom .ui-tabs-panel {

	background: #fff url(../images/tabs/tabs_s21_bottom_bg.png) repeat-x bottom !important;

}




#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../images/close_red.png) no-repeat; }
	#lbClose.green { background: url(../images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../images/pause_gold.png) no-repeat; }


/* (C) 2007 YOOtheme.com */



div.yoo-carousel {

	overflow: hidden;

}



div.yoo-carousel div.frame {

	position: relative;

	overflow: hidden;

}



div.yoo-carousel div.panel {

	overflow: hidden;

}



div.yoo-carousel div.panel div.slide {

	float: left;

	overflow: hidden;

}



div.yoo-carousel ul.tabs {

	padding: 0px;

	margin: auto;

	list-style: none;

}



div.yoo-carousel ul.tabs li {

	margin: 0px;

	padding: 0px;

	float: left;

	display: block;

}



div.yoo-carousel ul.tabs li a {

	float: left;

	display: block;

}



div.yoo-carousel ul.tabs li a span {

	float: left;

	display: block;

}



/* list styling */

div.yoo-carousel div.left ul.tabs {

	float: left;

}



/* list styling */

div.yoo-carousel div.left ul.tabs li, div.yoo-carousel div.left ul.tabs li a, div.yoo-carousel div.left ul.tabs li a span {

	float: none;

}



div.yoo-carousel .prev, div.yoo-carousel .next {

	position: absolute;

	top: 35%;

	z-index: 1;

}



div.yoo-carousel .prev {

	left: 0px;

}



div.yoo-carousel .next {

	right: 0px;

}/* (C) 2007 YOOtheme.com */



div.basic div.yoo-carousel {

	background: #ffffff;

}



/* tabs */

/* top */

div.basic div.yoo-carousel div.top ul.tabs {

	height: 30px;

	background: url(../images/top_tab_bg.png) 0 100% repeat-x;

}



div.basic div.yoo-carousel div.top ul.tabs li {

	margin: 0px 3px 0px 0px;

}



div.basic div.yoo-carousel div.top ul.tabs li a {

	background: url(../images/top_tab_l.png) 0 0 no-repeat;

}



div.basic div.yoo-carousel div.top ul.tabs li.selected a {

	background: url(../images/top_tab_l.png) 0 -30px no-repeat;

	cursor: pointer;

}



div.basic div.yoo-carousel div.top ul.tabs li a span {

	padding: 0px 10px 0px 10px;

	background: url(../images/top_tab_r.png) 100% 0 no-repeat;

}



div.basic div.yoo-carousel div.top ul.tabs li.selected a span {

	background: url(../images/top_tab_r.png) 100% -30px no-repeat;

}



div.basic div.yoo-carousel div.top ul.tabs li a span span {

	height: 30px;

	padding: 0px 10px 0px 10px;

	background: url(../images/top_tab_m.png) 0 0 repeat-x;

	line-height: 35px;

	font-weight: bold;

	font-size: 110%;

	overflow: hidden;

}



div.basic div.yoo-carousel div.top ul.tabs li.selected a span span {

	background: url(../images/top_tab_m.png) 0 -30px repeat-x;

}



/* bottom */

div.basic div.yoo-carousel div.bottom ul.tabs {

	height: 30px;

	background: url(../images/bottom_tab_bg.png) 0 100% repeat-x;

	position: relative;

}



div.basic div.yoo-carousel div.bottom ul.tabs li {

	margin: -1px 3px 0px 0px;

}



div.basic div.yoo-carousel div.bottom ul.tabs li a {

	background: url(../images/bottom_tab_l.png) 0 0 no-repeat; 

}



div.basic div.yoo-carousel div.bottom ul.tabs li.selected a {

	background: url(../images/bottom_tab_l.png) 0 -30px no-repeat;

	cursor: pointer;

}



div.basic div.yoo-carousel div.bottom ul.tabs li a span {

	padding: 0px 10px 0px 10px;

	background: url(../images/bottom_tab_r.png) 100% 0 no-repeat;

}



div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span {

	background: url(../images/bottom_tab_r.png) 100% -30px no-repeat; 

}



div.basic div.yoo-carousel div.bottom ul.tabs li a span span {

	height: 30px;

	padding: 0px 10px 0px 10px;

	background: url(../images/bottom_tab_m.png) 0 0 repeat-x;

	line-height: 30px;

	font-weight: bold;

	font-size: 110%;

	overflow: hidden;

}



div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span span {

	background: url(../images/bottom_tab_m.png) 0 -30px repeat-x;

}



/* links */

div.basic div.yoo-carousel li a:link, div.basic div.yoo-carousel li a:visited {

	color: #969696;

	text-decoration: none;

}



div.basic div.yoo-carousel li a:hover, div.basic div.yoo-carousel li.selected a:link, div.basic div.yoo-carousel li.selected a:visited {

	color: #646464;

	text-decoration: none;

}



/* scroller */

div.basic div.yoo-carousel .panel-container {

	margin: auto;

}



div.basic div.yoo-carousel .top .panel-container-outer {

	padding: 0px 1px 1px 1px;

	border-left: 1px solid #C8C8C8;

	border-right: 1px solid #C8C8C8;

	border-bottom: 1px solid #C8C8C8;

	background: #ffffff;

}



div.basic div.yoo-carousel .bottom .panel-container-outer {

	padding: 0px 1px 1px 1px;

	border-left: 1px solid #C8C8C8;

	border-right: 1px solid #C8C8C8;

	border-top: 1px solid #C8C8C8;

	background: #ffffff;

}



div.basic div.yoo-carousel .panel-container-inner {

	background: url(../images/panel_b.png) 0 100% repeat-x;

}



/* article */

div.basic div.yoo-carousel .article {

	padding: 10px 10px 10px 10px;

	font-size: 95%;

	line-height: 125%;

}



div.basic div.yoo-carousel .article h3 {

	padding-bottom: 0px;

	margin-bottom: 5px;

	line-height: 100%;

	font-size: 150%;

	font-weight: bold;

	color: #323232;

}/* (C) 2007 YOOtheme.com */



div.default div.yoo-carousel {

	background: #ffffff;

}



/* tabs */

div.default div.yoo-carousel div.top ul.tabs {

	height: 40px;

	background: url(../images/tab_bg.png) 0 100% repeat-x;

}



div.default div.yoo-carousel div.top ul.tabs li {

	margin: 0px 10px 0px 0px;

}



div.default div.yoo-carousel div.top ul.tabs li.item1 {

	margin: 0px 10px 0px 20px;

}



div.default div.yoo-carousel div.top ul.tabs li a {

	background: url(../images/tab_m.png) 0 0 repeat-x;

}



div.default div.yoo-carousel div.top ul.tabs li.selected a {

	background: url(../images/tab_m.png) 0 -40px repeat-x;

	cursor: pointer;

}



div.default div.yoo-carousel div.top ul.tabs li a span {

	background: url(../images/tab_l.png) 0 0 no-repeat;

}



div.default div.yoo-carousel div.top ul.tabs li.selected a span {

	background: url(../images/tab_l.png) 0 -40px no-repeat;

}



div.default div.yoo-carousel div.top ul.tabs li a span span {

	height: 40px;

	padding: 0px 20px 0px 20px;

	background: url(../images/tab_r.png) 100% 0 no-repeat;

	line-height: 50px;

	font-weight: bold;

	font-size: 125%;

	overflow: hidden;

}



div.default div.yoo-carousel div.top ul.tabs li.selected a span span {

	background: url(../images/tab_r.png) 100% -40px no-repeat;

}



div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited {

	color: #969696;

	text-decoration: none;

}



div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited {

	color: #646464;

	text-decoration: none;

}



/* buttons */

div.default div.yoo-carousel .prev span {

	width: 50px;

	height: 40px;

	display: block;

	background: url(../images/button_prev.png) 100% 0 no-repeat;

}



div.default div.yoo-carousel .next span {

	width: 50px;

	height: 40px;

	display: block;

	background: url(../images/button_next.png) 100% 0 no-repeat;

}



div.default div.yoo-carousel .prev a, div.default div.yoo-carousel .next a {

	cursor: pointer;

}



/* scroller */

div.default div.yoo-carousel .panel-container {

	margin: auto;

	background: url(../images/panel_b.png) 0 100% repeat-x;

}



div.default div.yoo-carousel .panel-container-bl {

	background: url(../images/panel_bl.png) 0 100% no-repeat;

}



div.default div.yoo-carousel .panel-container-br {

	background: url(../images/panel_br.png) 100% 100% no-repeat;

}



/* article */

div.default div.yoo-carousel .article {

	font-size: 95%;

	line-height: 125%;

}



div.default div.yoo-carousel .article h3 {

	padding-bottom: 0px;

	margin-bottom: 5px;

	line-height: 100%;

	font-size: 150%;

	font-weight: bold;

	color: #323232;

}/* (C) 2007 YOOtheme.com */



div.list div.yoo-carousel {

	background: #ffffff;

}



/* panel */

div.list div.yoo-carousel .panel-container-t {

	background: url(../images/panel_t.png) 0 0 repeat-x;

}



div.list div.yoo-carousel .panel-container-b {

	background: url(../images/panel_b.png) 0 100% repeat-x;

}



div.list div.yoo-carousel .panel-container-l {

	background: url(../images/panel_l.png) 0 0 repeat-y;

}



div.list div.yoo-carousel .panel-container-r {

	background: url(../images/panel_r.png) 100% 0 repeat-y;

}



div.list div.yoo-carousel .panel-container-tl {

	background: url(../images/panel_tl.png) 0 0 no-repeat;

}



div.list div.yoo-carousel .panel-container-tr {

	background: url(../images/panel_tr.png) 100% 0 no-repeat;

}



div.list div.yoo-carousel .panel-container-bl {

	background: url(../images/panel_bl.png) 0 100% no-repeat;

}



div.list div.yoo-carousel .panel-container-br {

	padding: 20px 0px 20px 0px;

	background: url(../images/panel_br.png) 100% 100% no-repeat;

}



/* tabs */

div.list div.yoo-carousel div.left ul.tabs {

	background: url(../images/tabs_bg.png) 100% 0 repeat-y;

}



div.list div.yoo-carousel div.left ul.tabs li {

	margin: -1px 0px 0px 20px;

}



div.list div.yoo-carousel div.left ul.tabs li.item1 {

	margin-top: 0px;

}



div.list div.yoo-carousel div.left ul.tabs li a {

	padding-right: 45px;

}



div.list div.yoo-carousel div.left ul.tabs li.selected a {

	background: url(../images/tab_bg.png) 100% -30px no-repeat;

	cursor: pointer;

}



div.list div.yoo-carousel div.left ul.tabs li a span {

	padding-left: 20px;

	background: url(../images/tab_bg.png) 0 0 repeat-x;

}



div.list div.yoo-carousel div.left ul.tabs li.selected a span {

	background: url(../images/tab_bg.png) 0 -60px no-repeat;

}



div.list div.yoo-carousel div.left ul.tabs li a span span {

	padding-left: 0px;

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	font-size: 110%;

	overflow: hidden;

}



div.list div.yoo-carousel div.left ul.tabs li.selected a span span {

	background: url(../images/tab_bg.png) 0 -90px repeat-x;

}



div.list div.yoo-carousel li a:link, div.list div.yoo-carousel li a:visited {

	color: #969696;

	text-decoration: none;

}



div.list div.yoo-carousel li a:hover, div.list div.yoo-carousel li.selected a:link, div.list div.yoo-carousel li.selected a:visited {

	color: #646464;

	text-decoration: none;

}



/* article */

div.list div.yoo-carousel .article {

	padding: 0px 10px 0px 10px;

	font-size: 95%;

	line-height: 125%;

}



div.list div.yoo-carousel .article h3 {

	padding-bottom: 0px;

	margin-bottom: 5px;

	line-height: 100%;

	font-size: 150%;

	font-weight: bold;

	color: #323232;

}/* (C) 2007 YOOtheme.com */



/* buttons */

div.slideshow div.yoo-carousel .prev, div.slideshow div.yoo-carousel .next {

	top: 0px;

}



div.slideshow div.yoo-carousel .prev a, div.slideshow div.yoo-carousel .next a {

	width: 65px;

	display: block;

}



div.slideshow div.yoo-carousel .prev a {

	background: url(../images/button_prev.png) 0 -32px no-repeat; 

}



div.slideshow div.yoo-carousel .next a {

	background: url(../images/button_next.png) 0 -32px no-repeat; 

}



div.slideshow div.yoo-carousel .prev a:hover {

	background: url(../images/button_prev.png) 0 45% no-repeat; 

}



div.slideshow div.yoo-carousel .next a:hover {

	background: url(../images/button_next.png) 0 45% no-repeat; 

}

template_css.css




body{
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #000;
	margin: 0;
	padding: 0;
}
#body_bg{
	background: #415f76 url(../images/background.gif) top left repeat-x;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #000;
	margin: 20px 0px;
}
.clr{
	clear: both;
}

p {
margin:0;
padding:0;
color: #333333;
}

h1 {
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 24px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h2 {
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 26px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}

h2 a:link, h2 a:visited{
	color: #00469B;
	text-decoration: none;
}
h2 a:hover{
	color: #9F0004;
	text-decoration: underline;
}

h3 {
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 20px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h4 {
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 18px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h5 {
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 16px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}
h6 {
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 14px;
	color: #9F0004;
	font-weight: normal;
	margin: 5px 0px;
}


/* JOOMLA DEFAULT STYLE
--------------------------------------------------------- */
a:link, a:visited {
	color: #00469b;
	text-decoration: none;
	position: relative; /* Internet Explorer: a cancer on the web that must be stopped!!! */
}
a:hover{
	color: #9F0004;
	text-decoration: underline;
}
table{
	text-align: left;
}
td{
	font-size: 12px;
}
ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	color: #333333;
}
ul a:link, ul a:visited{
	color: #00469B;
	text-decoration: none;
}
ul a:hover{
	color: #9F0004;
	text-decoration: underline;
}

#right li {
padding:5px 0px;
border-bottom:0px dotted #666666;
}

#right ul li {
padding:5px 0px;
border-bottom:1px dotted #666666;
}
.contentheading{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 20px;
	color: #9F0004;
}
.contentheading a:link, .contentheading a:visited {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 20px;
	color: #00469B;
	text-decoration: none;
}
.contentheading a:hover {
	color: #9F0004;
	text-decoration: underline;
}
.modifydate{
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #aaa;
	padding-top: 15px;
}
.small{
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #aaa;
}
.createdate{
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #aaa;
}
.readon{
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #00469B;
}
a.readon:link, a.readon:visited {
	text-decoration: none;
	color: #00469B;
}
a.readon:hover {
	color: #9F0004;
	text-decoration: underline;
}
td.buttonheading {
	width: 12px;
}
.sectiontableheader {
	background-color : #E8E8E8;
	background-repeat: repeat;
	border-bottom: solid 1px #999999;
	padding: 2px;
	color : #808080;
	font-weight : bold;
	padding: 2px;
}
.sectiontableentry1 {
	background-color : #FAFAFA;
	height: 20px;
}
.sectiontableentry2 {
	background-color : #F5F5F5;
	height: 20px;
}
.sectiontableentry1 td,
.sectiontableentry2 td{
	padding: 4px;
	border-bottom: 1px solid #ddd;
}
td.sectiontableentry1,
td.sectiontableentry2{
	padding: 4px;
	border-bottom: 1px solid #ddd;
}
.mosimage {
	margin: 15px 15px 15px 0!important;
	margin: 15px 10px 15px 0;
	padding: 0;
}
.mosimage img {
	margin: 0 6px 0 0!important;
	margin: 0 0 0 -6px;
	border: 1px solid #ccc;
	padding: 2px;
}
.mosimage_caption {
	margin-top: 3px;
	color: #aaa;
	font-size: 10px;
}
.componentheading {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 18px;
	color: #cbcbcb;
	margin: 5px 0px;
}
table.contenttoc {
	margin: 0 0 30px 30px;
	padding: 0;
	width: 200px;
}
table.contenttoc th {
	padding: 5px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	background-color : #e8e8e8;
	border-bottom: solid 1px #999999;
	color: #808080;
	text-indent: 5px;
}
table.contenttoc td a:link, table.contenttoc td a:visited {
	display: block;
	width: auto;	
}
table.contenttoc td a:hover {
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
	display: block;
	width: auto;
}
table.contenttoc td {
	text-align: center;
	background: #FCFCFC;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.toclink{
	font-size: 10px;
	padding: 5px;
}
.contentpaneopen{
	width: 100%;
	text-align: left;
}
table.contentpane{
	width: 100%;
	margin-bottom: 30px;
}
.highlight{
	background-color: #ffff99;
}
.contentpane{
	width: auto;
}

#formtable {
width:626px;
}
form {
	margin: 0;
	padding: 0;
	position: relative;
}
table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.poll td{
	font-size: 12px;
}
table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}
table.pollstableborder img {
	vertical-align: baseline;
}
table.pollstableborder td {
	padding: 2px!important;
}
#mod_login_password, #mod_login_username {
	width: 120px;
}
#mod_login_remember.inputbox{
	border: none;
	background: none;
}
#mod_search_searchword{
	width: 150px;
}

input, select {
	font: 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
}
select, .inputbox {
	padding: 2px;
}
.inputbox{
	margin: 1px 0;
}
.inputbox:focus {
	border: 1px solid #BABDB6;
	background: #FFFFDD;
}
textarea {
	padding-left: 2px;
}
textarea.inputbox{
	font: 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
	width: 95%;
}
fieldset{
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 10px;
}

table.searchintro{
	margin: 20px 0 10px 0;
}
.button {
	padding: 1px 4px;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #BABDB6;
	border-right: 1px solid #BABDB6;
	background: #f5f5f5;
	color: #999;
	cursor: pointer;
}
.button:hover, .button:focus {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #BABDB6;
	color: #000;
}
.inputbox {
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #EDEEEC;
	border-bottom: 1px solid #EDEEEC;
	border-left: 1px solid #BABDB6;
}
.inputbox:hover, .inputbox:focus {
	border: 1px solid #BABDB6;
}
.pagenav {
	padding: 2px;
	color: #999;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a{
	padding: 1px 4px;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #BABDB6;
	border-right: 1px solid #BABDB6;
	text-decoration: none;
	font-size: 12px;
	background: #f5f5f5;
	color: #999;
	height: 100%;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
	padding: 1px 4px;
	border-top: 1px solid #BABDB6;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #BABDB6;
	text-decoration: none;
	color: #000;
}
th.pagenav_prev a,
th.pagenav_next a{
	color: #999;
	font-weight: normal;
}
th.pagenav_prev a:hover,
th.pagenav_next a:hover{
	color: #000;
	font-weight: normal;
}
.pagenavbar {
	padding-left: 14px;
	font-size: 12px;
}
.pagenavcounter {
	padding: 10px 0 0 0;
	color: #aaa;
}
.blog table{
	padding: 0 5px;
}
.blog_more {
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 30px;
}
.back_button{
	font-size: 12px;
	text-align: left;
}
hr {
	border: none 0;
	border-top: 1px solid #d5d5d5;
	height: 1px;
}
.adminform textarea {
	width: 911px !important;
}
.adminform textarea.inputbox {
	width: 911px !important;
}


/* CUSTOM STYLING
--------------------------------------------------------- */
div#wrapper {
	width: 970px;
	margin: 0px;
}
span.alert{
	display: block;
	background: #fff6bf url(../images/wr_exclamation.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
span.info{
	display: block;
	background: #f8fafc url(../images/wr_information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}
span.download{
	display: block;
	background: #e2f3de url(../images/wr_download.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #3C6;
	border-bottom: 2px solid #3C6;
}
pre{
	display: block;
	line-height: 100%;
	border-left: 5px solid #ccc;
	background: #f2f2f2;
	padding: 10px;
	font-family: Monaco, "Courier New", monospace;
	font-size: 12px;
	overflow: auto !important;
	overflow: scroll;
	width: 95%;
}
blockquote{
	margin: 20px 0;
	padding: 0 0 0 40px;
	background: url(../images/wr_quote.png) no-repeat;
	background-position: 10px 0;
	border: none;
	font-style: oblique;
	color: #888;
}


/* TOP HEADER
--------------------------------------------------------- */
div#top_header_wrap {}
div.top_header {
	background: url(../images/wr_top_header.png) top left no-repeat;
	height: 111px;
}

#contact {
	float:right;
	margin:45px 50px 0 0px;
	width:247px;
	height:60px;
}

/* ---- logo --- */
div#logo_wrap {
	position: relative;
	width: 970px;
}
div#logo {
	
	width: 348px;
	height: 70px;
	position: absolute;
	left: 46px;
	top: 33px;
	cursor: pointer;
}

/* ---- rss feed icon--- */
div#rss_wrap {
	position: relative;
	width: 970px;
}
div#rss {
	background: url(../images/wr_rss.gif) no-repeat;
	width: 110px;
	height: 20px;
	position: absolute;
	right: 52px;
	top: 24px;
	cursor: pointer;
}
div#rss_client {
	background: url(../images/wr_client.png) no-repeat;
	width: 110px;
	height: 20px;
	position: absolute;
	right: 52px;
	top: 24px;
	cursor: pointer;
}


/* CONTENT LAYOUT
--------------------------------------------------------- */
div#content_layout_wrap {}
div.content_layout {
	background: url(../images/wr_content_layout.png) top left repeat-y;
	height: 1%;
}
div.content_layout_sidebar {
	background: url(../images/wr_content_layout_sidebar.png) top left repeat-y;
	height: 1%;
}

/* TOP MENU
--------------------------------------------------------- */
div#top_menu_wrap {
	padding: 0px 25px;
}
div.top_menu {
	background: url(../images/wr_topmenu.png) top left repeat-x;
	height: 33px;
}


/* DROP DOWN MENU
--------------------------------------------------------- */
div#ddmenuwrap {
	background: url(../images/wr_topmenu.png) repeat-x;
	height: 33px;
	position: relative;
	z-index: 100;
}
div#ddmenu {}
div#nav {
	margin: 0;
	padding: 0;
	height: 33px;
/*	background-color: #1a1a1a; */
}
div#nav a {
	font-size: 12px;
	color: #fff;
	float: left;
	text-decoration: none;
	display: block;
	cursor: pointer;
	line-height: 33px;
	padding: 0 15px;
}


div#nav ul ul a.daddy {
	background: url(../images/sublink.png) 100% 50% no-repeat;
}
div#nav ul ul a.daddy:hover {
	background: url(../images/sublink_hover.png) 100% 50% no-repeat;
}
div#nav li a {
	background: url(../images/wr_menu_div.gif) 100% 0 no-repeat;
}
div#nav li a:hover{}
div#nav li li a{
	background: none;
	font-weight: normal;
	padding: 0;
	text-indent: 15px;
	color: #fff;
	line-height: 25px;
}
div#nav ul li ul li a:hover{
	background: none;
}
div#nav ul li a:hover,
div#nav ul li ul li ul li a:hover {
	color: #fefefe;
}
div#nav, div#nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
div#nav li li {

	padding: 0;
	background: none;
	border-bottom: 1px solid #01324D;
/*	border-top: 1px solid #01324D; */
}
div#nav a {}
div#nav ul ul a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: 167px;
	font-size: 12px;
	text-align: left;

}
div#nav li {
	float: left;
	padding: 0;
 	background: none;
	height: 33px;
}
div#nav ul li {
	position: relative;
}
div#nav li ul {

	top: 33px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #01344e;
	border-left: 1px solid #01344e;
	border-top: 1px solid #01344e;
}	
div#nav ul {
	padding: 0;
	margin: 0;
}
div#nav li li {
	float: left;
	padding: 0;
   	width: 190px;
	height: 25px;
	
}
div#nav li ul ul {
	margin: -30px 0 0 170px;
}
div#nav li:hover ul ul, 
div#nav li:hover ul ul ul,
div#nav li:hover ul ul ul ul,  
div#nav li.sfhover ul ul, 
div#nav li.sfhover ul ul ul, 
div#nav li.sfhover ul ul ul ul {
	left: -999em;
}
div#nav li:hover ul, 
div#nav li li:hover ul, 
div#nav li li li:hover ul, 
div#nav li li li li:hover ul,
div#nav li.sfhover ul, 
div#nav li li.sfhover ul, 
div#nav li li li.sfhover ul,
div#nav li li li li.sfhover ul{
	z-index: 100;
	left: 0;
}
div#nav li:hover, div#nav li.sfhover {
    left: 0;
    background: url(../images/wr_menu_active.gif) top left repeat-x;
	height: 33px;
}
div#nav li li:hover, div#nav li li.sfhover {
    left: 0;
    background: #6d0000;
	height: 25px;
}
div#nav li:hover a, div#nav li.sfhover a {
    color: #fff;
}
div#nav li li:hover a, div#nav li li.sfhover a {
    color: #fff;
}
div#nav li li:hover a:hover, div#nav li li.sfhover a:hover {
    color: #fff;
}
div#nav a {}
div#nav ul ul a {font-size:10px;
	background: none;
}
div#nav li.active {
    background: url(../images/wr_menu_active.gif) top left repeat-x;
}
div#nav li li.active {
	background: #a30030;
}
div#nav li:hover ul, 
div#nav li li:hover ul, 
div#nav li li li:hover ul, 
div#nav li li li li:hover ul,
div#nav li.sfhover ul, 
div#nav li li.sfhover ul, 
div#nav li li li.sfhover ul,
div#nav li li li li.sfhover ul{
	background: #324c62;
	
}


/* HEADER
--------------------------------------------------------- */
div#header_wrap {
	padding: 0px 25px;
}
div#header {
	height: 385px;
	background: #ffffff;
	border-bottom: 5px solid #cccccc;
}

/* ---- header content --- */
div#header_content_wrap {}
div#header_content {
	height: 305px;
}

/* ---- scrolling header (user1, user2, user3, user4 and user5 module positions) --- */
#demo-bar {
	margin: 0px auto;
	padding: 0;
	width: 920px;
	text-align: center;
} 
#demo-wrapper {
	margin: 0px auto;
	overflow: hidden; 
	height: 305px; 
	width: 920px;
	position: relative;
} 
#demo-inner {
	width: 4600px;
	height: 305px;
	position: relative;
} 
.scrolling-content {
	background: transparent url(../images/bubble.png) top left no-repeat;
	width: 139px;
	height: 73px;
	text-align: left;
	position: absolute;
} 
.scrolling-content h1 { 
	color: #2c4f6b;
	padding: 0 0 10px 0;
	font-size: 30px;
	line-height:34px;
	font-weight:normal;
} 
span.color { 
	color: #9f0004;
} 
#content1 {
	left: 0px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/wr_user1_bg.jpg) top right no-repeat;
}
div#user1, div#user2, div#user3, div#user4, div#user5 {
	font-size: 12px;
	color: #9a9a9a;
	width: 550px;
	padding: 20px 0 0 20px;
}
div#content1 a:link, div#content1 a:visited,
div#content2 a:link, div#content2 a:visited,
div#content3 a:link, div#content3 a:visited,
div#content4 a:link, div#content4 a:visited,
div#content5 a:link, div#content5 a:visited  {
	color: #fff;
	text-decoration: none;
}
div#content1 a:hover,
div#content2 a:hover,
div#content3 a:hover,
div#content4 a:hover,
div#content5 a:hover {
	color: #fff;
}

#content2 {
	left: 920px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/wr_user2_bg.jpg) top right no-repeat;
} 
#content3 {
	left: 1840px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/wr_user3_bg.jpg) top right no-repeat;
} 
#content4 {
	left: 2760px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/wr_user4_bg.jpg) top right no-repeat;
}
#content5 {
	left: 3680px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/wr_user5_bg.jpg) top right no-repeat;
}

/* ---- header buttons --- */
div#header_buttons_wrap {}
div#header_buttons {
	height: 80px;
	background: url(../images/wr_header_buttons_bg.png) top left repeat-x;
}
/* a#link1, a#link2, a#link3, a#link4, a#link5 {
	width: 184px;
	height: 80px;
	display: block;
}*/
ul#buttons {
	margin: 0;
	padding: 0;
}
ul#buttons li {
	list-style: none;
}
ul#buttons li a:link, ul#buttons li a:visited {
	width: 184px;
	height: 80px;
	display: block;
}

li#but_intro {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_intro.jpg) 0% 0% no-repeat;
}
li#but_intro a:hover {
	background: url(../images/wr_header_but_intro.jpg) 0% 50% no-repeat;
}
li#but_intro a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_intro.jpg) 0% 100% no-repeat;
}
li#but_intro a:active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_intro.jpg) 0% 100% no-repeat;
}
li#but_flexible {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_flex.jpg) 0% 0% no-repeat;
}
li#but_flexible a:hover {
	background: url(../images/wr_header_but_flex.jpg) 0% 50% no-repeat;
}
li#but_flexible a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_flex.jpg) 0% 100% no-repeat;
}
li#but_support {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_support.jpg) 0% 0% no-repeat;
}
li#but_support a:hover {
	background: url(../images/wr_header_but_support.jpg) 0% 50% no-repeat;
}
li#but_support a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_support.jpg) 0% 100% no-repeat;
}
li#but_pro {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_pro.jpg) 0% 0% no-repeat;
}
li#but_pro a:hover {
	background: url(../images/wr_header_but_pro.jpg) 0% 50% no-repeat;
}
li#but_pro a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_pro.jpg) 0% 100% no-repeat;
}
li#but_w3c {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_w3c.jpg) 0% 0% no-repeat;
}
li#but_w3c a:hover {
	background: url(../images/wr_header_but_w3c.jpg) 0% 50% no-repeat;
}
li#but_w3c a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/wr_header_but_w3c.jpg) 0% 100% no-repeat;
}

/* ---- user6 --- */
div#user6_wrap {
	padding: 0 0px;
}
div#user6 {
	color: #9a9a9a;
	text-align: left;
	padding: 0px 25px;
	font-size: 12px;
}


/* CONTENT
--------------------------------------------------------- */
div#content_wrap { /* 1 column layout */
	padding: 0px 25px;
} 
div#content_wrap_sidebar { /* 2 columns layout */
	width: 670px;
	padding: 0px 25px;
	float: left;
}
div#content {}

/* ---- top users --- */
div#topusers_wrap{
	height: 1%;
	margin: 20px 0 0 0;
	padding: 0 20px;
}
div#user7wrap,
div#user8wrap,
div#user9wrap{
	float: left;
}
div#user7,
div#user8,
div#user9{
	margin: 3px;
}
div#user7wrap div.module h3,
div#user8wrap div.module h3,
div#user9wrap div.module h3{
	margin: 0px;
	padding-bottom: 2px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 13px;
	color: #9F0004;
}
div#user7wrap div.module,
div#user8wrap div.module,
div#user9wrap div.module{
	background: url('../images/wr_round_mod_b_l.gif') no-repeat bottom left;
	text-align: left;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #808080;
}
div#user7wrap div.module div div,
div#user8wrap div.module div div,
div#user9wrap div.module div div{
    background: url('../images/wr_round_mod_t_l.gif') no-repeat top left;
}
div#user7wrap div.module div,
div#user8wrap div.module div,
div#user9wrap div.module div{
	background: url('../images/wr_round_mod_b_r.gif') no-repeat bottom right;
}
div#user7wrap div.module div div div,
div#user8wrap div.module div div div,
div#user9wrap div.module div div div{
    background: url('../images/wr_round_mod_t_r.gif') no-repeat top right;
	padding: 5px 10px 5px 10px;
}
div#user7wrap div.module div div div h3,
div#user8wrap div.module div div div h3,
div#user9wrap div.module div div div h3{
	display:block;
}
div#user7wrap div.module div div div div,
div#user8wrap div.module div div div div,
div#user9wrap div.module div div div div{
    background:none;
}

/* ---- newsflash --- */
div#newsflash_wrap {
	padding: 0 25px;
	padding-top: 20px;
}
div#newsflash {}
div#newsflash .module {
	text-align: left;
	color: #333;
}
div#newsflash .module h3 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	margin: 0px 0px;
}


/* ---- mainbody --- */
div#mainbody_wrap {}
div#mainbody {
	min-height:500px;
	padding: 20px 20px 0px 20px;
	text-align: left;
	
}

div#mainbodyhp {
	padding: 20px 20px 0px 20px;
	text-align: left;
	
}

/* ---- bottom users --- */
div#bottomusers_wrap{
	height: 1%;
	margin: 10px 0 0 0;
	padding: 0 20px;
}
div#user10wrap,
div#user11wrap,
div#user12wrap{
	float: left;
}
div#user10,
div#user11,
div#user12{
	margin: 3px;
}
div#user10wrap div.module h3,
div#user11wrap div.module h3,
div#user12wrap div.module h3{
	margin: 0px;
	padding-bottom: 2px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 13px;
	color: #9F0004;
}
div#user10wrap div.module,
div#user11wrap div.module,
div#user12wrap div.module{
	background: url('../images/wr_round_mod_b_l.gif') no-repeat bottom left;
	text-align: left;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #808080;
}
div#user10wrap div.module div div,
div#user11wrap div.module div div,
div#user12wrap div.module div div{
    background: url('../images/wr_round_mod_t_l.gif') no-repeat top left;
}
div#user10wrap div.module div,
div#user11wrap div.module div,
div#user12wrap div.module div{
	background: url('../images/wr_round_mod_b_r.gif') no-repeat bottom right;
}
div#user10wrap div.module div div div,
div#user11wrap div.module div div div,
div#user12wrap div.module div div div{
    background: url('../images/wr_round_mod_t_r.gif') no-repeat top right;
	padding: 5px 10px 5px 10px;
}
div#user10wrap div.module div div div h3,
div#user11wrap div.module div div div h3,
div#user12wrap div.module div div div h3{
	display:block;
}
div#user10wrap div.module div div div div,
div#user11wrap div.module div div div div,
div#user12wrap div.module div div div div{
    background:none;
}

/* ---- list bottom users --- */
div#list_bottom_users_wrap{
	padding: 20px 15px 15px 15px;
	height: 1%; /* ie really sucks */
}
div#list_bottom_users{}
div#user13 h3,
div#user14 h3{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	margin: 0px 0px;
}
div#user13 .module,
div#user14 .module{
	padding: 10px;
	margin: 0;
}
div#user13,
div#user14{
	float: left;
	text-align: left;
	color: #a8a8a8;
	font-size: 12px;
}
div#user13 a:link, div#user13 a:visited,
div#user14 a:link, div#user14 a:visited{
	border-bottom: 1px dotted #999;
	color: #a8a8a8;
	text-decoration: none;
}
div#user13 a:hover,
div#user14 a:hover{
	color: #3875D7;
	text-decoration: none;
}
div#user13 ul,
div#user14 ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#user13 li,
div#user14 li{
	padding: 0;
	line-height: 20px;
	text-indent: 5px;
	border-bottom: 1px solid #ddd;
}
div#user13 li a:link, div#user13 li a:visited,
div#user14 li a:link, div#user14 li a:visited{
	color: #3875D7;
	display: block;
	border-bottom: none;
	width: 100%;
}
div#user13 li a:hover,
div#user14 li a:hover{
	border-bottom: none;
	display: block;
	color: #000;
	text-decoration: none;
	background: #f8f8f8 url(../images/wr_list_bg.gif) 100% 50% no-repeat;
}


/* SIDEBAR
--------------------------------------------------------- */
div#sidebar_wrap {
	float: left;
	text-align: left;
	width: 200px;
	margin-top: 20px;
}
div#sidebar {}
div#sidebar .module h3 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	font-size: 14px;
	color: #587788;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
div#sidebar .module {
	font-size: 12px;
	color: #595959;
	margin-bottom: 30px;
}
div#sidebar a:link, div#sidebar a:visited {
	color: #9F0004;
	text-decoration: none;
}
div#sidebar a:hover {
	color: #00469b;
	text-decoration: underline;
}


/* BOTTOM LAYOUT
--------------------------------------------------------- */
div#bottom_layout {}
div.bottom_layout {
	background: url(../images/wr_bottom_layout.png) top left repeat-y;
	height: 41px;
}
div.bottom_layout_sidebar {
	background: url(../images/wr_bottom_layout_sidebar.png) top left repeat-y;
	height: 41px;
}


/* FOOTER
--------------------------------------------------------- */
div#footer_wrap {
	padding-top: 10px;
}
div#footer {
	color: #c1c1c1;
	font-size: 12px;
}
div#footer a:link, div#footer a:visited {
	color: #fff;
	text-decoration: none;
}
div#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
div#footerwrap{
	background-color: #200165;
	margin-top: 0px;
	padding: 0px;
}

/* ------------------- MISC   */

#button a:link, #button a:visited {
display:block;
font-size:12px;
padding:3px;
margin:8px 0;
background: url(../images/wr_topmenu.png) repeat-x;
color:#FFFFFF;
font-weight:bold;
width:130px;
text-align:center;
}

#button a:hover {
background-color:#990000;
text-decoration:none;
background: url(../images/wr_menu_active.gif) repeat-x;
}


#forms table {
font-family: 'Lucida Grande',Tahoma,Verdana,sans-serif; font-size:12px; line-height:16px; color:#333333; 
}
#forms .button {
border:1px solid #999999;
padding:3px;
background-color:#333;
width:80px;
color:#FFFFFF;
}
#forms input {
border:1px solid #999999;
padding:3px;
background-color:#FFFFCC;
font-family: 'Lucida Grande',Tahoma,Verdana,sans-serif; font-size:12px; line-height:16px; color:#333333;
width:100%;
font-weight:normal;
}
#forms select {
border:1px solid #999999;
padding:3px;
background-color:#FFFFCC;
font-family: 'Lucida Grande',Tahoma,Verdana,sans-serif;
font-size:12px;
line-height:16px;
color:#333333;
width:100%;
font-weight:normal;
}
#forms textarea {
border:1px solid #999999;
padding:3px;
background-color:#FFFFCC;
font-family: 'Lucida Grande',Tahoma,Verdana,sans-serif;
font-size:12px;
line-height:16px;
color:#333333;
width:100%;
}
#forms label {
font-weight:bold;
font-size:12px;
}
#forms .radio {
border:0px solid #999999;
padding:0px;
background-color:#fff;
font-family: 'Lucida Grande',Tahoma,Verdana,sans-serif; font-size:12px; line-height:16px; color:#333333;
width:auto;
}


#forms td {
padding-right:20px;
padding-bottom: 10px;
}

 img {
 border:0;
 }

a.mainlevel {
font-size:10px;
color: #005E31;
}

a.mainlevel:hover, a.mainlevel#active_menu {
font-weight:normal;
}

a.sublevel {
font-size:10px;
margin-left:5px;
color: #005E31;
}

a.sublevel:hover, a.sublevel#active_menu {
}

#submenu {
text-align:left;
margin:0 0 0 50px;
color:#666666;
font-size:9px;
list-style:none;
float:left;
}
#submenu a {
color:#666666;
}
#submenu a:hover {
color:#980000;
}

#submenu ul {
margin:0;
padding:0;
list-style:none;
font-size:9px;
}



#submenu li {
list-style:none;
float:none;
}

#submenu_3col {
float:left;
margin-right:50px;
}




#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }




ul.arrow,

ul.checkbox,

ul.check,

ul.star {

	margin: 10px 0px 10px 0px;

	padding-left: 20px;

	list-style: none;

}


ul.new {

	margin: 0px 0px 0px 0px;

	list-style: none;

}


ul.arrow li,

ul.checkbox li,

ul.check li,

ul.star li {

	margin: 5px 0px 5px 0px;

	padding-left: 35px;

	line-height: 26px;  

}

ul.new li {


	padding-left: 30px;

	line-height: 24px;  

}


ul.arrow li { background: url(../images/typography/list_arrow.png) 0 0 no-repeat; }

ul.checkbox li { background: url(../images/typography/list_checkbox.png) 0 0 no-repeat; }

ul.check li { background: url(../images/typography/list_check.png) 0 0 no-repeat; }

ul.star li { background: url(../images/typography/list_star.png) 0 0 no-repeat; }

ul.new li { background: url(../images/typography/list_new.png) 0 0 no-repeat; }






span.note,

span.info,

span.info1,

span.alert,

span.download,

span.tip,

span.clear

span.new {

	display: block;

}



div.note, span.note {

	margin: 10px 0px 10px 0px;

	padding: 5px 10px 5px 10px;

	background: #f4f5f6;

	border-top: 1px dotted #aab4be;

	border-bottom: 1px dotted #aab4be;

	text-align:justify;

}

div.new, span.new {

	margin: 10px 0px 10px 0px;

	padding: 5px 20px 5px 30px;

	background: #ffffff;

	text-align:justify;
	
	overflow:visible;

}



div.info, span.info,

div.info1, span.info1,

div.alert, span.alert,

div.download, span.download,

div.tip, span.tip, span.clear {

	display: block;
	
	margin: 10px 0px 10px 0px;

	padding: 8px 10px 8px 35px;

}



div.info, span.info {

	background: #f4f5f6 url(../images/typography/box_info.png) 3px 5px no-repeat;

	border-top: 1px dotted #aab4be;

	border-bottom: 1px dotted #aab4be;

}

div.info1, span.info1 {

	background: #f4f5f6;

	border-top: 1px dotted #aab4be;

	border-bottom: 1px dotted #aab4be;

}


div.alert, span.alert {

	background: #FFF5EB url(../images/typography/box_alert.png) 3px 5px no-repeat;

	border-top: 1px dotted #FFB4A0;

	border-bottom: 1px dotted #FFB4A0;

}



div.download, span.download {

	background: #F5FAEB url(../images/typography/box_download.png) 3px 5px no-repeat;

	border-top: 1px dotted #78BE5A;

	border-bottom: 1px dotted #78BE5A;

}



div.tip, span.tip {

	background: #FFFDEB url(../images/typography/box_tip.png) 3px 5px no-repeat;

	border-top: 1px dotted #FFC864;

	border-bottom: 1px dotted #FFC864;

}

div.new, span.new {

	background: #FFFFFF url(../images/typography/box_new.png) 0px 1px no-repeat;
}
	

/* mid mod white */

#midmodwhitetop {
width:626px;
height:10px;
background: url(../images/midmodwhite_top.png) no-repeat center top;
margin:0;
padding:0;

}
#midmodwhitemid {
width:624px;
margin:0;
padding:0px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
font-size:12px;
background-color:#ededed;
}



#midmodwhitebot {
width:626px;
height:10px;
background: url(../images/midmodwhite_bot.png) no-repeat center bottom;
margin:0 0 10px 0;
padding:0;

}
#midcontent {
width:586px;
margin:0 20px;
background-color:#ededed;
}

#absolute {
	text-align:right;
	z-index: 999;
	float:left;
	width: 100%;
}


	
	.button_big a,
.button_big, .button_big input 
 

{
	font-size: 10px;
	background:#900;
	padding:5px;
	color:#FFF;
	border:1px solid #CCC;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}
.button_big a:hover,
.button_big:hover, .button_big input:hover  
 
{
	font-size: 10px;
	background: #036;
	padding:5px;
	color:#FFF;
	border:1px solid #CCC;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}

.grey_button {
	font-size: 10px;
	background:#999;
	padding:5px;
	color:#FFF;
	border:1px solid #CCC;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}
.grey_button:hover {
	background:#333;
	}