

/**************************************************
 TEMPLASUP - STYLE 1 
***************************************************/



body {
	background:#f6fcff;
	}
	
a {
	color:#a41c1c;
	}
	
button,
.button {
	color:#000000;
	background:#f0e677;
	border:1px solid #ded56d;
	}
	
.inputbox {
	background:#f6f6f6;
	border:1px solid #cdcdcd;
	}
	
	
	
/* Header
***************************************************/
	
	
#header {
	background:#ffffff;
	}
	
#logo {
	background:url("../images/style1/logo.png") no-repeat left;
	}
	
#login {
	background:url("../images/style1/login_bg.png") no-repeat left top;
	}
	
#login H3 {
	color:#ffffff;
	}
	
#login .inputbox {
	background:#f6f6f6;
	border:1px solid #cdcdcd;
	}
	
#login ul li {
	background:url("../images/style1/login_li.gif") no-repeat left 5px;
	}
	
	
	
/* Page Layout
***************************************************/
	
	
#main_inner_1 {
	background:url("../images/style1/blue_texture.png") repeat-x top;
	}
	
	
	
/* Main Menu
***************************************************/
	
	
#menu_inner {
	background:url("../images/style1/menu_left_corner.png") no-repeat left top;
	}
	
#menu_inner_1 {
	background:url("../images/style1/menu_right_corner.png") no-repeat right top;
	}
	
#menu_inner_2 {
	background:url("../images/style1/menu_bg.png") repeat-x left top;
	}
	
#menu_inner_3 ul li {
	background:url("../images/style1/menu_separator.jpg") no-repeat left top;
	}
	
#menu_inner_3 ul li:hover {
	background:url("../images/style1/menu_hover.png") no-repeat left top;
	}
	
#menu_inner_3 ul li a {
	color:#ffffff;
	}
	
#menu_inner_3 li li.parent {
	
	}
	
#menu_inner_3 ul.menu li ul {
	background:#a41c1c url("../images/style1/suckerfish_menu_bg.png") repeat-x left bottom;
	border:2px solid #a41c1c;
	}
	
#menu_inner_3 ul.menu li li {
	background:url("../images/style1/suckerfish_menu_list.gif") no-repeat 9px center;
	}
	
#menu_inner_3 ul.menu li li:hover {
	background:#610e0e url("../images/style1/suckerfish_menu_list.gif") no-repeat 9px center;
	}
	
	
	
/* Huge Top Module
***************************************************/
	
	
#topmod {
	background:url("../images/style1/topmod_bottom.png") no-repeat bottom;
	}
	
#topmod_lefttop {
	background:url("../images/style1/topmod_lefttop.png") no-repeat left top;
	}
	
#topmod_righttop {
	background:url("../images/style1/topmod_righttop.png") no-repeat right top;
	}
	
#topmod_inner_1 {
	background:url("../images/style1/topmod_bg.png") repeat;
	}
	
#topmod_inner_2 {
	background:url("../images/style1/topmod_light.png") no-repeat top;
	}
	
#topmod_inner_4 {
	background:url("../images/style1/topmod_bg.png") repeat;
	}
	
#topmod_leftbottom {
	background:url("../images/style1/topmod_leftbottom.png") no-repeat left bottom;
	}
	
#topmod_rightbottom {
	background:url("../images/style1/topmod_rightbottom.png") no-repeat right bottom;
	}
	
.topmod_module H3 {
	background:url("../images/style1/topmod_h3.gif") no-repeat left;
	}
	
	
	
/* Left Top Column
***************************************************/
	
	
#left_col_inner {
	background:url("../images/style1/submenu_righttop.gif") no-repeat right top;
	}
	
#left_col_inner_1 {
	background:url("../images/style1/submenu_lefttop.gif") no-repeat left top;
	}
	
#left_col_inner_2 {
	border-left:1px solid #f0e677;
	border-right:1px solid #f0e677;
	}
	
#left_col_inner_4 {
	background:url("../images/style1/submenu_rightbottom.gif") no-repeat right bottom;
	}
	
#left_col_inner_5 {
	background:url("../images/style1/submenu_leftbottom.gif") no-repeat left bottom;
	}
	
#left_col_inner_3 H3 {
	color:#a92922;
	background:url("../images/style1/submenu_h3.gif") no-repeat left top;
	}
	
#left_col_inner_3 .menu a,
#left_col_inner_3 div.module_menu a {
	color:#1c7ca4;
	background:url("../images/style1/submenu_link.gif") repeat-x left bottom;
	}
	
