/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   This file contain also clearfix and round corners reset
   
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body {	line-height: 1;}

ol, ul { list-style: none;}

blockquote, q {	quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}

del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after,  .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.clearfix { display: inline-block; }   

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* Round Corners Reset */
/* \*/
* html .tlc, * html .trc {height: 1%;}
/* */	/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

body { 
  color: #555;
  background:#fff;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.6;
  font-size:75%;}
  

body.font-small { font-size:65%;}
body.font-medium { font-size:75%;}  
body.font-large { font-size:85%;}
  
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
	color: #444;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal; }
	
h1 { 
	font-size: 3em;
	margin-bottom: 0em;}
	
h2 { 
	font-size: 2.5em; 
	margin-bottom:0.5em; }
	
h3 { 
	font-size: 2em; 
	line-height: 1; 
	margin-bottom: 1em; }
	
h4 { 
	font-size: 1.5em; 
	line-height: 1.25; 
	margin-bottom:0.5em; }
	
h5 { 
	font-size: 1.2em; 
	font-weight: bold; 
	margin-bottom: 1.5em; }
	
h6 { 
	font-size: 1em; 
	font-weight: bold;}


/* General elements
-------------------------------------------------------------- */
p { margin: 0 0 1em;}
	p.last { margin-bottom: 0!important}
	p img { 
		float: left; 
		margin: 0 15px 10px 0; 
		padding: 0}
	
img { margin: 0 0 15px}
.reflectimg {
   float: left;
   margin: 20px;}

div.captionimage { width:285px; margin-right:15px; float:left;}
div#page div.captionimage { width:150px;}

