/*
IDEWALES

description:
Global stylesheet for most pages

version:  2007-01-17
author: Wales Goriola
copyright: 2007.
---------------------------------------------------------*/

/*
Global Elements and Selectors

------------------------------------ */
*{
padding:0;
margin:0;
}
body  {
	background:;
	color:#444;
	width: 100%;
	font-size:14px;
	font-family: Times New Roman, Times, serif;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
html>body {
	font-size: 13px;
	line-height: 17px;
	font: 12px/1.1 arial,verdana,sans-serif;
}
/* General Links */
a,
a:link{

	color: #920210;
	text-decoration: underline;
}
a:visited {
	color: #ff3300;
	text-decoration: underline;
}
a:hover {
	color: #920210;
	text-decoration: none;
}
h2{font-family:Georgia, "Times New Roman", Times, serif;color: #0570A7;}
h2{font:18px Georgia, "Times New Roman", Times, serif;
line-height:18px;
}
h3, {font-family:Georgia, "Times New Roman", Times, serif;color: #0570A7;}

.nav1 a {
	color:#B9D0C2;
	text-decoration:none;
}
.nav1 a:hover {
	text-decoration:underline;
}
.p {padding:3px;
}

#maincontainer h1{
margin: 10px;
background-image: url(/images/h1_bg.jpg); background-repeat: no-repeat;
display: block;
font-size: 1.9em;
padding:8px;
padding-left: 10px;
color: #04375a;
font-weight: bolder;
}

#maincontainer{
width: 932px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:0px solid #ccc;
line-height: 17px;
background-color: #fff;
background-image: url(/images/midbg.jpg); background-repeat: repeat-y;
}
#maincontainer p {padding:4px;
}
#toper{
clear: left;
width: 100%;
background:;
color:;
text-align:left;
padding: 30px;
}

#topsection{
background: #fff;
background-image: url(/images/tophead.jpg); background-repeat: no-repeat;
height: 196px; /*Height of top section*/
}

#topsection h1{
margin: 0;

}
#topsection_nav{
background:;
background-image: url(/images/mid-nav.jpg); background-repeat: repeat-y;
height: 30px; /*Height of top section*/
padding: 0px;
}
#topsection_nav1{
background:;
background-image: url(/images/mid-nav1.jpg); background-repeat: no-repeat;
height: 6px; /*Height of top section*/
padding: 2px;
}
#topsection_nav h1{
margin: 0;
padding: 5px;
}
#topmid{
background:;
background-image: url(/images/midbg01.jpg); background-repeat: no-repeat;
height: 264px; /*Height of top section*/
padding: 2px;
}
.topmid02{
background:;
background-image: url(/images/midbg02.jpg); background-repeat: no-repeat;
height: 264px; /*Height of top section*/
padding: 0px;
}
.topmid03{
background:;
background-image: url(/images/midbg03.jpg); background-repeat: no-repeat;
height: 264px; /*Height of top section*/
padding: 0px;
}
.topmid04{
background:;
background-image: url(/images/midbg04.jpg); background-repeat: no-repeat;
height: 264px; /*Height of top section*/
padding: 0px;
}
.topmid05{
background:;
background-image: url(/images/midbg05.jpg); background-repeat: no-repeat;
height: 264px; /*Height of top section*/
padding: 0px;
}
.topmid06{
background:;
background-image: url(/images/midbg06.jpg); background-repeat: no-repeat;
height: 264px; /*Height of top section*/
padding: 0px;
}
.topmid07{
background:;
background-image: url(/images/midbg07.jpg); background-repeat: no-repeat;
height: 264px; /*Height of top section*/
padding: 0px;
}
#contentwrapper{
float: left;
width: 100%;
}
#gallerywrapper{
background:;
background-image: url(../images/midbg.jpg); background-repeat: repeat-y;
 /*Height of top section*/
padding: 0px;
}
#contentcolumn{
margin: 0 350px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border:0px solid #ccc;
}

