/* -------------------------------------------------------------- 
  
   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%;
  background:#ccc}
  

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:Georgia, "Times New Roman", Times, serif;
	font-weight: normal; }
	
h1 { 
	font-size: 3em;
	margin-bottom: 0em;}
	
h2 { 
	background: url("../images/leading_header.png") repeat-x scroll center bottom #F2F2F2;
    color: #666666;
    font-size: 2em;
    line-height: 1.3em;
    margin: -9px -10px 0 -9px;
    padding: 8px 9px 5px;} }
	
h3 { 
	font-size: 2em; 
	line-height: 1; 
	margin-bottom: 0.5em; }
	
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:#000000}
	a:visited { text-decoration:none; color:#000000}
	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: 5.6em/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: 1.4em; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }

table.custom, table.category {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: separate;
    border-color: #D9DBD2 #D9DBD2 -moz-use-text-color;
    border-image: none;
    border-spacing: 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    clear: both;
    margin: 0 auto;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 100%;
}
table.custom caption {
    color: #888888;
    font-size: 1.2em;
    margin-bottom: 5px;
}
table.custom tfoot {
    text-align: left;
}
table.custom tfoot th {
    border-bottom: 1px solid #D9DBD2;
    padding: 8px 10px;
}
table.custom td, table.category td {
    border-bottom: 1px solid #D9DBD2;
    box-shadow: 0 1px 0 #FFFFFF;
    padding: 5px 10px;
}
table.custom tr, table.category tr {
    transition: all 0.5s ease 0s;
}
table.category tr.cat-list-row1, table.custom tr.odd {
    background: none repeat scroll 0 0 #F0F0F0;
}
table.category thead th, table.custom thead th {
    background: -moz-linear-gradient(center top , #4A4A4A, #303030) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: "Droid Sans",Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    padding: 7px 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #000000;
}
table.category thead th a, table.custom thead th a {
    color: #FFFFFF !important;
}
	
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 {
    border: 1px solid #E6E6E6;
    color: #999999;
    height: 200px;
    margin: 0.5em 0.5em 0.5em 0;
    overflow: hidden;
    padding: 5px 8px;
    width: 90%;
}
textarea:hover, textarea:focus {
    background: none repeat scroll 0 0 #F9F9F9;
}
textarea:focus {
    color: #333333;
}
.sectiontableheader {
    background: none repeat scroll 0 0 #555555;
    color: #FFFFFF;
    font-size: 12px;
    padding: 4px 8px;
}
.sectiontableheader a, .sectiontableheader a:hover, .sectiontableheader a:active, .sectiontableheader a:focus {
    color: #FFFFFF;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
    border-bottom: 1px solid #CCCCCC;
}
tr.sectiontableentry2 td {
    background: none repeat scroll 0 0 #F7F6F5;
}
select {
    border: 1px solid #E6E6E6;
    color: #999999;
    outline: medium none;
    padding: 2px 2px 2px 4px !important;
}
select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
}
form p img {
    float: none;
    margin: 0;
    vertical-align: middle;
}
/* 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;}


	/*button tag*/	
	button {
		background:#EDEDED;
		border:1px solid #ccc;
		color:#888;
		font-family:Verdana, Geneva, sans-serif;
		overflow:visible;
		padding:2px 10px; 
		cursor:pointer;
		white-space:nowrap}
	
	button:hover { color:#333 }
	
	
	.icemodule button{ border:1px solid #52788D; background:#0F3044; color:#778994}
		.icemodule button:hover { color:#BDC5CB}
		





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

		
/*---------------
 Main Nav
----------------*/
#main-nav_wrap {
	clear:both;
	position:relative;
	overflow:hidden;
	height:35px;
	padding-top:14px;
	background: url(../images/nav.png) repeat-x top; }
	
#main-nav{
	height:35px;
	position:relative;
	overflow:hidden;}

	/* main menu ul or ol elment */
	ul#nav{
		display:block;
		position: absolute;
		float:left;
		list-style:none;
		margin:0;
		z-index:5;
		top:0;
		left:0;}
		
		/* 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;
			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:#eebb20;
				text-decoration:none;
				display:block;
				font-size:1.2em;
				font-family:Georgia, "Times New Roman", Times, serif;
				padding:0 18px 0;
				height:35px;
				line-height:34px;}
				ul#nav li a span {}
						

				/* 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:#003556 url(../images/nav_current.png) repeat-x top;
					color:#94ABB9;}

				/* 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{
					color:#fff;
					background:none;}



/* ----[ 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;
		border-right:1px solid #3F6174;
		background:#003556 url(../images/nav_drop_hover.png) repeat-x bottom;}
		ul#nav ul li a, 
		#MainMenuSub ul li a { 
			padding:0 40px 0 15px; 
			height:29px; 
			color:#94ABB9;
			border-top:1px dotted #486F85;
			line-height:30px;}
	
	

	#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) }
		
		
		
		/* When the parent item is set to current or active */
					
					ul#nav  li#current a,
					ul#nav  li.active a {
						color:#fff;
						background:#003556 url(../images/nav_current.png) repeat-x top;}
						ul#nav  li#current a span,
						ul#nav  li.active a span {
							background: url(../images/nav_current_effect.png) no-repeat bottom ;
							margin:0 -15px -1px;
							padding:0 15px 1px;
							display:inline-block;}
							
								
						#MainMenuSub li#current a { color:#fff;  background:url(../images/nav_current.png) repeat-x top;}
		