#left_col_inner_3 .menu a:hover,
#left_col_inner_3 div.module_menu a:hover {
	color:#0b6287;
	background:url("../images/style1/submenu_link_hover.gif") repeat-x left bottom;
	}
		
#left_col_inner_3 .menu li li,
#left_col_inner_3 div.module_menu li li {
	background:url("../images/style1/left_col_inner_link.gif") no-repeat left 9px;
	}
	

	
/* Left Bottom Column
***************************************************/
	
	
#left_col2 H3 {
	color:#a41c1c;
	background:url("../images/style1/right_col_right_red_h3.gif") repeat-x left bottom;
	}
	
#left_col2 .menu li a,
#left_col2 div.module_menu li a {
	background:url("../images/style1/left_col2_link.gif") no-repeat left;
	}
	
#left_col2 .menu li a:hover,
#left_col2 div.module_menu li a:hover {
	color:#b22626;
	}
	
	
	
/* Inset Position
***************************************************/


#inset H3 {
	color:#1c7ca4;
	}
	
	
	
/* Right Column
***************************************************/
	
	
.right_col_lefttop {
	background:url("../images/style1/content_lefttop.gif") no-repeat left top;
	}
	
.right_col_righttop {
	background:url("../images/style1/content_righttop.gif") no-repeat right top;
	}
	
.right_col_inner {
	border-top:1px solid #f0e677;
	background:#ffffff;
	}
	
.right_col_inner_1 {
	background:#ffffff;
	border-left:1px solid #f0e677;
	border-right:1px solid #f0e677;
	}
	
.right_col_inner_2 {
	border-bottom:1px solid #f0e677;
	background:#ffffff;
	}
	
.right_col_leftbottom {
	background:url("../images/style1/content_leftbottom.gif") no-repeat left bottom;
	}
	
.right_col_rightbottom {
	background:url("../images/style1/content_rightbottom.gif") no-repeat right bottom;
	}
	
.right_col_modules {
	background:url("../images/style1/right_col_modules_end.gif") no-repeat bottom;
	}
	
.right_col_modules div.module H3,
.right_col_modules div.module_menu H3 {	
	color:#aa2b2b;
	background:url("../images/style1/right_col_module_h3.gif") no-repeat left bottom;
	}
	
.right_col_modules div.module_hlight H3 {
	color:#2b85aa;
	background:url("../images/style1/right_col_module_hlight_h3.gif") no-repeat left bottom;
	}
	
	
	
/* Joomla! Stuff
***************************************************/
	
	
#component H1,
#component H2,
#component H3,
#component H4,
#component H5,
#component H6 {
	color:#1c7ca4;
	}
	
.sectiontableheader {
	background:#fff9b1;
	}
	
.sectiontableheader a {
	color:#000000;
	}
	
.sectiontableentry1 {
	background:#fefefe;
	}
	
.sectiontableentry2 {
	background:#fff5f5;
	}
	
.sectiontableentry2 a {
	color:#807600;
	}
	
.componentheading {
	color:#a41c1c;
	}
	
.contentheading {
	color:#1c7ca4;
	}
	
#component td.article_column img {
	border:1px solid #e6bab9;
	}
	
.small,
.createdate,
.modifydate {
	color:#a49600;
	}
	
.readon {
	color:#a49600;
	}
	
.column_separator {	
	border-left:1px solid #f6efa5;
	}
	
	
	
/* Compatibility with JS Components
***************************************************/


#jsc_tag {
	color:#000000;
	background:url("../images/style1/tag_bg.png") repeat-x left top;
	}
	
#jsc_tag_left {
	background:url("../images/style1/tag_left.png") no-repeat left top;
	}
	
#jsc_tag_right {
	background:url("../images/style1/tag_right.png") no-repeat right top;
	}
	
#jsc_tag a {
	color:#a41c1c;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span style="color:#ffffff; padding:0 4px;"> | </span>' + this.innerHTML) :'');
	}
	
#jsc_tag a:before {
	color:#ffffff;
	}
	
	
	
/* Right-side Modules in Right Column
***************************************************/


#right_col_botmods .right_col_modules {
	background:url("../images/style1/right_col_modules_end.gif") no-repeat top;
	}
	