p.textcaption { color:#999; font-size:.9em; text-align: center; font-style: italic; text-indent: 0;}

a:link { 
	text-decoration: none; 
	outline:none;
	color:#0F5987}
	a:visited { text-decoration:none; color:#551A8B}
	a:hover{ text-decoration:underline}

	
strong { font-weight: bold}
	
em { font-style: italic; background: #ffc}

.small { font-size: .9em; color:#999999; }
	
.large { font-size: 1.2em}

.highlight  { background:#F8ECD3;}

.line-through  { text-decoration:line-through; color:#888;}


.dropcap { 
	display: block; 
	float:left; 
	font: 5em/75% Georgia, "Times New Roman", Times, serif ;
	padding: 4px 8px 0 0; }

hr {
	background:#E1E1D7; 
	clear: both;
	border:none; 
  	float: none; 
  	width: 100%; 
  	height: 1px;
	display:block;
	overflow:hidden; }


/* Lists 
-------------------------------------------------------------- */

/* Unordered and Ordered Lists */
ul, ol { 
	margin:.5em 1.5em 2em 1.5em}

ul { 	list-style-type:disc;}
	
	ul.check, ul.arrow, ul.cross, ul.light, ul.star {
		list-style: none; margin-left:0}
		ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li {
			list-style-type:none;
			background-repeat: no-repeat; background-position: center left;
			padding: 4px 0 3px 25px}
			
			ul.check li { background-image:url(../images/typo_check.jpg);}
			ul.arrow li { background-image:url(../images/typo_arrow.jpg);}
			ul.cross li { background-image:url(../images/typo_cross.jpg);}
			ul.light li { background-image:url(../images/typo_light.jpg);}
			ul.star li {  background-image:url(../images/typo_star.jpg);}
	
	ul.check-big, ul.arrow-big, ul.cross-big, ul.light-big, ul.star-big {
		list-style: none; margin-left:0}
		ul.check-big li, ul.arrow-big li, ul.cross-big li, ul.light-big li, ul.star-big li {
			list-style-type:none;
			background-repeat: no-repeat; background-position: center left;
			padding: 11px 0 8px 50px;
			font-size:1.4em;
			font-weight:bold;}
			
			ul.check-big li { background-image:url(../images/typo_check-big.jpg);}
			ul.arrow-big li { background-image:url(../images/typo_arrow-big.jpg);}
			ul.cross-big li { background-image:url(../images/typo_cross-big.jpg);}
			ul.light-big li { background-image:url(../images/typo_light-big.jpg);}
			ul.star-big li {  background-image:url(../images/typo_star-big.jpg);}
			
			
			
ol { list-style-type: decimal}
	/* on the search results page */
	ol.list li { margin-bottom:2em}
	ol.list h4 { margin:0 0 .2em}

/* Definiton Lists */	
dl { margin: 0 0 1.5em 0}
	dl dt { font-weight: bold}
	dd { margin-left: 1.5em}


/*Blockquotes*/
blockquote  { 
	margin: 1.5em 1.5em 2em; 
	color: #666; 
	font-style: italic;
	background: transparent url(../images/quote_start.png) left top no-repeat;}
	blockquote div {
	  padding: 0 30px;
	  background: transparent url(../images/quote_end.png) right bottom no-repeat;}


/*Codes*/	  
pre,code    { 
	white-space: pre; 
	background:#F9F9F9;
	border: 1px solid #ccc;	
	border-left: 10px solid #ccc;	
	margin: .5em 0 1.5em;
	padding: 20px;
	font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; 
	line-height: 1.7}
	

/* Tables
-------------------------------------------------------------- */
table   { margin-bottom:0px!important; }
th,td   { padding:0px!important; }
tfoot   { font-style: italic; }

table.custom {
	width:100%;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:1em auto;
	border-collapse:collapse;}
		
table.custom caption  {
	color: #ccc;
	font-size:1em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;}	
		
table.custom tr.odd td	{
	background:#F9F9F9}
	
table.custom tr.odd .column1	{
	background:#F0F0F0;}
		
table.custom .column1 {
	background:#F0F0F0;}
	
table.custom td {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:.5em 1.2em;
	text-align:center;}	
				
table.custom th {
	font-weight:normal;
	text-align:left;
	border-bottom: 1px solid #ccc;
	border-left:1px solid #ccc;
	padding:.3em 1em;}	
							
table.custom thead th {
	background:#F0F0F0;
	text-align:center;
	font:bold 1.3em/2.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#555}	
	
table.custom tfoot th {
	text-align:center;
	background:#F0F0F0;}	
	
table.custom tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;}		
	
table.custom tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;}	
	/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/* General Forsm Styles */

label { 
	font-weight: normal}

fieldset { 
	padding:1.4em; 
	margin: 1em 0 1.5em 0; 
	border: 1px solid #E6E6E6;}
	
legend  { 
	font-size:1.5em;
	background:#fff;
	color:#777;
	border:1px solid #E6E6E6;
	padding:0.2em 1em}

/* Text fields */
.inputbox {
	width:250px;
	margin:0 0.25em 0 0;
	border: 1px solid #E6E6E6;
	color: #555;
	line-height:18px;
	padding:3px 5px;}
	.inputbox:hover,
	.inputbox:focus { background:#fff; border-color:#ccc;}
	.inputbox:focus	{color:#333;}
	
textarea { 
	width: 90%; 
	height: 200px; 
	border: 1px solid #E6E6E6;
	color: #999;
	padding:5px 8px;
	margin:0.5em 0.5em 0.5em 0;
	overflow:hidden; }
	textarea:hover,
	textarea:focus { background:#F9F9F9;}
	textarea:focus {color:#333}


select { 
	border:1px solid #E6E6E6;
	color: #999;
	padding:2px 2px 2px 4px!important;
	outline:none;}
	select:focus { 
		background:#fff}

/* Other */
form p img {
	float:none;
	margin:0;
	vertical-align:middle}


/* Success, Notice and Error Form Messages */
.success,
.notice,
.error { 
	padding:5px 10px 5px 40px;
	margin-bottom: 1.5em;}
	.success { 
		border:1px solid #C6D880;
		color: #264409;
		background:#E6EFC2 url(../images/typo_success.jpg) no-repeat 10px center}
	.notice { 
		border:1px solid #FFD324;
		color: #514721;
		background:#FFF6BF url(../images/typo_note.jpg) no-repeat 10px center }
	.error { 
		border:1px solid #FBC2C4;
		color: #8A1F11;
		background:#FBE3E4 url(../images/typo_error.jpg) no-repeat 10px center}

	
/* Buttons 
-------------------------------------------------------------- */
p.buttonarea {
	border:1px solid #e9e9e9;
	margin:0 0 2em 0;
	zoom:1;
	padding:15px;}

.round {
	background-repeat:no-repeat;
	background-position:right top;
	cursor:pointer; 
	color:#DDBAA8;
	font-family:Verdana, Geneva, sans-serif;
	cursor:hand; 
	height:29px;
	line-height:28px;
	padding-right:15px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/}
	
	.round a { color:#DDBAA8; text-decoration:none}
		.round a:hover { color:#fff;}

.round span {
	background-repeat:no-repeat;
	background-position:left top;
	height:29px;
	display:block;
	display:inline-block;
	padding-left:15px; 
	line-height:28px;}
	
	
	/*button tag*/	
	button {
		border:0; 
		border:none;
		font-family:Verdana, Geneva, sans-serif;
		background:transparent;
		width:1; 
		overflow:visible;
		white-space:nowrap; 
		padding:0 2px; 
		cursor:pointer; 
		cursor:hand;}
	
	button:hover .round {background-position:right bottom; color:#fff }
	button:hover .round span {background-position:left bottom;}
	
	.round:hover {background-position:right bottom;}
	.round:hover span {background-position:left bottom;}
	

	.round:visited{ color:#777}



/*---------------------------------------------------------------- 
Copyright:
Copyright (C) 2008 IceTheme. All Rights Reserved

License:
Copyrighted Commercial Software 

Author:
IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */


/*---------------
Main Nav
----------------*/
#main-nav_wrap {
width:100%;
padding-top:7px;
height:45px;
background-repeat:repeat-x;
background-position:bottom;}

#main-nav{
background:url(../images/nav_border.png) no-repeat center left;
height:45px;
margin:0 auto;
width:970px;
position:relative;
overflow:visible;
clear:both;}

/* main menu ul or ol elment */
ul#nav{
display:block;
position: absolute;
overflow:visible;
list-style:none;
margin:0 0 0 2px;
z-index:5;
top:0;
left:0;
display:block;}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
ul#nav li { 
background:url(../images/nav_border.png) no-repeat center right;
display:block;
padding-right:1px;
list-style:none;
position:relative;
float:left;}

ul#nav li a, 
#MainMenuSub a{
text-decoration:none;
display:block;}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
ul#nav li a{
margin:0;
float:left;
color:#F2F2F2;
text-decoration:none;
display:block;
width:79px;	
font-size:1.2em;
font-family:Verdana, Geneva, sans-serif;
text-align:center;
line-height:16px;
padding:0 14px 0px 14px;}
ul#nav li a span {
padding-top:5px;
display:block;}
ul#nav li li a span { display:inline; padding-top:0}
ul#nav li a span.sub { 
display:block;
font-size:.7em;
padding-top:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal; 
margin-top:3px;
color:#CC977C;
letter-spacing:normal}
ul#nav li li a span.sub { display:inline; font-size:1em; margin-top:0;}
ul#nav li li a:hover span.sub { color:#fff}


/* All menu links on hover or focus */
ul#nav li a:hover, ul#nav li a:focus, 
#MainMenuSub a:hover, #MainMenuSub a:focus, 
ul#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
background:url(../images/nav_hover.png) repeat-x bottom ;
color:#FFF;}

/* sub menu links on hover or focus */
ul#nav li li a:hover, #nav li a:focus,
#MainMenuSub li a:hover, #MainMenuSub  li a:focus, 
#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
background-image:none;
color:#FFF;}



/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
display:none; 
position: absolute; 
overflow:hidden; 
/*the 2px left & right padding lets you have a 1px border 
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -1px;}


/* All ULs and OLs */
ul#nav ul, ul#nav ol, 
#MainMenuSub ul, #MainMenuSub ol { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;}
ul#nav {
list-style: none; 
line-height: 1em; 
padding:0;}



/* All submenu OLs and ULs */
ul#nav ul, 
#MainMenuSub ul {	
left:0;
background:url(../images/nav_drop_hover.png) no-repeat left bottom;
border-right-width:1px;
border-right-style:solid;}
ul#nav ul li a, 
#MainMenuSub ul li a { 
padding:0 40px 0 15px; 
height:30px; 
line-height:31px;
border-bottom-width:1px;
border-bottom-style:solid;}



#MainMenuSub li.parent a { 
background:url(../images/nav_drop_arrow.png) no-repeat 96% 55%;}
#MainMenuSub li.parent a:hover { 
background-image:url(../images/nav_drop_arrow_hover.png) }

#MainMenuSub li:hover {}


/* When the parent item is set to current or active */
ul#nav  li#current a,
ul#nav  li.active a {
color:#fff;
background-repeat:repeat-x;
background-position:bottom;}
ul#nav  li#current a span,
ul#nav  li.active a span {
background-repeat:no-repeat;
background-position:50% bottom;
margin-bottom:-37px;
position:relative; 
overflow:visible;
z-index:99999999;
padding-bottom:37px;}
ul#nav  li#current a span.sub,
ul#nav  li.active a span.sub { 
background:none;}

#MainMenuSub li#current a { color:#fff;}

#MainMenuSub {	
display:block; 	
position:absolute;	
top:0;	
left:0;	
width:100%;
height:0;	
overflow:visible;	
z-index:1000000000; }
#MainMenuSub li{ list-style: none;}



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
position:relative;
float:none;
font-size:1em;}

#nav li ul { /* second-level lists */
position: absolute;
width: 18em;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:45px;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

/* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 18em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:45px }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:18em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 18em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 18em; }


/* When font-size is set to small */
.font-small ul#nav li a{ padding-bottom:9px;}
.font-small ul#nav li a span {padding-top:10px;}
.font-small ul#nav li li a span { display:inline; padding-top:0}

/* When font-size is set to large */
.font-large ul#nav li a { padding-bottom:7px;}
.font-large ul#nav li a span { padding-top:5px;}
.font-large ul#nav li li a span { display:inline; padding-top:0}
.font-large ul#nav li a span.sub { margin-top:0 }		



/*===========================///////////////////-===========================
OtherMenu
*===========================///////////////////-==========================*/

#othermenu_wrap{
padding:0;
position:relative;
overflow:hidden;
height:280px;}

/* main menu ul or ol elment */
ul#othermenu {
display:block;
position: absolute;
list-style:none;
margin:0;
z-index:5;
top:0;
left:0;
display:block;
width:100%;}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
ul#othermenu li { 
display:block;
list-style:none;
position:relative;}

#OtherMenuSub{	
display:block; 	
position:absolute;	
top:0;	
left:0;	
width:100%;	
height:0;	
overflow:visible;	
z-index:1000000000; }				
#OtherMenuSub li{	
list-style: none;}