#MainMenuSub {	
	display:block; 	
	position:absolute;	
	top:0;	
	left:0;	
	width:100%;
	height:0;	
	overflow:visible;	
	z-index:10000000000; }
#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: 16em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:35px;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -2em 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: 16em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:35px }
#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; }





/*===========================///////////////////-===========================
								  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;
					background:url(../images/othermenu_line.png) no-repeat bottom;
					color:#B2B2B2!important;
					font-size:1em;
					letter-spacing:0.05em;
					text-transform:uppercase;
					padding:0 0 0 1px;
					height:29px;
					line-height:30px;}					
					ul#othermenu li a:hover,
					#OtherMenuSub a:hover {
						color:#fff!important;
						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:#EEBB20!important}
							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 dashed #888;
						letter-spacing:normal;}
						
						
						#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/othermenu_arrow_parent.png) 95% 55% no-repeat;}
							
							ul#othermenu  li.parent a:hover span,
							#OtherMenuSub li.parent a:hover  { 
								background-image:url(../images/othermenu_arrow_parent_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 #858585;
	border-bottom:none;
	left:0;
	background:#595959}

/* 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; }
							
/*===========================///////////////////-===========================
					            Top Menu
===========================///////////////////-===========================*/
ul#topmenu {
	margin:0;
	float:left;}
	ul#topmenu li{
		list-style-type:none;
		display:inline;
		margin:0;
		border-right:1px solid #5A8BA6}
		ul#topmenu li a{
			font-size:.9em;
			margin:0 10px;
			color:#B7C8D2;}
			ul#topmenu li a:hover{
				text-decoration:none;
				color:#fff;}
				ul#topmenu li a span {}
						ul#topmenu li a:hover span {}


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

	#bottomlinks ul {
		position:relative;
		overflow:hidden;
		text-align:center;
		padding:0;
		margin:9px 0 5px;}
		 #bottomlinks ul li{
			list-style-type:none;
			display:inline;
			margin:0 0 0 14px;
			border-right:1px dotted #777}
			 #bottomlinks ul li a{
				margin-right:15px;
				font-size:1em;
				letter-spacing:0.05em;
				text-transform:uppercase;
				color:#B2B2B2;}
				#bottomlinks ul li a:hover{
					color:#fff;
					text-decoration:none;}


/*===========================///////////////////-===========================
					            Footer Menu
===========================///////////////////-===========================*/
#footer ul#footermenu {
		float:left;
		margin:0 30px 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: 15%; } /* Propotion 1/6 */
.width20  { width: 18%; } /* Propotion 1/5 */
.width25  { width: 23%;  } /* Propotion 1/4 */
.width33  { width: 32%; } /* Propotion 1/3 */
.width50  { width: 49%; } /* 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: 32%; } /* 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; padding-right:9px; background:url(../images/seperator.png) no-repeat center right;}

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


/*===========================///////////////////-===========================
					              Top Area 
===========================///////////////////-===========================*/
#toparea { 
	background:#004773 url(../images/toparea.jpg) repeat-x top;
	height:50px;
	line-height:36px;
	color:#B7C8D2;}
	#toparea  a{ color:#E3AF11; }


	