#right_col_right div.module {
	background:#fff3f3 url("../images/style1/r_col_r_module_topbg.gif") repeat-x left top;
    behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span style="display:block; height:38px;"><img id="behavior-1" style="float:left;" src="templates/templasup/images/style1/r_col_r_module_lefttop.gif" alt="" /><img id="behavior-2" style="float:right;" src="templates/templasup/images/style1/r_col_r_module_righttop.gif" alt="" /></span>' + this.innerHTML + '<span style="display:block; height:13px;"><img id="behavior-3" style="float:left;" src="templates/templasup/images/style1/r_col_r_module_leftbottom.gif" alt="" /><img id="behavior-4" style="float:right;" src="templates/templasup/images/style1/r_col_r_module_rightbottom.gif" alt="" /></span>') :'');
	}
	
#right_col_right div.module:before {
	content:url("../images/style1/r_col_r_module_lefttop.gif");
	background:url("../images/style1/r_col_r_module_righttop.gif") no-repeat right top;
	}
	
#right_col_right div.module:after {
	content:url("../images/style1/r_col_r_module_leftbottom.gif");
	background:url("../images/style1/r_col_r_module_rightbottom.gif") no-repeat right bottom;
	}
	
#right_col_right div.module div {
	background:url("../images/style1/r_col_r_module_border.gif") repeat-x left bottom;
	}
	
#right_col_right div.module div div {	
	background:url("../images/style1/r_col_r_module_border.gif") repeat-y right;
	}
	
#right_col_right div.module div div div {
	background:url("../images/style1/r_col_r_module_border.gif") repeat-y left;
	}
	
#right_col_right div.module_hlight {
	background:#f3fbff url("../images/style1/r_col_r_modulehlight_topbg.gif") repeat-x left top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span style="display:block; height:38px;"><img id="behavior-5" style="float:left;" src="templates/templasup/images/style1/r_col_r_modulehlight_lefttop.gif" alt="" /><img id="behavior-6" style="float:right;" src="templates/templasup/images/style1/r_col_r_modulehlight_righttop.gif" alt="" /></span>' + this.innerHTML + '<span style="display:block; height:13px;"><img id="behavior-7" style="float:left;" src="templates/templasup/images/style1/r_col_r_modulehlight_leftbottom.gif" alt="" /><img id="behavior-8" style="float:right;" src="templates/templasup/images/style1/r_col_r_modulehlight_rightbottom.gif" alt="" /></span>') :'');
	}
	
#right_col_right div.module_hlight:before {
	content:url("../images/style1/r_col_r_modulehlight_lefttop.gif");
	background:url("../images/style1/r_col_r_modulehlight_righttop.gif") no-repeat right top;
	}
	
#right_col_right div.module_hlight:after {
	content:url("../images/style1/r_col_r_modulehlight_leftbottom.gif");
	background:url("../images/style1/r_col_r_modulehlight_rightbottom.gif") no-repeat right bottom;
	}
	
#right_col_right div.module_hlight div {
	background:url("../images/style1/r_col_r_modulehlight_border.gif") repeat-x left bottom;
	}
	
#right_col_right div.module_hlight div div {
	background:url("../images/style1/r_col_r_modulehlight_border.gif") repeat-y right;
	}
	
#right_col_right div.module_hlight div div div {
	background:url("../images/style1/r_col_r_modulehlight_border.gif") repeat-y left;
	}

#right_col_right div.module_hlight1 {
	background:#f7f7f7 url("../images/style1/r_col_r_modulehlight1_topbg.gif") repeat-x left top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<span style="display:block; height:38px;"><img id="behavior-9" style="float:left;" src="templates/templasup/images/style1/r_col_r_modulehlight1_lefttop.gif" alt="" /><img id="behavior-10" style="float:right;" src="templates/templasup/images/style1/r_col_r_modulehlight1_righttop.gif" alt="" /></span>' + this.innerHTML + '<span style="display:block; height:13px;"><img id="behavior-11" style="float:left;" src="templates/templasup/images/style1/r_col_r_modulehlight1_leftbottom.gif" alt="" /><img id="behavior-12" style="float:right;" src="templates/templasup/images/style1/r_col_r_modulehlight1_rightbottom.gif" alt="" /></span>') :'');
	}
	
#right_col_right div.module_hlight1:before {
	content:url("../images/style1/r_col_r_modulehlight1_lefttop.gif");
	background:url("../images/style1/r_col_r_modulehlight1_righttop.gif") no-repeat right top;
	}
	
#right_col_right div.module_hlight1:after {
	content:url("../images/style1/r_col_r_modulehlight1_leftbottom.gif");
	background:url("../images/style1/r_col_r_modulehlight1_rightbottom.gif") no-repeat right bottom;
	}
	