ul#othermenu li a,
#OtherMenuSub a{
text-decoration:none;
text-align:left;
display:block;
font-size:1em;
background: url(../images/othermenu_line.png) no-repeat bottom left;
color:#888;
padding:0 0 0 1px;
height:30px;
margin-top:-1px;
line-height:30px;}					
ul#othermenu li a:hover{
color:#333;
background-position:bottom left;}

#OtherMenuSub a:hover{ background-image:none}

ul#othermenu li#current a,
ul#othermenu li.active a,
#OtherMenuSub li#current a {
color:#333}
ul#othermenu  ul li#current a,
ul#othermenu ul li.active a,
#OtherMenuSub ul li#current a { background-image:none}

ul#othermenu li a span{
display:block;}


/* Just sub menu links */

ul#othermenu li li {
width:auto}
#OtherMenuSub a, 
ul#othermenu li li a{
text-align:left;
text-transform:none;
font-size:1em;
background-image:none;
width:auto;
border-bottom:1px solid #E1E1D7;
letter-spacing:normal;}
ul#othermenu li a:hover,
#OtherMenuSub a:hover {
color:#333;}


#OtherMenuSub a {
padding:0 40px 0 20px;}

/* Parent Main Menu Links ---[javascript users only]*/

ul#othermenu  li.parent a span,					
#OtherMenuSub li.parent a { 
background: url(../images/readmore.png) 95% 55% no-repeat;}

ul#othermenu  li.parent a:hover span,
#OtherMenuSub li.parent a:hover  { 
background-image:url(../images/readmore_hover.png) }


/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* All submenu OLs and ULs */
ul#othermenu ol, ul#othermenu ul, #OtherMenuSub ul, #OtherMenuSub ol {	
/*border around submenu goes here*/
border:1px solid #E1E1D7;
border-bottom:none;
left:0;
background:#F4F5F6}

/* All ULs and OLs */
ul#othermenu, ul#othermenu ul, ul#othermenu ol, #OtherMenuSub ul, #OtherMenuSub ol { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/

ul#othermenu li li{	float:none; }

ul#othermenu li li a{ /* Just submenu links*/	
position:relative;
float:none;
}

ul#othermenu li ul { /* second-level lists */
position: absolute;
width: 10em;
z-index:999999;
overflow:visible;
visibility:visible;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
ul#othermenu li ul ul { margin: -1em 0 0 -1000em; }
ul#othermenu li:hover ul ul {	margin-left: -1000em; }

/* lists nested under hovered list items */
ul#othermenu li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
ul#othermenu li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
ul#othermenu li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
ul#othermenu li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
ul#othermenu li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
ul#othermenu li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
ul#othermenu li:hover a:focus{ margin-left: 0; }
ul#othermenu li li:hover a:focus + ul { margin-left: 10em; }


/*===========================///////////////////-===========================
Footer Links
===========================///////////////////-===========================*/

#footer ul#footerlinks {
float:left;
width:100%;
margin:0 auto;
position:relative;
overflow:hidden;
text-align:center;
padding:0 0 12px;
margin:0 0 15px;
border-bottom:1px dashed #B2B2B2}
#footer ul#footerlinks li{
list-style-type:none;
display:inline;
margin:0 0 0 14px;
border-right:1px dotted #A6A6A6}
#footer ul#footerlinks li a{
margin-right:14px;
font-size:1.1em;
text-transform:uppercase;
font-family:Verdana, Geneva, sans-serif;
color:#888;}
#footer ul#footerlinks li a:hover{
color:#222;
text-decoration:none;}

#footer ul#footerlinks li#current a { color:#222 }

/* This styles are when font-size is set to large */
.font-large #footer ul#footerlinks li { margin-left:12px;}
.font-large  #footer ul#footerlinks li a { margin-right:12px; }


/*===========================///////////////////-===========================
Footer Menu
===========================///////////////////-===========================*/
#footer ul#footermenu {
float:right;
margin:0 50px 0 0; }
#footer ul#footermenu li{
list-style-type:none;
float:left;
margin:0 0 0 10px;}
#footer ul#footermenu li a{
margin-right:10px;
color:#1F648F;}

/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/*===========================///////////////////-===========================
					       General Layout Styles 
===========================///////////////////-===========================*/
	
/* Accessibility */
#accessibility {
	overflow: hidden;
	width: 0;
	height: 0;
	display:none;}

/* Wrapping */
.wrapper_full { width:100%;margin:0 auto;}
	.wrapper  { width:970px; margin:0 auto;}

	

/* Set some default styles for Float, Width, Separator and TextAlight */
.floatleft	{	float:left; overflow:hidden}
.floatright {	float:right; overflow:hidden}

.width16  { width: 14.9%; } /* Propotion 1/6 */
.width20  { width: 18.3%; } /* Propotion 1/5 */
.width25  { width: 23.4%;  } /* Propotion 1/4 */
.width33  { width: 31.9%; } /* Propotion 1/3 */
.width50  { width: 48.9%; } /* Propotion 1/2 */
.width75  { width: 74.5%; } /* Propotion 3/4 */
.width100 { width: 99%; } /* Propotion 1/1 */

/* This are for User 1 - 3 and User 4 - 6  Modules*/
.width1_user { width: 31.9%; } /* Propotion 1/3 */
.width2_user { width: 48.9%; } /* Propotion 2/3 */
.width3_user { width: 100%; } /* Propotion 3/3 */

/* This are for Content 1 - 2 and Content 3 - 4  Modules*/
.width1_content { width: 48.9%; } /* Propotion 1/1 */
.width2_content { width: 100%; } /* Propotion 1/2 */


.separator { margin-right:10px; }
	#promo .separator,
	#bottom .separator {background:url(../images/seperator.png) no-repeat center right; padding-right:9px; }

.aligncenter { text-align:center;}
.alignright  { text-align:right;}


/*===========================///////////////////-===========================
					               Header 
===========================///////////////////-===========================*/

/* Header */
#header {
	position:relative;
	background-repeat:repeat-x;
	background-position:top;
	height:320px;}
	
	#header_shadow { background:url(../images/header_shadow.png) no-repeat top center;}
		
	#header .padding { padding:20px 0 0 10px; position:relative; overflow:visible}
	

/* Logo */
#logo {
	margin:18px 0 0;
	float:left;}
	#logo img {
		float:none;
		margin:0;}					