/*===========================///////////////////-===========================
					              Content 
===========================///////////////////-===========================*/

/*-------------------
	General Decorations
-------------------*/
#gradient_top { 
	background:url(../images/gradient_top.jpg) repeat-x top;}

#gradient_bottom { 
	background:url(../images/gradient_bottom.png) repeat-x  bottom;}
	
/*-------------------
	Header Top
-------------------*/

#headertop {
	position:relative;
	overflow:hidden;
	margin-bottom:-25px;}
	
	#headertop .padding { padding-left:10px; position:relative; overflow:hidden}

	
	/* Header Top Modules */
	#headertop .moduletable {
		margin:5px 0;
		color:#444}
			#headertop .moduletable h3 {
				margin:0 0 6px;
				font-weight:bold;
				color:#666;
				font-size:1.15em;}
				#headertop .moduletable h3 span { color:#0F5987;}
				
	
	#headertop .separator {background-image:url(../images/seperator_headertop.png);}
	

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

#header {
	background:#004773 url(../images/header.jpg) repeat-x top;
	margin-top:-30px;
	position:relative;
	overflow:visible}
	
		
	#header .padding { padding:20px 10px 0 10px; position:relative; overflow:visible}
	

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


/* Font Switcher */
#fontswitcher {
	padding:5px 8px 0 0}
	
#fontswitcher ul {
	margin:0;
	float:right;} 
	#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:#fff;
	border-bottom:1px solid #ccc;}
	
	#promo_shadow { background: url(../images/promo_shadow.png) no-repeat top center;}
	
	#promo .padding { padding:15px 9px 10px; position:relative; overflow:hidden}
	
	
/* Promo Modules */
	#promo .moduletable {
		margin:0;}
			#promo .moduletable h3 {
				margin:0 0 6px;
				color:#222;
				font-size:1.25em;}
				#promo .moduletable h3 span { color:#004773;}
		
		#promo .separator {background-image:url(../images/seperator_promo.png);}

/*-------------------
	User Area
-------------------*/
#userarea { 
	background:#ccc url(../images/userarea.png) repeat-x;
	line-height:30px;
	height:30px;}
	
	#userarea .padding { padding:0 10px 0 } 


/*					           Content Inside
===========================///////////////////-===========================*/


#content_top { 
	background:url(../images/content_top.png) no-repeat top center;
	margin:0 auto;
	height:60px;}


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


/* 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;
	position:relative;
	overflow:hidden;
	width:970px;}

    #outer-column-container {
		border-style:solid;}
		
		#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;
			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:600px;}
	

	#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: 10px  9px -20px;	/* margin, instead of padding, used to induce margin collapse if needed by child elements */}
								
								
/* Left Column and Right Column Module Decoration */
#left-column .icemodule, 
#right-column .icemodule{
	margin:0 -8px 10px;
	position:relative;
	overflow:hidden;
	background-color:#595959}
	
		#left-column .icemodule div div div, 
		#right-column .icemodule div div div {
			background: url(../images/icemodule_header.png) repeat-x  top;}
			
			#left-column .icemodule div div div div, 
			#right-column .icemodule div div div div { 
				background:none;}
			
			
			#left-column .icemodule h3, 
			#right-column .icemodule h3 {
				color:#e1e1e1;
				padding:9px 10px 7px;
				margin:0;
				font-weight:bold;
				text-align:center;
				background: url(../images/icemodule_arrow.png) no-repeat  center top;
				font-size:1.2em;}
					#left-column .icemodule h3 span, 
					#right-column .icemodule h3 span {color:#eebb20;}
				
				
				#left-column .icemodule div.icemodule_content,
				#right-column .icemodule div.icemodule_content { 
					color:#fff;
					background:url(../images/icemodule_content.png) repeat-x top right;}
					
					#left-column .icemodule div.icemodule_content div,
					#right-column .icemodule div.icemodule_content div { 
						padding:9px 9px 8px;
						margin:0}
						#left-column .icemodule div.icemodule_content div div,
						#right-column .icemodule div.icemodule_content div div { padding:0} 
					
					
				
			#left-column .icemodule	a,
			#left-column .icemodule a:visited,
			#right-column .icemodule a,
			#right-column .icemodule a:visited { color:#ffffff}
	
	