#right_col_right div.module_hlight1 div {
	background:url("../images/style1/r_col_r_modulehlight1_border.gif") repeat-x left bottom;
	}
	
#right_col_right div.module_hlight1 div div {
	background:url("../images/style1/r_col_r_modulehlight1_border.gif") repeat-y right;
	}
	
#right_col_right div.module_hlight1 div div div {
	background:url("../images/style1/r_col_r_modulehlight1_border.gif") repeat-y left;
	}
	
#right_col_right div.module H3,
#right_col_right div.module_menu H3 {
	color:#a41c1c;
	background:url("../images/style1/right_col_right_red_h3.gif") repeat-x left bottom;
	}
	
#right_col_right div.module_hlight H3 {
	color:#1c7ca4;
	background:url("../images/style1/right_col_right_blue_h3.gif") repeat-x left bottom;
	}
	
#right_col_right div.module_hlight1 H3 {
	color:#3a3a3a;
	background:url("../images/style1/right_col_right_black_h3.gif") repeat-x left bottom;
	}
	
#style_preview {
	border:2px solid #fae1e1;
	}
	
	
	
/* Huge Bottom Module
***************************************************/


#footer-repeat {
	background:url("../images/style1/footer-repeat.png") repeat-x left;
	}
	
#footer {
	background:url("../images/style1/botmodule_leftside.png") no-repeat left;
	}
	
#footer_inner {
	background:url("../images/style1/botmodule_rightside.png") no-repeat right;
	}
	
#footer_inner_1 {
	background:url("../images/style1/botmodule_bg.png") repeat;
	}
	
#footer_inner_2 {
	background:url("../images/style1/botmodule_lefttop.png") no-repeat left top;
	}
	
#footer_inner_3 {
	background:url("../images/style1/botmodule_righttop.png") no-repeat right top;
	}
	
#footer_inner_4 {
	background:url("../images/style1/botmodule_leftbottom.png") no-repeat left bottom;
	}
	
#footer_inner_5 {
	background:url("../images/style1/botmodule_rightbottom.png") no-repeat right bottom;
	}
	
#footer_inner_6 {
	background:url("../images/style1/botmodule_bg2.png") no-repeat bottom;
	}
	
.footer_module {
	background:url("../images/style1/botmodule_separator.gif") repeat-y left top;
	}
	
#footer,
#footer a {
	color:#ffffff;
	}
	
.footer_module_start H3,
.footer_module H3 {
	background:url("../images/style1/botmodule_h3.gif") no-repeat left;
	}
	
	
	
/* Bottom Menu
***************************************************/
	
	
#bottom_menu {
	background:url("../images/style1/bottom_menu.png") no-repeat bottom;
	}
	
#bottom_menu li#current {
	background:url("../images/style1/bottom_menu_current.gif") no-repeat bottom;
	}
	

	
/* Typography - Style 1
***************************************************/


div.clear-1 {
	background: url(../images/style1/div-clear1_bg2.gif) repeat-x left top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div style="background: url(templates/templasup/images/style1/div-clear1_bg.gif) no-repeat center top; padding-top: 15px;">' + this.innerHTML + '</div>') : '');
}
div.clear-1:before, div.clear-2:before, div.clear-3:before, div.clear-4:before, div.clear-5:before {
	background: url(../images/style1/div-clear1_bg.gif) no-repeat center top;
}
div.clear-2 {
	background: url(../images/style1/div-clear2_bg2.gif) repeat-x left top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div style="background: url(templates/templasup/images/style1/div-clear2_bg.gif) no-repeat center top; padding-top: 15px;">' + this.innerHTML + '</div>') : '');
}
div.clear-2:before {
	background: url(../images/style1/div-clear2_bg.gif) no-repeat center top;
}
div.clear-3 {
	background: url(../images/style1/div-clear3_bg2.gif) repeat-x left top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div style="background: url(templates/templasup/images/style1/div-clear3_bg.gif) no-repeat center top; padding-top: 15px;">' + this.innerHTML + '</div>') : '');
}
div.clear-3:before {
	background: url(../images/style1/div-clear3_bg.gif) no-repeat center top;
}
div.clear-4 {
	background: url(../images/style1/div-clear4_bg2.gif) repeat-x left top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div style="background: url(templates/templasup/images/style1/div-clear4_bg.gif) no-repeat center top; padding-top: 15px;">' + this.innerHTML + '</div>') : '');
}
div.clear-4:before {
	background: url(../images/style1/div-clear4_bg.gif) no-repeat center top;
}
div.clear-5 {
	background: url(../images/style1/div-clear5_bg2.gif) repeat-x left top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div style="background: url(templates/templasup/images/style1/div-clear5_bg.gif) no-repeat center top; padding-top: 15px;">' + this.innerHTML + '</div>') : '');
}
div.clear-5:before {
	background: url(../images/style1/div-clear5_bg.gif) no-repeat center top;
}