/* Font Switcher */
#fontswitcher {
	background-position:center;
	background-repeat:no-repeat;
	margin:-2px 0 0;
	padding:2px 0 0;
	width:82px;
	height:27px;
	position:relative;
	overflow:hidden;
	float:right;}
	
#fontswitcher ul {
	margin:0 0 0 14px;} 
	#fontswitcher ul li {
		list-style-type:none;
		float:left;}	
		#fontswitcher ul li a {
			text-align:center;
			width:18px;
			height:35px;
			margin-right:1px;
			line-height:35px;
			display:block;
			border-bottom:none;
			height:25px;}
			#fontswitcher ul li a:hover { border-bottom:none}
			#fontswitcher ul li.largefont  a{  background:url(../images/font_large.png) no-repeat top}
			#fontswitcher ul li.normalfont a{  background:url(../images/font_normal.png) no-repeat top}
			#fontswitcher ul li.smallfont  a{  background:url(../images/font_small.png) no-repeat top }	
			
				#fontswitcher ul li.largefont  a:hover{  background-position: bottom}
				#fontswitcher ul li.normalfont a:hover{  background-position: bottom}
				#fontswitcher ul li.smallfont  a:hover{  background-position: bottom }	
	
/*===========================///////////////////-===========================
					               Promo
===========================///////////////////-===========================*/
#promo {
	background:url(../images/content_divider_t.png) no-repeat bottom center;
	padding-bottom:35px;
	margin-bottom:-7px;}
	#promo .padding { padding:5px 12px 0 10px;}
	
	
/* Promo Modules */
	#promo .moduletable {
		margin:0 0 -5px;}
			#promo .moduletable h3 {
				margin:0 0 6px;
				color:#222;
				font-size:1.25em;}
				#promo .moduletable h3 span { }
	

/*===========================///////////////////-===========================
					              UserArea
===========================///////////////////-===========================*/
#userarea {
	clear:both;}

	#userarea .padding { 
		margin:0;
		padding:7px 10px 0;
		border-bottom:1px dashed #d4d4d4;
		position:relative;
		overflow:hidden;}
	
	
/*===========================///////////////////-===========================
					               Content 
===========================///////////////////-===========================*/
#content_gradient {
	background-repeat:repeat-x;
	background-position:bottom center;}
	
#content_top {
	background-repeat:no-repeat;
	background-position:top center;
	margin:0 auto;
	height:500px;
	position:relative;
	overflow:visible;
	margin-top:-210px;}

#content_bottom {
	background-repeat:no-repeat;
	background-position:bottom center;
	margin:0 auto;
	height:485px;}
	
#content_shadow { background:url(../images/content_shadow.png) repeat-y top center;	}
	
	
#content { 
	clear:both;
	padding-top:15px;
	position:relative;
	overflow:visible;
	margin-top:-490px;
	margin-bottom:-390px;
	min-height:500px;
	z-index:111}


/* Begin Columns (!!!!!Atention - because we have added some features for the template, some of the styles can be found on the index.php file of the template. If you want to change the code i dont normally reccomend you to do so for this section, try at your own risk. */	

#columns-container{
	background-color:#fff;
	min-width: 50em;		/* limit how narrow the layout will
							   shrink before it stops. */
	margin:0 2px 0 0 }

    #outer-column-container {
		border-style:solid;
		border-color:#fff;}
		
		#inner-column-container{
			width: 100%;	/* force this element to take the full width
							   between the left and right columns. this is
							   especially important as children of this
							   element will have width:100%; set, and how
							   that 100% value is interpreted depends on
							   the width of it's parent (this element). */
			border-style:solid;
			border-color:#fff;
			outline-width:1px;
			padding-bottom:20px;}
									   
			#source-order-container{
				float: left;		/* float left so the right column, which is
									   outside this element, has a place to go. */
				width: 100%;		/* force this to go as wide as possible */
				min-height:350px;}
	

	#middle-column{
		float: right;		/* middle column goes right of the left column
							   since the two share the same parent 
							   element */
		width: 100%;		/* make the middle column as wide as possible
							   for a fluid layout. this is not possible
							   if it's parent element, 
							   #source-order-container, wasn't also at
							   100% width */}			   
	#left-column{
		float: left;		/* float left, where it'll live */}
		
	#right-column{
		float: right;		/* float on the right side of the layout */}
		
		.clear-columns { clear: both;}
		
		.inside { margin: 7px  9px -20px;	/* margin, instead of padding, used to induce margin collapse if needed by child elements */}
		
		#left-column .inside { margin-right:0}
		#right-column .inside { margin-left:0}
								
/* Left Column and Right Column Module Decoration */
#left-column .icemodule, 
#right-column .icemodule{
	margin:25px 0 15px;
	position:relative;
	overflow:visible;
	background:url(../images/icemodule_br.png) no-repeat bottom right;} 
	#left-column .icemodule div, 
	#right-column .icemodule div{
		background:url(../images/icemodule_bl.png) no-repeat bottom left;} 
		#left-column .icemodule div div, 
		#right-column .icemodule div div{
			background:url(../images/icemodule_tr.png) no-repeat top right;} 
			#left-column .icemodule div div div, 
			#right-column .icemodule div div div{
				background:url(../images/icemodule_tl.png) no-repeat top left;} 
				#left-column .icemodule div div div div, 
				#right-column .icemodule div div div div { background:none}
				
				#left-column .icemodule div.icemodule_fix, 
				#right-column .icemodule div.icemodule_fix{
					overflow:visible;
					position:relative;
					clear:both;
					padding:9px 10px 9px;}
					
					#left-column .icemodule div div div div { text-align:center} 
					
					#left-column .icemodule h3, 
					#right-column .icemodule h3 {
						color:#444;
						margin:-25px 0 0px 0;
						position:relative;
						overflow:hidden;
						white-space: nowrap;
						display:inline-block;
						text-align:center;
						font-size:1.2em;}
						
						#right-column .icemodule h3 { margin-left:-16px;}
						
						
						#left-column .icemodule h3 span.icemodule_header_r,
						#left-column .icemodule h3 span.icemodule_header_l,
						#left-column .icemodule h3 span.icemodule_header_arrow,
						#right-column .icemodule h3 span.icemodule_header_r,
						#right-column .icemodule h3 span.icemodule_header_l,
						#right-column .icemodule h3 span.icemodule_header_arrow{ 
							display:inline-block; height:43px; line-height:31px; }
							
						#left-column .icemodule h3 span.icemodule_header_arrow,
						#right-column .icemodule h3 span.icemodule_header_arrow { padding:0 12px;}
						
						
						#left-column .icemodule h3 span.icemodule_header_r { background:url(../images/icemodule_header_r.png) no-repeat center right;}
						#left-column .icemodule h3 span.icemodule_header_l { background:url(../images/icemodule_header_l.png) no-repeat center left;}
						
						#right-column .icemodule h3 span.icemodule_header_r { background:url(../images/icemodule_header_r.png) no-repeat center right;}
						#right-column .icemodule h3 span.icemodule_header_l { background:url(../images/icemodule_header_l.png) no-repeat center left;}
						
						
						#left-column .icemodule h3 span.icemodule_header_arrow,
						#right-column .icemodule h3 span.icemodule_header_arrow { background:url(../images/icemodule_header_arrow.png) no-repeat center bottom;}
						
						
						#left-column .icemodule h3 span.icemodule_header_color, 
						#right-column .icemodule h3 span.icemodule_header_color {}
							
	
	