#left-column .icemodule { background-image:url(../images/icemodule_gradient_l.png); background-repeat: repeat-y; background-position: right;}					
#right-column .icemodule { background-image:url(../images/icemodule_gradient_r.png); background-repeat: repeat-y; background-position: left;}		
	

/* Module with suffix style1 */
#left-column .style1,
#right-column .style1 {
		border:none;
		padding:0;
		margin:0 -8px 0;		
		background: url(../images/icemodule_style1_br.png) no-repeat bottom right;
		padding:0;}
		#left-column .style1 div,
		#right-column .style1 div {
			zoom:1;
			background: url(../images/icemodule_style1_bl.png) no-repeat bottom left;}
			#left-column .style1 div div,
			#right-column .style1 div div {
				zoom:1;
				background: url(../images/icemodule_style1_tr.png) no-repeat top right}
				#left-column .style1 div div div,
				#right-column .style1 div div div{
					zoom:1;
					background: url(../images/icemodule_style1_tl.png) no-repeat top left}
					#left-column .style1 div div div div,
					#right-column .style1 div div div div {
						background: none!important;
						margin: 0;
						padding:20px 10px 22px;
						clear:both;
						float: none;
						min-height:30px;
						color:#555;
						overflow: hidden;}
							#left-column .style1 div div div div div,
							#right-column .style1 div div div div div { padding:0; min-height:auto; }
					
						#left-column .style1 h3,
						#right-column .style1 h3  {
							margin:3px 0 3px;
							background:none;
							text-align:center;
							z-index:99;
							font-weight:normal;
							color:#222;
							padding:0;
							white-space: nowrap;
							font-style:italic;
							font-size:1.25em;
							font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
							#left-column .style1 h3 span,
							#right-column .style1 h3 span { color:#777}


/* Module with suffix style2 */
#left-column .style2,
#right-column .style2 {
	margin:0 -8px 10px;
	position:relative;
	overflow:hidden;
	background-color:#4C4C4C}
	#left-column .style2 div,
	#right-column .style2 div {
		background: url(../images/icemodule_style2_gradient_t.png) repeat-x top }
		#left-column .style2 div div,
		#right-column .style2 div div {
			background: url(../images/icemodule_style2_gradient_b.png) repeat-x bottom}
			#left-column .style2 div div div,
			#right-column .style2 div div div {
				background: url(../images/icemodule_style2_arrow_t.png) no-repeat top center}
				#left-column .style2 div div div div,
				#right-column .style2 div div div div{
					background: url(../images/icemodule_style2_arrow_b.png) no-repeat bottom center}
					
					#left-column .style2 div div div div div,
					#right-column .style2 div div div div div{ background:none;}
				
						
						#left-column .style2 div.icemodule_content,
						#right-column .style2 div.icemodule_content { 
							color:#ccc;
							background:none;}
							#left-column .style2 div.icemodule_content div,
							#right-column .style2 div.icemodule_content div { 
								padding:5px 9px 10px;
								margin:0}
								#left-column .style2 div.icemodule_content div div,
								#right-column .style2 div.icemodule_content div div{ padding:0}
								
									#left-column .style2 h3,
									#right-column .style2 h3 {
										color:#e1e1e1;
										padding:10px 10px 7px;
										margin:0 9px 0;
										background-image:none;
										border-bottom:1px dashed #999;
										text-align:center;
										font-size:1em;}
										#left-column .style2 h3 span,
										#right-column .style2 h3 span {color:#ccc;}
				
				
						
					#left-column .icemodule	a,
					#left-column .icemodule a:visited { color:#8EC5E8}
			
			
			



/* 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}


#usertopmods .separator,
#userbottommods .separator,
#contenttopmods .separator,
#contentbotmods .separator{ background:none; padding:0}


#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 Top
===========================///////////////////-===========================*/