#leftcolumn{
float: left;
width: 120px; /*Width of left column in pixel*/
margin-left: -932px; /*Set margin to that of -(MainContainerWidth)*/
background: #fff;
border-right:1px solid #ccc;
}
#fullcolumn{
width: 100%
background: #fff;
border-right:0px solid #ccc;
}

#rightcolumn{
float: left;
width: 350px; /*Width of right column*/
margin-left: -350px; /*Set left margin to -(RightColumnWidth)*/
background:;
}
#rightcolumn1a{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}
#rightcolumn1b{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}
#footermain{
clear: both;
width: 932px;
background:fff;
background-image: url(/images/footerbg.jpg); background-repeat: no-repeat;
font-size: 11px;
text-align: center;
	border-top: 0px solid #d1d1d1;
	color: #fff;
	height: 60px;
	overflow: hidden;
	padding:0px 0px 0px 0px;
}
#footerbottom{
clear: both;
width: 932px;
background:fff;
background-image: url(/images/footerbottom.jpg); background-repeat: no-repeat;
font-size: 11px;
text-align: center;
	border-top: 0px solid #d1d1d1;
	color: #fff;
	height: 18px;
	overflow: hidden;
	padding:0px 0px 0px 0px;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
line-height: 18px;
 padding: 10px 10px 10px 10px;
}
.innertube2{
 padding: 15px 15px 15px 15px;
}
.sidepannel{
width: 324px;
background:;
background-image: url(/images/panel_top.jpg); background-repeat: no-repeat;
font-size: 14px; font-weight: bold;
text-align: center;
	border-top: 0px solid #d1d1d1;
	height: 45px;
	color: #0570A7;
	overflow: hidden;
	padding:0px 0px 0px 0px;
}
.sidepannelmid{
width: 324px;
background:;
background-image: url(/images/panel_mid.jpg); background-repeat: repeat-y;
font-size: 12px;
text-align: center;
color: #333;
}
.sidepannelbttm{
width: 324px;
background:;
background-image: url(/images/panel_bottm.jpg); background-repeat: no-repeat;
font-size: 11px;
text-align: center;
	border-top: 0px solid #d1d1d1;
	color: #999;
	height: 30px;
	overflow: hidden;
	padding:0px 0px 0px 0px;
}

/*------Utility-----*/
.clear 							{ clear: both; }
.alignCenter 					{ text-align: center; }
.left 							{ float: left; }
.right 							{ float: right; }