/* Module with suffix style1 */
.icemodulestyle1 {
		margin:-10px -9px 0;
		position:relative;
		overflow:visible;
		background: url(../images/icemodule_style1_br.png) no-repeat bottom right;}
		.icemodulestyle1 div {
			background: url(../images/icemodule_style1_bl.png) no-repeat bottom left;}
			.icemodulestyle1 div div {
				background: url(../images/icemodule_style1_tr.png) no-repeat top right}
				.icemodulestyle1 div div div  {
					background: url(../images/icemodule_style1_tl.png) no-repeat top left}
					.icemodulestyle1 div div div div {
						background:none}
					.icemodulestyle1 div.icemodule_fix {
						background: none;
						margin: 0;
						padding:18px 19px 25px;
						clear:both;
						min-height:100px;
						float: none;
						overflow: hidden;}
						.icemodulestyle1 h3 {
							margin:3px 0 10px;
							text-align:center;
							color:#222;
							padding:0;
							font-style:italic;
							font-size:1.25em;
							font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
							.icemodulestyle1 h3 span.icemodule_header_color { color:#777}


/* Module with suffix style2 */
.icemodulestyle2 {
		background: url(../images/icemodule_style2_br.png) no-repeat bottom right;
		min-height:50px;
		position:relative;
		margin:0 0 25px;
		overflow:hidden;}
		.icemodulestyle2 div {
			background: url(../images/icemodule_style2_bl.png) no-repeat bottom left;}
			.icemodulestyle2 div div {
				background: url(../images/icemodule_tr.png) no-repeat top right}
				.icemodulestyle2 div div div  {
					background: url(../images/icemodule_tl.png) no-repeat top left}
					.icemodulestyle2 div div div div  {
						background: url(../images/icemodule_style2_arrow.png) no-repeat top center}
						.icemodulestyle2 div div div div div { background:none}
					
					.icemodulestyle2 div.icemodule_fix {
						background: none;
						margin: 0;
						padding:10px 10px 9px;
						clear:both;
						float: none;
						overflow: hidden;}
						.icemodulestyle2 h3 {
							margin:3px 0 5px;
							text-align:center;
							color:#222;
							font-size:1.2em;}
							.icemodulestyle2 h3 span.icemodule_header_color { color:#777}



/* Main Column Module */
#usertopmods,
#userbottommods {
	position:relative; 
	overflow:hidden;}

#usertopmods { 
	border-bottom:1px dashed #d1d1d1; 
	padding-bottom:10px;
	margin-bottom:10px}

#userbottommods {  
	border-top:1px dashed #d1d1d1; 
	padding-top:10px; 
	margin-top:10px}

#contenttopmods,
#contentbotmods { 
	position:relative;
	overflow:hidden;}

#contenttopmods { margin-bottom:20px}

#middle-column .icemodule {
		border:none;
		overflow:hidden;
		background: url(../images/module_ice_br.png) no-repeat bottom right;}
		#middle-column .icemodule div {
			padding: 0;
			background: url(../images/module_ice_bl.png) no-repeat bottom left;}
			#middle-column .icemodule div div {
				padding: 0;
				background: url(../images/module_ice_tr.png) no-repeat top right;}
				#middle-column .icemodule div div div{
					background: url(../images/module_ice_tl.png) no-repeat top left;}
					#middle-column .icemodule div div div div {
						margin: 0;
						padding: 10px;
						overflow:visible;
						background: none;}
						#middle-column .icemodule div div div div div { padding:0;}
						#middle-column .icemodule h3 {
							color:#666;
							margin:0 0 5px;
							border-bottom:1px dashed #E6E6E6;
							padding:4px 1px 5px;
							font-size:1em;
							font-weight:bold;}


/*===========================///////////////////-===========================
					              Bottom 
===========================///////////////////-===========================*/

#bottom {
	background:url(../images/content_divider_b.png) no-repeat top center;
	padding-top:40px;
	margin-top:-5px;
	position:relative;
	overflow:hidden}
	
	#bottom .padding { padding:0 12px 18px 10px; position:relative; overflow:visible}
	
			
	/* Bottom Modules */
	#bottom .moduletable {
		margin:0;} 
			#bottom .moduletable h3 {
				margin:0 0 6px;
				color:#222;
				font-size:1.25em;}
				#bottom .moduletable h3 span { color:#888}
				
				#bottom .moduletable p { margin-bottom:0}


/*===========================///////////////////-===========================
					             Footer
===========================///////////////////-===========================*/
#footer {
	color:#666;
	margin-top:-85px;
	z-index:9999;
	position:relative;
	overflow:hidden;}
	
	#footer p{
		margin:0;
		float:left} 
	
#footer p#icelogo {	margin:-3px 0 0 15px }
	
	
#footer #gotop { position:relative;}

#footer #gotop p {
	position:absolute;
	top:49px;
	overflow:visible;
	left:940px;
	z-index:99999;
	margin:0;}
	#footer #gotop p a{
		width:20px;
		height:20px;
		display:block;
		background:url(../images/go_top.png) no-repeat top}
		#footer #gotop p a:hover { background-position:bottom}
		
	#footer #gotop p span{ display:none}



/*===========================///////////////////-===========================
					      Default Joomla Component
===========================///////////////////-===========================*/

/* com_content 
-------------------------------------------------------------------*/
.blog_description { 
	position:relative; 
	overflow:hidden;
	background:url(../images/articlerow_sep.jpg) no-repeat bottom center; padding-bottom:40px}

.blog h1 { 
	font-size:2.25em;
	margin:0 0 .2em 0; }
	