#bottom_top {
	background:#555 url(../images/bottom_top.jpg) repeat top center;
	position:relative;
	overflow:hidden;
	z-index:111;
	color:#E6E6E6;}
	
	#bottom_top_effect {
		background:url(../images/bottom_top_effect.png) repeat-x top;
		position:relative;
		overflow:hidden;}
	
	#bottom_top .padding { padding:4px 9px}
	


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

#bottom {
	background:#444 url(../images/bottom.jpg) repeat top center;
	color:#999;
	z-index:11;
	zoom:1;
	position:relative;
	overflow:hidden;}
	#bottom_effect {
		background:url(../images/bottom_effect.png) repeat-x top;
		position:relative;
		overflow:hidden;}
	
	
	#bottom .padding { padding:10px; position:relative; overflow:hidden}
	
	#bottom a,
	#bottom a:visited { color:#8EC5E8}
		
			
	/* Bottom Modules */
	#bottom .moduletable {}
			#bottom .moduletable h3 {
				margin:0 0 6px;
				color:#ccc;
				font-size:1.25em;}
				#bottom .moduletable h3 span { color:#EEBB20}
	
	#bottom .separator {background-image:url(../images/seperator_bottom.png);}


/*===========================///////////////////-===========================
					             Footer
===========================///////////////////-===========================*/
#footer {
	background:#B3B3B3 url(../images/footer.png) repeat-x top;
	color:#666;
	overflow:hidden;
	position:relative;
	margin-top:-10px;}
	
	#footer .padding { 
		padding:25px 9px 13px;
		overflow:hidden;}
		
	#footer p{
		margin:0;} 
	
	
	#footer #copyright { width:100%; margin:0px 0 0; text-align:center; clear:both; position: relative; overflow:hidden}
		#footer div#copyright p { margin:0 auto; text-align:center}
	
	
#footer p#icelogo { margin:0 ;}
	#footer p#icelogo img { margin:5px 0 0; float:none}
	
	
#footer #gotop { position:relative;}

#footer #gotop p {
	position:absolute;
	top:0px;
	overflow:visible;
	left:945px;
	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 
-------------------------------------------------------------------*/

/* Category Blog / Featured Blog */
.blog-featured,

.blog-featured .items-leading,
	.blog .items-leading {
	position:relative;
	overflow:hidden; 
	padding-bottom:10px;}
	