blockquote {
	background: url(../images/style1/quote-start.gif) no-repeat left top;
}
blockquote p {
	background: url(../images/style1/quote-end.gif) no-repeat right bottom;
}


span.marker-yellow {
	background: #fff463 url(../images/style1/marker-ye_end.gif) no-repeat right top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<img src="templates/templasup/images/style1/marker-ye_start.gif" width="7" height="13" alt="" />' + this.innerHTML + '') : '');
}
span.marker-yellow:before {	
	content: url(../images/style1/marker-ye_start.gif);
}
span.marker-orange {
	background: #ff9804 url(../images/style1/marker-or_end.gif) no-repeat right top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<img src="templates/templasup/images/style1/marker-or_start.gif" width="7" height="13" alt="" />' + this.innerHTML + '') : '');
}
span.marker-orange:before {	
	content: url(../images/style1/marker-or_start.gif);
}
span.marker-blue {
	background: #06b6f0 url(../images/style1/marker-bl_end.gif) no-repeat right top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<img src="templates/templasup/images/style1/marker-bl_start.gif" width="7" height="13" alt="" />' + this.innerHTML + '') : '');
}
span.marker-blue:before {	
	content: url(../images/style1/marker-bl_start.gif);
}
span.marker-violet {
	background: #fd4397 url(../images/style1/marker-vi_end.gif) no-repeat right top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<img src="templates/templasup/images/style1/marker-vi_start.gif" width="7" height="13" alt="" />' + this.innerHTML + '') : '');
}
span.marker-violet:before {	
	content: url(../images/style1/marker-vi_start.gif);
}
span.marker-green {
	background: #78ca2d url(../images/style1/marker-gr_end.gif) no-repeat right top;
	behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<img src="templates/templasup/images/style1/marker-gr_start.gif" width="7" height="13" alt="" />' + this.innerHTML + '') : '');
}
span.marker-green:before {	
	content: url(../images/style1/marker-gr_start.gif);
}


ul.bullet-1 li {
	background: url(../images/style1/ul-bullet1.gif) no-repeat left 9px;
}
ul.bullet-2 li {
	background: url(../images/style1/ul-bullet2.gif) no-repeat left 9px;
}
ul.bullet-3 li {
	background: url(../images/style1/ul-bullet3.gif) no-repeat left 9px;
}
ul.bullet-4 li {
	background: url(../images/style1/ul-bullet4.gif) no-repeat left 9px;
}
ul.bullet-5 li {
	background: url(../images/style1/ul-bullet5.gif) no-repeat left 9px;
}
ul.bullet-6 li {
	background: url(../images/style1/ul-bullet6.gif) no-repeat left 9px;
}
ul.bullet-7 li {
	background: url(../images/style1/ul-bullet7.gif) no-repeat left 9px;
}
ul.bullet-8 li {
	background: url(../images/style1/ul-bullet8.gif) no-repeat left 9px;
}

ul.number li.number-1 {
	background: url(../images/style1/ul-number1.gif) no-repeat 5px 7px;
}
ul.number li.number-2 {
	background: url(../images/style1/ul-number2.gif) no-repeat 5px 7px;
}
ul.number li.number-3 {
	background: url(../images/style1/ul-number3.gif) no-repeat 5px 7px;
}
ul.number li.number-4 {
	background: url(../images/style1/ul-number4.gif) no-repeat 5px 7px;
}
ul.number li.number-5 {
	background: url(../images/style1/ul-number5.gif) no-repeat 5px 7px;
}
ul.number li.number-6 {
	background: url(../images/style1/ul-number6.gif) no-repeat 5px 7px;
}
ul.number li.number-7 {
	background: url(../images/style1/ul-number7.gif) no-repeat 5px 7px;
}
ul.number li.number-8 {
	background: url(../images/style1/ul-number8.gif) no-repeat 5px 7px;
}
ul.number li.number-9 {
	background: url(../images/style1/ul-number9.gif) no-repeat 5px 7px;
}