.blog h2{
    line-height:1.4;
	margin:0 0 .1em 0; 
	font-size:1.3em;
	float:left;}
	
	.blog .leading h2{ font-size:1.8em}
	
	.blog .cols2 h2 { width:80%}
	.blog .cols3 h2 { width:70%}
	
	
	.blog h2 a:hover{
		background:#F1F1F1;
		text-decoration:none;
		color:#555}

	p.pageinfo {
			margin:-12px 0 10px;
			color:#999;
			clear:both;
			float:left;}
			
	p.iteminfo {
			margin:0 0 10px;
			clear:both;
			float:left;
			color:#999;}
			
			p.iteminfo span.modifydate { font-weight:bold; display:block; color:#666}
			p.iteminfo span.createdby { padding-right:8px }
			
	p.buttonheading { float:right; margin:3px 0 0 0; }	
		p.buttonheading img {  margin:0 0 0 5px; border:none; padding:none;}
		.leading p.buttonheading { margin-top:8px; }	

	
	.blog .round {margin:10px 0 0}
		.blog .article_column .round {margin:15px 0 -10px}
			
	
	.blog img { /* The decoration for the images that are added on the articles */
		float:left; 
		border:1px solid #aaa; 
		padding:1px; 
		margin:0 10px 10px 0 }


.articles_wrap { 
	clear:both;
	position:relative;
	overflow:hidden;}

	
.article_row {
	clear:both;
	margin-top:5px;
	position:relative;
	overflow:hidden;}
	
	.article_row .cols2 { /* When you set up the category/section/frontpage intro articles to have 2 columns we divede it in 2 parts */
		width:48.0%; 
		float:left;}
	.article_row .cols3 { /* and this when you set up in 3 parts */
		width:31%; 
		float:left;}
	
	.article_row .cols2 h2,
	.article_row .cols3 h2 { 
		font-size:1.25em;
		margin-bottom:.15em; 
		width:100%;}
	
	.article_row .column1 {}
	.article_row .column2 {
		background:url(../images/seperator_articles.png) no-repeat center left;
		padding-left:10px; 
		margin-left:9px; }	
	.article_row .column3 { 
		border-left:1px dotted #DBDBDB; 
		padding-left:10px; 
		margin-left:9px;}	
			
		
.blogcontent { clear:both}


/* The styles below are for the article layout page */
#page { margin:10px 0 0 }
	
	#page h1.contentheading { 
		font-size:2.25em; 
		line-height:.75;
		margin:0}

	#page img { float:left; }


p.noticebottom {
	clear:both;
	position:relative;
	overflow:hidden;
	margin:0 0 15px;
	height:29px;
	border-top:1px solid #E6E6E6;
	text-align:center;
	border-bottom:1px solid #E6E6E6;
	line-height:30px;}


#page div.buttons {
	padding:0;
	margin-bottom:15px;}
	
	div.buttons p.pageinfo {
		float:left;
		margin:0;}
		
	#page div.buttons p.iteminfo {
		float:left;
		margin:-16px 0 0;}
		#page div.buttons p.iteminfo span.modifydate,
		#page div.buttons p.iteminfo span.createdby { border-right:1px dotted #ccc; margin-right:12px; padding-right:10px;}
		
	
	#page div.buttons p.buttonheading {
		float:right;
		margin:13px 0 0;}
		#page div.buttons p.buttonheading img {
			margin:0 0 0 7px;}
	
	
	
	
.blog_more { /* For the links that are ander the intro articles listing */
	position:relative; 
	overflow:hidden;
	margin-bottom:20px; 
	padding-top:5px;
	clear:both}

.blog_more h2{ 
	font-size:1.75em; 
	margin:10px 0 5px}
	
	.blog_more ul {
		margin:0;
		clear:both;
		width:100%;}
		.blog_more ul li {
			list-style-type:none;
			float:left;
			width:49%;
			position:relative;
			overflow:hidden} 
			.blog_more ul li a {
				float:left;
				height:29px;
				display:block;
				white-space: nowrap;
				overflow:hidden;
				line-height:30px;
				padding:0 10px;}


/* This is for Archived Content List */
p.archivedlist .inputbox { width:100px}



div.pagination { /* Pagination styles */
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	padding:12px 12px;
	clear:both;
	position:relative;
	overflow:hidden;
	margin:0 -9px 15px;}

div.pagination p.counter {
	float:right;
	margin:0;}

div.pagination ul {
	float:left;
	margin:0;}
	div.pagination ul li {
		float:left;
		list-style-type:none;
		padding:0 7px;
		border:1px solid #e9e9e9}
		div.pagination ul li a {}
			div.pagination ul li a:hover {
				text-decoration:none;
				color:#555}


/* Read More Button */
	.readmore a {
		background:url(../images/readmore.png) no-repeat center left;
		padding-left:23px;
		padding-bottom:1px;
		display:block;
		margin:10px 0;
		text-decoration:none;}
		.readmore a:hover {
			background:url(../images/readmore_hover.png) no-repeat center left;}



/* com_search
-------------------------------------------------------------------*/
#searchpage .searchintro {
	background:#F9F9F9;
	padding:5px 15px 0;
	position:relative;
	overflow:hidden;
	clear:both}
#searchpage .searchintro p.left { float:left}
#searchpage .searchintro p.right { float:right}	
#searchpage ol p {	margin-bottom:1em}
#searchpage ol span.discategory{ color:#999}

ol.latestnews,
ol.mostreadmod { margin-bottom:0  }

ol.latestnews li,
ol.mostreadmod  li { color:#808080;}


/*===========================///////////////////-===========================
					  Default Joomla Modules sytling
===========================///////////////////-===========================*/

/* mod_search
-------------------------------------------------------------------*/
#searcharea {
	float:right;
	margin:-2px -4px 10px 0;}

#search_bg {
	width:310px;
	height:27px;
	background-repeat: no-repeat; 
	background-position:top center;}
	
	#search_bg form { margin:0 0 0 13px}
	
		#search_bg label { display:none; }
		
		#search_bg .inputbox {
			width:225px;
			margin:2px 0 0;
			padding:2px 0 0;
			background:none;
			border:none;
			color:#666;}
			#search_bg .inputbox:focus	{color:#66797D}
	
		#search_bg .button{
			float:none;
			width:65px;
			margin:0 0 0 4px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:1em;
			height:24px;
			cursor:pointer;
			background:none;
			display:inline;
			border:none}
			#search_bg .button:hover { color:#fff}
	
		
/* mod_login
-------------------------------------------------------------------*/	
#loginarea {
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	color:#777;
	padding:25px 30px;
	margin:-10px -15px 0 0;
	width:340px;
	height:55px;}	
	
form.loginform p#login_username label,
form.loginform p#login_password label { display:none; }
			
form.loginform .inputbox {
	padding:0;
	display:inline;
	background:none;
	border:none;
	width:90px;
	color:#666;
	margin:6px 0 0 35px;}
	form.loginform p#login_username {
		background:url(../images/login_username.png) no-repeat top; width:132px; height:27px; float:left; margin:0 7px 0 0;}
	form.loginform p#login_password {
		background:url(../images/login_password.png) no-repeat top; width:132px; height:27px; float:left; margin:0 4px 0 0;}
		
		form.loginform p#login_username:hover,
		form.loginform p#login_password:hover { background-position:bottom;}
	
	
	form.loginform p#login_button { margin:0}
	form.loginform p#login_button .round { 
		float:left;
		color:#666;
		height:25px;
		line-height:25px;
		padding-right:10px;}
		form.loginform p#login_button .round span {
			height:25px;
			line-height:24px;
			padding-left:10px;}
		
	form.loginform p#login_remember { 
		clear:both; 
		padding:10px 0 0;
		margin:0;  
		float:left;}
		
	
	
	/* button for the login area*/
	#loginarea .round { 
		float:left; 
		margin:0 -3px 0 -2px; 
		color:#777}
	
	form.loginform p.login_lost {
		margin:12px 0 10px 10px;
		padding-left:9px; float:left; 
		border-left:1px solid #B2B2B2;}

/* This styles are when font-size is set to large */
.font-large form.loginform p#login_remember,
.font-large form.loginform p.login_lost { font-size:.9em}
			


form.logout p {
	margin:0 0 15px; }

form.logout button{ 
	margin: 0 0  0 10px}
	
	

/* mod_latestnews and mod_mostread
-------------------------------------------------------------------*/	
ol.latestnews,
ol.mostreadmod { margin-bottom:0  }

ol.latestnews li,
ol.mostreadmod  li { color:#808080;}

	
/* mod_breadcrumbsd
-------------------------------------------------------------------*/	
#breadcrumbs {
	float:left;
	font-size:1.1em;
	padding-bottom:8px;}
	
	#breadcrumbs p {
		display:inline;
		float:left;
		margin:0}
		#breadcrumbs ol{
			list-style-type:none;
			float:left;
			margin:0}
			#breadcrumbs ol li { 
				float:left;
				background:url(../images/othermenu_arrow_parent.png) no-repeat right 65%; 	
				padding:2px 22px 0 8px;}
				#breadcrumbs ol li a {
					display:block;
					margin:0;}
				#breadcrumbs ol li.last {
					background:none;}
				#breadcrumbs ol li.last span { 
					margin:0 0 0 0}	