..blog-featured .items-leading,
	.blog .items-leading { 
	position:relative; 
	overflow:hidden;
	background:url(../images/articlerow_sep.jpg) no-repeat bottom center; padding-bottom:40px}

	..blog-featured .items-leading,
	.blog .items-leading  h2{
		line-height:1.5;
		color:#444;
		margin:0 0 .1em 0; 
		font-size:1.4em;}
		.blog h2 a:hover { text-decoration:none; color:#555}
	
	.blog div.iteminfo {
		margin:1px -9px 9px -9px;
		padding:5px 9px 3px;
		clear:both;
		color:#888;
		border-bottom:1px solid #E3E3E3;
		background:#E6E6E6 url(../images/leading_iteminfo.png) repeat-x top;}
	
			div.iteminfo p { display:inline; }
			
			div.iteminfo p.modifydate { }
			div.iteminfo p.createdby { }
	
	.blog-featured { 
		background:url(../images/leading_blogcontent.png) repeat-x top;
		margin:-9px -9px 0 -9px;
		padding:9px 9px 9px 9px;}
		
	
	.blog-featured  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 }
				
	.actions{
margin:0;
}
.actions li{
list-style: none;
display:inline;
float:right
}

	.blog .round {margin:10px 0 0}
		.blog .item column-1 .round {margin:15px 0 -10px}
		

	/* Leading Article */
	.items-leading { 
		position:relative;
		overflow:hidden;
		border:0px solid #D9D9D9;
		padding:9px 9px 0;
		background:#F0F0F0}
		.items-leading h2 { 
			background:#F2F2F2 url(../images/leading_header.png) repeat-x bottom;
			display:block;
			margin:-9px -9px 0 -9px;
			padding:5px 9px 4px;} 
	
	
	
	/* Column-Divided Articles */
	.items-wrap { 
		clear:both;
		position:relative;
		overflow:hidden;}
	
	.items-row {
		position:relative;
		overflow:hidden;
		border:1px solid #D9D9D9;
		padding:9px 9px 0 9px;
		margin-top:9px;
		background:#F0F0F0}
		
		.items-row h2 {
			background:#F2F2F2 url(../images/leading_header.png) repeat-x bottom;
			display:block;
			font-size:1.15em;
			margin:-9px -10px 0 -9px;
			padding:4px 9px;} 
	
			.items-row .cols2 { /* When you set up the category/section/frontpage intro articles to have 2 columns we divede it in 2 parts */
				width:50%;
				float:left;}
			.items-row .cols3 { /* and this when you set up in 3 parts */
				width:33.33%; 
				float:left;}
		
			.items-row .column1 .item column-1 { padding-right:8px;}
			.items-row .column2 .item column-1 { padding-left:8px; }
			.items-row .column3 .item column-1 { padding-left:10px; }
			
				
			
				
				.items-row .column2 div.blogcontent,
				.items-row .column3 div.blogcontent { border-left:1px solid #D9D9D9}
				
				 
			
		

/* The styles below are for the article layout page */
.page { 
	position:relative;
	overflow:hidden;
	margin:0 0 10px;
	padding:9px 9px 0 9px;
	background:#fff;
	border:1px solid #D9D9D9;}
	
	h1.page_heading {
	border-bottom:1px dotted #ccc;
	padding-bottom:2px;
	font-size:0.0em;
	text-align:right;
	margin-bottom:10px;
	color:#777;}
background:#F2F2F2 url(../images/leading_header.png) repeat-x bottom;}

	
	.page div.iteminfo {
		margin:1px -9px 9px -9px;
		padding:10px 9px 6px;
		clear:both;
		color:#888;
		position:relative;
		overflow:hidden;
		border-bottom:1px solid #E3E3E3;
		background:#E6E6E6 url(../images/leading_iteminfo.png) repeat-x top;} 
		
		.page div.iteminfo p.articleinfo { float:left; margin:0 }
			#page div.iteminfo p.articleinfo span.createdby { padding-right:10px }
			#page div.iteminfo p.articleinfo .createdate { padding-right:10px }
			#page div.iteminfo p.articleinfo .modifydate
			
		.page div.iteminfo p.buttonheading { float:right}
				#page div.iteminfo p.buttonheading img {
					margin:-2px 0 0 7px;}
			


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;}


	
	
	
	
..items-more { /* For the links that are ander the intro articles listing */
	position:relative; 
	overflow:hidden;
	margin-bottom:20px; 
	padding-top:5px;
	clear:both}

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


/* Article Page */
.item-page {
	position:relative;
	overflow:hidden;
	margin:0 0 10px;
	padding:9px 9px 0 9px;
	background:#fff;
	border:1px solid #D9D9D9;}

	.item-page h2 {
		line-height:1.35em;
		font-size:2.0em;}


	.item-page img {
		float:left;
		margin:5px 10px 10px 0;
		padding:5px;
		border:1px solid ;}

.page div.iteminfo {
		margin:1px -9px 9px -9px;
		padding:10px 9px 6px;
		clear:both;
		color:#888;
		position:relative;
		overflow:hidden;
		border-bottom:1px solid #E3E3E3;
		background:#E6E6E6 url(../images/leading_iteminfo.png) repeat-x top;} 
		
		.page div.iteminfo p.articleinfo { float:left; margin:0 }
			#page div.iteminfo p.articleinfo span.createdby { padding-right:10px }
			#page div.iteminfo p.articleinfo .createdate { padding-right:10px }
			#page div.iteminfo p.articleinfo .modifydate
			
		.page div.iteminfo p.buttonheading { float:right}
				#page div.iteminfo p.buttonheading img {
					margin:-2px 0 0 7px;}
			


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;}


	
	
	
	
.items-more { /* For the links that are ander the intro articles listing */
	position:relative; 
	overflow:hidden;
	margin-bottom:20px; 
	padding-top:5px;
	clear:both}

.items-more h2{ 
	font-size:1.75em; 
	margin:10px 0 5px;
	color:#555;}
	
	.items-more ul {
		margin:0;
		clear:both;
		width:100%;}
		.items-more ul li {
			list-style-type:none;
			float:left;
			width:49%;
			position:relative;
			overflow:hidden} 
			..items-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:10px -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 { margin:0 }
	.readmore a { 
		background:#FCFCFC url(../images/readmore.png) no-repeat 6px 51%;
		border:1px solid #dedede;
		color:#888;
		display:inline-block;
		margin:10px 0 0;
		padding:2px 10px 1px 25px;
		text-decoration:none;}
		.readmore a:hover { 
			background-image:url(../images/readmore_hover.png);
			text-decoration:none;}



/* 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:4px 0 0 0;}

	
	#searcharea p#search_bg {
		width:220px;
		height:24px;
		background-image:url(../images/search_bg.png);
		background-repeat: no-repeat; 
		background-position:top center;
		margin:0;
		float:left; }
		#searcharea p#search_bg:hover { background-position:bottom;}
	
		#searcharea label { display:none; }
		
		#searcharea p#search_bg .inputbox {
			width:200px;
			color:#778994;
			margin:1px 0 0 27px;
			background:none;
			border:none;}
	
		#searcharea p#search_button { margin:0; float:left}
	
		#searcharea p#search_button span.round { margin-top:-1px; height:22px; border:1px solid #52788D; background:#0F3044; color:#778994}
			#searcharea p#search_button button:hover span.round { color:#BDC5CB}
			
			#searcharea p#search_button span.round span { height:22px; line-height:22px; background:none}
			
	
		
/* mod_login
-------------------------------------------------------------------*/	
#loginarea {
	background-image:url(../images/login.png);
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	color:#B7C8D2;
	margin:-15px -15px -10px 0;
	width:418px;
	height:118px;}	
	#loginarea .padding { padding:35px 28px }
	
	#loginarea a{ color:#E3AF11; }
	
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:102px;
	color:#778994;
	margin:4px 0 0 30px;}
	form.loginform p#login_username {
		background:url(../images/login_username.png) no-repeat top; width:142px; height:24px; float:left; margin:0 7px 0 0;}
	form.loginform p#login_password {
		background:url(../images/login_password.png) no-repeat top; width:142px; height:24px; float:left; margin:0 4px 0 0;}
		
		form.loginform p#login_username:hover,
		form.loginform p#login_username:focus,
		form.loginform p#login_password:hover,
		form.loginform p#login_password:focus
		{ background-position:bottom;}
	
	form.loginform p#login_button { margin:0; float:left}
	
		form.loginform p#login_button button { padding:2px 10px; border:1px solid #52788D; background:#0F3044; color:#778994}
			form.loginform p#login_button button:hover { color:#BDC5CB}
			
			
		
	form.loginform p#login_remember { 
		clear:both; 
		padding:7px 0 0;
		margin:0;  
		float:left;}
	
	form.loginform p.login_lost {
		margin:9px 0 10px 10px;
		padding-left:9px;
		float:left; 
		border-left:1px solid #648CA3;}
			


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;
	margin-left:-10px;
	font-size:1em;}
	
	#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/breadcrumbs_sep.png) no-repeat right center; 	
				padding:0 29px 0 10px;}
				#breadcrumbs ol li a {
					display:block;
					margin:0;}
				#breadcrumbs ol li.last {
					background:none;}
				#breadcrumbs ol li.last span { 
					margin:0 0 0 0}	
	
	#breadcrumbs  ol li.breacrumbs_home { 
		padding-left:0;
		padding-right:0;
		background:none;}
		#breadcrumbs  ol li.breacrumbs_home a { 
			display:block;
			width:53px;
			height:30px;
			text-indent:-9999em;
			background:url(../images/breadcrumbs_home.png) no-repeat center ;}
		