/*------------------------------------------------------------------
	/* numbered list with styling */	
	ol.number-pad 						{ padding: 3px 5px 5px 22px; border-left: 1px solid #E9E9E9;
										  background: #fff url("../images/bullets/ordered-background.gif") repeat-y 0 0; }
	ol.number-pad ol, ol.number-pad ul	{ background: none; margin-left:18px; }
	ol.number-pad  li 					{ padding-left: 10px; border-bottom:1px dotted #D6D6D6; }
	
	/* list with image, title and description */
	ul.post-list 			{ margin-left:0; }
	ul.post-list li			{ margin: 0 0 0.5em; padding: 0; background: none; border-bottom: 1px dotted #D6D6D6; font-size: 90%; line-height:1.45em; clear:left; }
	ul.post-list li .img	{ margin: 0 8px 8px 0; }
	ul.post-list li img		{ float: left; border: 1px solid #7D7F80; }
	ul.post-list li p		{ padding: 1.9em 0 0; }
	ul.post-list li a		{ float: left; display: block; font-weight:bold;}
	
	/* horizontal lists */
	ul.horizList 	{ margin: 0 0 1em; }
	ul.horizList li	{ display: inline; margin: 0; padding: 0; background: none;}
		
	/* socail network horizontal list (used in footer) */
	ul.socialLinks li { margin-right: 10px; }

	/* side navigation */
	ul.sideNav { margin-left: 0; }
	ul.sideNav li { margin-left: 0; padding: 7px 0; font-size: 1.1em; background: transparent url("../images/hr-Small.gif") repeat-x 0 100%;  }
	ul.sideNav li ul { margin-left: 1.5em; }
	ul.sideNav li a { display: block;  padding: 0 0 0 18px; background: transparent url("../images/bullets/bullet-nav.gif") no-repeat -1px 3px;  }
	ul.sideNav li a:link, ul.sideNav li a:visited { color: #999; }
	ul.sideNav li a:hover, ul.sideNav li a:active { color: #132128; }
	ul.sideNav li.currentPage a:link, ul.sideNav li.currentPage a:visited { color: #555; }
	
	/* pagination */
ul.pagination 	{ margin: 0 0 1em; }
ul.pagination li	{ display: inline; margin: 0; padding: 0; background: none;}

#pagination {color: #444; font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif; }
.pagination 			{ display: block; margin-top: 1em; margin-bottom: 2em; }
.pagination a			{ text-align: center; padding: 3px 5px; margin: 0 1px; border: 1px solid #D1D1D1; background: #fff; }
.pagination a.current 	{ border-color: #BCBCBC; background: #D8D9DA; color: #fff; font-weight: bold; }


 /* tab Menu navigation. */
.animatedtabs{
border-bottom: 0px solid gray;
overflow: hidden;
width: 100%;
font-size:14px; /*font of menu text*/
vertical-align:bottom;
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(/images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}
.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(/images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color:#fff;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color:#fff;
}
input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #cccccc;
background-color: #eeeeee;
padding: 2px;
	}
ul.paging {

height: 25px;
width: auto;
text-align: center;
border-top: 1px #666666 dotted;
border-right: 1px #666666 dotted;
border-left: 1px #666666 dotted;
border-bottom: 1px #666666 dotted;
margin-left: auto;
margin-right: auto;
padding: 0px;
padding-top: 5px;
background-color: #f0f0f0;}

ul.paging li{

text-align: center;
display: inline;
margin: 3px;

}

ul.paging li a{

text-decoration: none;
}
ul ol{
	margin: 3px 0 0;
	padding: 0;
	}
	li {
	margin-left: 28px;
}
	
	#search2 {
	padding: 5px 0;
	width:350px;
	background:;
	border:1px solid #ccc;
}
	#search2 h3 {
		padding: 5px 0 0 0;
		color: #fff;
		font-size: 90%;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	#f_search {
		float: right;
		width: 380px;
		border:0px solid #ccc;
		vertical-align: middle;
		padding-top:4px
	}
	#f_search #f_intro_search {
		margin-right: 5px; padding: 4px 4px 4px 25px;
		width: 250px; height: 14px;
		color: #666;
		font-size: 100%;
		background: #fff url(/images/icon_intro_search.gif) 5px no-repeat;
	}
	#f_search input { vertical-align: middle; }
	#f_search p { margin: 0; }
		#f_search a:link, #f_search a:visited, #f_search a:visited, #f_search a:active {
			margin-left: 5px; padding-left: 20px;
			background: url/images/icon_search.gif) 0 50% no-repeat;
			color: #fff;
			font-size: 90%;
		}
		#f_search a:hover {
			text-decoration: none;
		}
.container_search { margin: 0 auto; width:550px; padding-bottom:0px;}
/* column setups */
.box {
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-bottom: 1px;
}


.box p {
	margin-left: 10px;
}

.box ul {
	margin-left: 10px;
}

.box ol {
	margin-left: 28px;
}
.gallery1 {
	border:1px solid #042B69;
	background-color: #F2F4F2;
	padding: 4px;
}
.nav1 {
display: block;
width:200px;
display:block; 
min-height:100%;margin-top: 5px;border:1px solid #333;
margin-bottom: 15px;background:#ffcc00;padding:5px;
}

.slideboxmain {overflow: hidden;width: 800px;}
.slideboxmain1 {overflow: hidden;width: 800px;}
#slideboxmain0 table {border-collapse:collapse;}
#slideboxmain0 td{overflow: hidden;padding:0px 0px 0px 0px;width:190px; }
#slideboxmain0 td  a {color:#999;font-family: Georgia,Times New Roman, Times, serif;font-size: 11px;text-decoration: underline;font-weight:bold;}
#slideboxmain0 td a:link {color:#999; font:bold 11px Georgia,Times New Roman, Times, serif; text-decoration:underline;}
#slideboxmain0 td a:active {color:#999; font:bold 11px Georgia,Times New Roman, Times, serif; text-decoration:underline;}
#slideboxmain0 td a:visited {color:#999; font:bold 11px Georgia,Times New Roman, Times, serif; text-decoration:underline;}
#slideboxmain0 td a:hover {color:#5b972b; font:bold 11px Georgia,Times New Roman, Times, serif; text-decoration:underline;} 
img.image {z-index: 0;height : 80px;border:0;padding:0 0px 0 0px;}


#galleryslide .gallery 	{ display:inline; float:left; margin: 10px 10px 10px 10px;}
#galleryslide .gallery img	{ padding: 8px; background: #cec4a9; width: 262px;}
	
/* ######## Tabs ######## */
ul.tabs 							{ margin: 0; padding: 0; float: left; list-style: none; height: 34px; /*--Set height of tabs--*/
									border-bottom: 1px solid #c6c5c5; border-left: 1px solid #c6c5c5; width: 638px; font: bold 16px Helvetica, Arial, sans-serif; }
	ul.tabs li 							{ float: left; margin: 0; padding: 0; width: 180px; height: 33px; /*--Subtract 1px from the height of the unordered list--*/ 
										line-height: 33px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #c6c5c5; border-left: none; 
										margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; 
										background: url(../img/tab.png) repeat-x bottom; text-align: center; }
	ul.tabs li a 						{ text-decoration: none; color: #333; display: block; font-size: 14px; padding: 0 20px; 
										/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/ 
										outline: none;/*	background: url(../img/tab.png);*/ text-transform: uppercase; }
	ul.tabs li a:hover 					{ background: url(../img/tab-over.png); }
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ 
														background: #faf8ed; border-bottom: 1px solid #faf8ed; /*--Makes the active tab look like it's connected with its content--*/ }
.tab_container 						{ border: 1px solid #c6c5c5; border-top: none; overflow: hidden; clear: both; float: left; width: 638px; 
									background: #faf8ed url(../img/tab-cont.png) repeat-x top; }
.tab_content 						{ padding: 20px; font-size: 1.0em; }


ul.tab-post 						{ list-style:none;} 
	ul.tab-post li 						{ margin-bottom: 12px; }
	ul.tab-post > h5 					{ font-size:16px; }
.date 								{ color:#545454; text-transform: uppercase; line-height: normal; width: 60px; background:#62615a; color:#fff; padding: 3px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 16px; }
.post-title 						{ margin:0; font-size: 13px; font-weight: bold; line-height: 1.6;}
	.post-title a						{ color:#2424161; }
	.post-title a:hover 				{ color: #000; text-decoration:none;}
.event-post  						{ width: 480px; margin-left:10px;  }


/* Tabs Posts */
/* ######## Content ######## */
#content hr {margin:35px 0;}
#content p {margin-bottom:10px; margin-top:5px;}
#content img {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#content img:hover {border:1px solid #42b7d4;}
#content blockquote {margin:10px 0px 10px 20px; border-left:10px solid #cccccc; padding-left:20px;}
#content blockquote p {color:#754c24; font-style:italic;}
#content ul{margin:0px 0px 0px 30px;}
#content li{color:#003664;}

#content img.noBorder {border:0; padding:0; background:none;}
#content img.noBorder:hover {border:0; padding:0; background:none;}

#content .client h3 {margin-top:25px;}

#content .column h3 {margin-bottom:-4px;}
#content .column .thumbnail {text-align:center; line-height:140px;}
#content .column .thumbnail img {vertical-align:middle; border:none; padding:0; background:none;}

#contentfull { Padding-bottom: 25px;Padding-left:0px;}
#contentfull a {color:#774320;text-decoration: none;}
#contentfull a:hover {text-decoration: underline; }
#contentfull .gallery{float:left; margin: 8px 8px 8px 8px;}
#contentfull .gallery2{float:right; margin: 8px 8px 8px 8px;}
#contentfull .gallery img{border:1px solid #cccccc; padding:3px; background-color:#FFF; width: 180px;}
#contentfull .gallery2 img{border:1px solid #cccccc; padding:3px; background-color:#FFF; width: 180px;}

/* ######## Tab Menu ######## */
#tabMenu {width:230px; margin-bottom:5px;}
#tabMenu ul {list-style-type:none;}

#tabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:10px;}
#tabs li:last-child {margin-right:0; float:right;}
#tabs li a {color:#464646; font-size:16px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;text-transform:capitalize;}
#tabs li:hover {background:url(/images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#tabs li:hover a {background:url(/images/tab.png) no-repeat top right; color:#666666; text-decoration:none;text-transform:capitalize;}
#tabs li:active {background:url(/images/tabDownL.png) no-repeat top left;}
#tabs li:active a {background:url(/images/tabDown.png) no-repeat top right; outline:none;}

#tabs .active {float:left; background:url(/images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;text-transform:capitalize;}
#tabs .active a {
	background:url(/images/tab.png) no-repeat top right; 
	color:#464646; 
	font-size:16px; 
	height:40px; 
	display:block; 
	line-height:39px; 
	padding:0 13px 0 3px;text-transform:capitalize;
}

#tabMask {overflow:hidden; width:280px;}
#tabContainer {}

#tabContainer .tabContent {float:left; margin-right:30px;}
#tabContainer .tabContent li {padding:15px 10px; border-top:1px solid #cccccc;}
#tabContainer .tabContent li:hover {background-color:#eaeaea;}
#tabContainer .tabContent li:hover img {border:1px solid #42b7d4;}
#tabContainer .tabContent li:first-child {border-top:none; padding-top:16px;}

#tabContainer .tabContent img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:15px;}
#tabContainer .tabContent p {font-size:13px;}

#tabContainer .tabContent .simpleButton {font-size:13px;}
#tabContainer .tabContent .headline {font-weight:bold;}
#tabContainer .tabContent .info {color:#b4b4b4; font-size:13px; display:block;}

#tabMenu .tabContent .viewAll {text-align:right; line-height:40px;  margin-right:10px; float:right;}
#tabMenu .tabContent .viewAll a {font-size:13px;}

#tabNav {height:29px; position:relative; padding:10px 0 0 10px; display:none;}

#tabNav .previous {background:url(/images/buttons/upButton.png) no-repeat top right;}
#tabNav .next {background:url(/images/buttons/downButton.png) no-repeat top right;}

#tabNav .previous:hover {background-position:left bottom;}
#tabNav .next:hover {background-position:left bottom;}

#tabNav .previous:active {background-position:right bottom;}
#tabNav .next:active {background-position:right bottom;}

#tabNav .previous.disabled {cursor:default; background-position:top left;}
#tabNav .next.disabled {cursor:default; background-position:top left;}

#tabNav .viewAll {text-align:right;text-transform:capitalize; line-height:16px;  margin-right:10px; position:absolute; right:0; top:10px;}
#tabNav .viewAll a {font-size:13px;text-transform:capitalize;}

#tabMenu .jcarousel-container {position:relative;}
#tabMenu .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; margin-top:-1px; width:280px;}
#tabMenu .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
#tabMenu .jcarousel-list li, #tabMenu .jcarousel-item {float:left; min-height:50px; width:260px;}
#tabMenu .jcarousel-list li a {color:#003664;font-size:13px;}
#tabMenu .jcarousel-list li a:hover{color:#fa5303;font-size:13px;}