/* mod_banner
-------------------------------------------------------------------*/	
#bannertop {
	margin:3px 10px 0  25px;
	float:left;}
	
#banner {
	position:relative;
	overflow:hidden;
	margin:0 0 10px}
	
	#banner .padding { padding-left:10px}
	
	
ul.bannermod {
	margin:0;
	float:left}
	ul.bannermod li {
		list-style-type:none;
		margin:0;
		display:inline;}	
		ul.bannermod li img {
			margin:0;
			float:none}
			

/* mod_poll
-------------------------------------------------------------------*/
form.poll p.polltitle {
	margin-bottom:8px; font-size:1.2em;} 
form.poll p.pollradio {
	color:#777}
	

/*===========================///////////////////-===========================
				Some other styles that do not fit above
===========================///////////////////-===========================*/
/* Template Styles custom code */
ul.tempstyle {
	margin:0;
	float:left}
	ul.tempstyle li {
		float:left;
		list-style-type:none;}
		ul.tempstyle li a {
			margin:0 20px;
			margin-bottom:4px;
			display:block;
			font-size:1.2em;}


/* This styles are used on the Editor Page */
form.editor select{ width:auto;}


/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/* For the  IceSlideShow see modules/mod_ice_slideshow/css/general.css */



/* IceAccordion 
-------------------------------------------------------------------*/
.iceaccordion { 
	position:relative; 
	overflow:hidden;
	margin:0 0 -15px;} 

	.iceaccordion h4.toggler {
		border-bottom:1px solid #E1E1D7;
		height:29px;
		line-height:30px;
		padding:0;
		font-size:1em;
		cursor: pointer;
		font-family:Georgia, "Times New Roman", Times, serif;
		letter-spacing:0.05em;
		text-transform:uppercase;
		position:relative;
		cursor: pointer;
		background: url(../images/iceaccordion_closed.png) no-repeat right center !important;}
	
		.iceaccordion h4.open {
			background-image: url(../images/iceaccordion_open.png)!important;}
	
	.iceaccordion div.accordion_content{
	position: relative;
	overflow: hidden;}

		
			
/* IceSlider ImageSlide */
.iceslider_imageslide .icemodule { position:relative; padding:0; margin:0;}
.iceslider_imageslide .icemodule div div div { padding:0}
.iceslider_imageslide .icemodule div div div div { margin: 0 auto; padding:3px 0 7px; overflow: hidden;}
							
	.iceslider_imageslide ul {
		margin:-40px 12px 0;
		float:right;
		z-index:1;
		position:relative;
		width:122px;
		height:27px;
		text-align:center;
		padding:5px 0 0 8px;
		background:url(../images/icesldier_imageslide_arrowbg.png) no-repeat}
		.iceslider_imageslide ul li{
			list-style-type:none;
			float:left;
			width: 25px;
			height: 18px;
			cursor:pointer;
			background:url(../images/icesldier_imageslide_buttons.png) no-repeat 0 0}
			.iceslider_imageslide ul li.imageslide_prev { background-position:0 0}
			.iceslider_imageslide ul li.imageslide_next { background-position:-25px 0 }
			.iceslider_imageslide ul li.imageslide_stop { background-position:-50px 0}
			.iceslider_imageslide ul li.imageslide_play { background-position:-75px 0}
			
		.iceslider_imageslide ul li span { /* Hide Text */
			display: block;
			width: 0;
			height: 0;
			overflow: hidden;}
	
	.iceslider_imageslide ol {
		margin:0;
		padding:0;
		position:relative;
		overflow:hidden;}
			.iceslider_imageslide ol li{
				list-style-type:none;
				margin:0;
				display:block;
				float:left;
				padding:0}

.icesldier_imageslide_content {
	position:relative;
	width:546px;
	height:230px;
	overflow:hidden;}
.iceslider_imageslide_box {
	position:absolute}
	
	
	

/* IceSlider TabularSlide */
.iceslider_tabularslide {
	margin:20px 0 15px;}
	
.iceslider_tabularslide .controlarea {
	background:#F7F6F2 url(../images/icesldier_tabularslide_gradient.png) repeat-x bottom;
	height:35px;
	line-height:35px;}
	

.iceslider_tabularslide ul.slidingul {
	margin:0 0 0 5px;
	float:left;}
	
	.iceslider_tabularslide ul.slidingul li {
		float:left;
		list-style-type:none;
		cursor:pointer;
		padding:0;
		margin:0;
		font-size:1.1em;
		height:35px;
		color:#888;
		background:url(../images/icesldier_tabularslide_navsep.png) no-repeat center right}
		
		.iceslider_tabularslide ul.slidingul li span {
		display: block;
		height: 35px;
		float: left; /* IE 6 Fix */
		padding: 0 22px 0  20px;}
		
		.iceslider_tabularslide ul.slidingul li:hover {
			color:#555}
			
		.iceslider_tabularslide ul.slidingul li.active { 
			background: url(../images/icesldier_tabularslide_navright.png) bottom right no-repeat;
			color:#555;
			position:relative;
			overflow:visible;
			zoom:1;
			height:48px;}
			.iceslider_tabularslide ul.slidingul li.active span {
				height:48px;
				position:relative;
				overflow:visible;
				zoom:1;
				margin-left:-1px;
				padding-left:21px;
				background: url(../images/icesldier_tabularslide_navleft.png) bottom left no-repeat;}
		
.iceslider_tabularslide_content {
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	clear:both;}
		.iceslider_tabularslide_content div{
			float:none!important;}
		.iceslider_tabularslide_content div img{ position:relative; float:right;}
		
.iceslider_tabularslide_box {
	position:absolute}	

	.iceslider_tabularslide_content h3 { font-size:2em; line-height:1; margin-bottom:0.6em; color:#666}	


.iceslider_tabularslide ul.slidingbuttons {
	margin:12px 5px 0 0;
	float:right;}
	.iceslider_tabularslide ul.slidingbuttons li{
		list-style-type:none;
		cursor:pointer;
		width:20px;
		height:15px;
		float:left;
		margin:0 0 0 4px}
		.iceslider_tabularslide ul.slidingbuttons li span {
			display:none}
		
		.iceslider_tabularslide ul.slidingbuttons li.carouselslider_prev{ background:url(../images/iceslider_prev.png) no-repeat top}
			.iceslider_tabularslide ul.slidingbuttons li.carouselslider_prev:hover{ background-position: bottom }
		.iceslider_tabularslide ul.slidingbuttons li.carouselslider_next{ background:url(../images/iceslider_next.png) no-repeat top}
			.iceslider_tabularslide ul.slidingbuttons li.carouselslider_next:hover{ background-position: bottom }
		.iceslider_tabularslide ul.slidingbuttons li.carouselslider_stop{ background:url(../images/iceslider_stop.png) no-repeat top}
			.iceslider_tabularslide ul.slidingbuttons li.carouselslider_stop:hover{ background-position: bottom }
		.iceslider_tabularslide ul.slidingbuttons li.carouselslider_play{ background:url(../images/iceslider_play.png) no-repeat top}
			.iceslider_tabularslide ul.slidingbuttons li.carouselslider_play:hover{ background-position: bottom }
			
			
			
			
/* IceSlider CarouselSlide */
.iceslider_carouselslide {
	overflow:hidden;
	clear:both;
	position:relative;
	margin:0 0 10px;}

.iceslider_carouselslide_box {
	position:absolute}	
	
.iceslider_carouselslide_content {
	clear:both;
	position:relative;
	overflow:visible;
	margin-top:20px;}
		
		
		.iceslider_carouselslide_item{
			margin:0;
			float:left;}
			
			.iceslider_carouselslide_item .icemodule {
				margin:0 9px 0 0;
				position:relative;
				overflow:visible;
				background:url(../images/icemodule_br.png) no-repeat bottom right!important;} 
				.iceslider_carouselslide_item .icemodule div{
					background:url(../images/icemodule_bl.png) no-repeat bottom left!important;} 
					.iceslider_carouselslide_item .icemodule div div{
						background:url(../images/icemodule_tr.png) no-repeat top right!important;} 
						.iceslider_carouselslide_item .icemodule div div div{
							background:url(../images/icemodule_tl.png) no-repeat top left!important;} 
								.iceslider_carouselslide_item .icemodule div div div div {
									background:none!important;}
				
				.iceslider_carouselslide_item .icemodule div.icemodule_fix {
					overflow:visible;
					position:relative;
					clear:both;
					padding:9px 10px 9px;}
					
					.iceslider_carouselslide_item .icemodule div div div div { text-align:center} 
					
					.iceslider_carouselslide_item .icemodule h4 {
						color:#444;
						margin:-25px 0 5px;
						position:relative;
						overflow:hidden;
						white-space: nowrap;
						display:inline-block;
						text-align:center;
						font-size:1.2em;}
							.iceslider_carouselslide_item .icemodule h4  a:hover{
								background:#F1F1F1;
								text-decoration:none;
								color:#555}
						
						
						
						.iceslider_carouselslide_item .icemodule h4 span.icemodule_header_r,
						.iceslider_carouselslide_item .icemodule h4 span.icemodule_header_l,
						.iceslider_carouselslide_item .icemodule h4 span.icemodule_header_arrow { 
							display:inline-block; height:43px; line-height:31px; }
							
						.iceslider_carouselslide_item .icemodule h4 span.icemodule_header_arrow { padding:0 12px;}
						
						
						.iceslider_carouselslide_item .icemodule h4 span.icemodule_header_r { background:url(../images/icemodule_header_r.png) no-repeat center right;}
						.iceslider_carouselslide_item .icemodule h4 span.icemodule_header_l { background:url(../images/icemodule_header_l.png) no-repeat center left;}
						
					
						.iceslider_carouselslide_item .icemodule h4 span.icemodule_header_arrow { background:url(../images/icemodule_header_arrow.png) no-repeat center bottom;}
						
						
						
				
				
				.iceslider_carouselslide_content p { margin:0}
				
				.iceslider_carouselslide_content img {
					margin:0 0 5px 5px; 
					float:none;
					clear:both;
					border:1px solid #aaa; 
					padding:1px; 
					text-align:center}
		

	


.iceslider_carouselslide .iceslider_carouselslide_buttons {
	padding:5px 12px 10px 3px;
	position:relative;
	overflow:hidden}
	
	.iceslider_carouselslide .iceslider_carouselslide_buttons  h4 {
		float:left;
		line-height:1;
		margin:0;
		color:#777;
		font-size:1.25em;}

.iceslider_carouselslide ul.slidingbuttons {
	margin:0;
	float:right; }
	.iceslider_carouselslide ul.slidingbuttons li{
		list-style-type:none;
		cursor:pointer;
		width:20px;
		height:15px;
		float:left;
		margin:0 0 0 4px}
		.iceslider_carouselslide ul.slidingbuttons li span {
			display:none}
		
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_prev{ background:url(../images/iceslider_prev.png) no-repeat top}
			.iceslider_carouselslide ul.slidingbuttons li.carouselslider_prev:hover{ background-position: bottom }
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_next{ background:url(../images/iceslider_next.png) no-repeat top}
			.iceslider_carouselslide ul.slidingbuttons li.carouselslider_next:hover{ background-position: bottom }
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_stop{ background:url(../images/iceslider_stop.png) no-repeat top}
			.iceslider_carouselslide ul.slidingbuttons li.carouselslider_stop:hover{ background-position: bottom }
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_play{ background:url(../images/iceslider_play.png) no-repeat top}
			.iceslider_carouselslide ul.slidingbuttons li.carouselslider_play:hover{ background-position: bottom }

	
	
/* This styles are when font-size is set to large */
.font-large	.iceslider_carouselslide .iceslider_carouselslide_buttons  h4 { font-size:1.15em}




/* IceScroller Module */
.icescroller {
	padding:0;
	overflow:visible;}
	.icescroller .hide {
		visibility: hidden;
		position: absolute;}
	
	.icescroller p {
		float:left;
		margin:0;
		text-transform:uppercase;
		color:#999}
		
	li.scrolleritem {
			margin:0;}
			li.scrolleritem{
				list-style-type:none;}
				 li.scrolleritem span { font-weight:bold;}
			
		
	/* buttons */
	ul.icescroller_buttons{
	float:left;
	margin:2px 5px 0 10px;
	padding:0;
	overflow:hidden;
	position:relative;} 
	ul.icescroller_buttons li {
		list-style-type:none;
		float:left;
		margin:0;}	
		ul.icescroller_buttons li a {
			text-align:center;
			width:15px;
			height:15px;
			margin-right:3px;
			line-height:35px;
			display:block;
			border-bottom:none;}
			ul.icescroller_buttons li a:hover { border-bottom:none}
			
			ul.icescroller_buttons li.prev  a{  background:url(../images/icescroller_prev.png) no-repeat top}
			ul.icescroller_buttons li.next a{  background:url(../images/icescroller_next.png) no-repeat top}
			
				ul.icescroller_buttons li.prev  a:hover{  background-position: bottom}
				ul.icescroller_buttons li.next a:hover{  background-position: bottom}