/* mod_banner
-------------------------------------------------------------------*/	
	
#banner {
	float:right;
	margin:3px 0 0}
	
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:#ccc}
	

/*===========================///////////////////-===========================
				Some other styles that do not fit above
===========================///////////////////-===========================*/

/* 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 #777;
		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:0 0 -10px;}
	
.iceslider_tabularslide .controlarea {
	background:#505050 url(../images/icesldier_tabularslide_gradient.png) repeat-x bottom;
	height:30px;
	line-height:30px;
	margin-bottom:15px;}
	

.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:3px;
		line-height:30px;
		color:#B2B2B2;
		background:url(../images/icesldier_tabularslide_navsep.png) no-repeat center right}
		.iceslider_tabularslide ul.slidingul li:hover {
			color:#fff}
		
		.iceslider_tabularslide ul.slidingul li span {
		display: block;
		height: 35px;
		float: left; /* IE 6 Fix */
		padding: 0 16px;}
		.iceslider_tabularslide ul.slidingul li span span { height:auto; float:none; padding:0;}
		
		.iceslider_tabularslide ul.slidingul li:hover {
			color:#fff}
			
		.iceslider_tabularslide ul.slidingul li.active { 
			background: url(../images/icesldier_tabularslide_navright.png) bottom no-repeat;
			color:#555;
			margin-left:-1px;
			padding-left:1px;
			line-height:34px;
			height:41px;
			margin-bottom:-25px;}
			.iceslider_tabularslide ul.slidingul li.active span {
					background: url(../images/icesldier_tabularslide_arrow.png) center bottom no-repeat;
					height:42px;}
						
		
.iceslider_tabularslide_content {
	margin-bottom:20px;
	position:relative;
	overflow:hidden;}
		.iceslider_tabularslide_content div{
			float:left;}
		
.iceslider_tabularslide_box {
	position:absolute}	

	.iceslider_tabularslide_content h3 { 
		font-size:1.5em; 
		line-height:1; 
		margin:0.3em 0 .4em;
		padding:0 0 .5em;
		border-bottom:1px dashed #ccc;
		color:#555}	


.iceslider_tabularslide ul.slidingbuttons {
	margin:8px 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;
	background:#BFBFBF;
	position:relative;
	margin:0 -10px 0 -9px;
	padding:0 10px 0 10px;}

.iceslider_carouselslide_box {
	position:absolute}	
	
.iceslider_carouselslide_content {
	clear:both;
	position:relative;
	overflow:visible;}
		
		
		.iceslider_carouselslide_item{
			margin:0;
			float:left;}
			
			
					
					.iceslider_carouselslide_item .icemodule {
						border:1px solid #fff!important;
						margin:0 10px 0 0 ;
						padding:7px 9px 10px;
						background:#E6E6E6!important} 
					
					.iceslider_carouselslide_item .icemodule h4 {
						color:#444;
						text-align:center;
						padding:3px 0 6px;
						margin:0 0 7px;
						font-size:1em;
						letter-spacing:0.05em;
						border-bottom:1px dashed #B2B2B2; 
						text-transform:uppercase;}
						.iceslider_carouselslide_item .icemodule h4 a:hover { color:#555; text-decoration:none}
						
						
					
				.iceslider_carouselslide_content p { margin:0}
				
				.iceslider_carouselslide_content img {
					margin:3px 0 5px 5px; 
					float:none;
					clear:both;
					border:1px solid #aaa; 
					padding:1px; 
					text-align:center}
		

	


.iceslider_carouselslide .iceslider_carouselslide_buttons {
	padding:8px 10px;
	margin:0 -10px 10px;
	position:relative;
	border-bottom:1px solid #E0E0E0;
	background:#505050 url(../images/icesldier_tabularslide_gradient.png) repeat-x bottom;
	overflow:hidden}
	
	.iceslider_carouselslide .iceslider_carouselslide_buttons  h4 {
		float:left;
		line-height:1;
		margin:0;
		color:#B2B2B2;
		font-size:1.25em;}

.iceslider_carouselslide ul.slidingbuttons {
	margin:1px 0 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;
	position:relative;
	overflow:visible;}
	.icescroller .hide {
		visibility: hidden;
		position: absolute;}
	
	.icescroller p {
		float:left;
		margin:0;
		text-transform:uppercase;
		color:#B7C8D2}
		
	li.scrolleritem {
			margin:0;
			list-style-type:none;
			float:left}
				 li.scrolleritem span { font-weight:bold;}
			
		
	/* buttons */
	ul.icescroller_buttons{
	float:left;
	margin:12px 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:16px;
			height:14px;
			margin-right:5px;
			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,
				ul.icescroller_buttons li.next a:hover{  background-position: bottom}