/* _************************************************************************************************************************************************_ */
/* ___________________Sticky Footer Properties_______________________________________________________________________________________________________ */
/* _************************************************************************************************************************************************_ */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser 

When coding sites for ASP.net where each page is inside a <form> tag, be sure to add the form tag
to the height:100% statement, else it will break the sticky footer. Like this;

html, body, form, #wrap {height: 100%;}
*/

/* _***************************************************************************************************************************************_ */
/* ___________________________________________________________________ */
/* ____________________Essential Sticky Properties____________________ */
/* ___________________________________________________________________ */

* 					{ margin:0; padding:0;}
html, body, #wrap 	{height: 100%;}
body > #wrap 		{height: auto; min-height: 100%; background:#c1d5f0 url(images/interface/bg_header.jpg) top repeat;}
#main 				{padding-bottom: 134px; /* must be same height as the footer */}
#header {height:450px; }
#middle { width:100%; }
#footer 				{position: relative; margin-top: -134px; /* negative value of footer height */ height: 134px; clear:both; }

/* __________________________________________________________________________ */
/* ____________________End of Essential Sticky Properties____________________ */
/* __________________________________________________________________________ */

/* _________________________________________________________________ */
/* ____________________________Clear Fix____________________________ */
/* _________________________________________________________________ */
/*the clearfix class here is what is keeping the footer from floating up
when using floated multi-column layouts and when resizing your browser window*/

.clearfix:after 		{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 			{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix 		{height: 1%;}
.clearfix 			{display: block;}
/* End hide from IE-mac */

/* _________________________________________________________________ */
/* _________________________End of Clear Fix________________________ */
/* _________________________________________________________________ */

/* _************************************************************************************************************************************************_ */
/* ___________________End of Sticky Footer Properties________________________________________________________________________________________________ */
/* _************************************************************************************************************************************************_ */







/* _************************************************************************************************************************************************_ */
/* ___________________Main Site Required Elements_______________________________________________________________________________________________________ */
/* _************************************************************************************************************************************************_ */


/* _________________________________________________________________ */
/* ______________________Required Elements __________________________ */
/* _________________________________________________________________ */

body 				{font:9pt Tahoma, Georgiaa, Verdana, serif;  line-height:1.1em; color:#444444;}
a img 				{border:none;}

a:link 				{color: #2b3a45; text-decoration:underline;}
a:hover 				{color:#465c6b; text-decoration:none;}
a:visited 			{color: #2b3a45; text-decoration:underline;}

p 					{margin:0 0 0 0;}
ul 					{list-style-type: none;}

.left 				{float:left;}
.right 				{float:right;}
.clear  				{clear:both;}

/* _________________________________________________________________ */	
/*____________________ End of Required Elements ____________________*/
/* _________________________________________________________________ */

/* _________________________________________________________________________________________________________________________________ */
/* _____VVVVVVVVVVVV__________________Footer-must be same height as the #main ____________VVVVVVVVVVVV____________________ */
/* ________________________________________________________________________________________________________________________ */




#footer {  font-size:9px; font-family:Verdana, Arial, sans-serif; }
#footer a {  font-weight:bold;  text-decoration:none;}

#section_spacer 							{background:  url(images/interface/section_spacer.jpg) repeat-x; width:822px; margin:0 auto; height:21px; line-height:1.1em; padding:0 0px 0 0px;}
#foot 									{font-size: 10px;  color:#ffffff;  width:960px; margin:0 auto; height:50px;  padding:0px 0px 0 0px; position: relative; left:0px; top:0px; }
#foot #left 								{width:600px;  float:left; padding:20px 0 0 0px;}
#foot #right 							{width:266px; float:right; text-align:right; padding:20px 0px 0 0;}

a.footlink:link 		{  height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#24b2e6; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px; float:left; text-decoration: none;border-style: none;}
a.footlink:visited 	{  height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #24b2e6; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px; float:left; text-decoration: none;border-style: none;}
a.footlink:hover 	{  height:13px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #038dc0; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px; float:left; text-decoration: none;border-style: none;}
a.footlink:active 	{  height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #24b2e6; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px;  float:left; text-decoration: none;border-style: none;}


a.footlinkright:link 	{  height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#7e8090; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px; float:right; text-decoration: none;border-style: none;}
a.footlinkright:visited 	{  height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #7e8090; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px; float:right; text-decoration: none;border-style: none;}
a.footlinkright:hover 	{  height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #626370; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px; float:right; text-decoration: none;border-style: none;}
a.footlinkright:active 	{  height:12px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #7e8090; margin: 0px 0px 0px 0px; position: relative; top:0px; left:0px;  float:right; text-decoration: none;border-style: none;}

.linkspacer {
	height: 15px;
	width:15px;
	float:left;
	color:#83c8e2;	
	position:relative; top:0px; 
	background: url(images/interface/link_spacer.jpg) no-repeat;	
}

/* ___________________________________________________________________________________________________________________________ */
/* ________________VVVVVVVVVVVV____________________End of Footer_________VVVVVVVVVVVV__________________________ */
/* _____________________________________________________________________________________________________________________ */


/* _************************************************************************************************************************************************_ */
/* ___________________End of Main Site Required Elements_______________________________________________________________________________________________________ */
/* _************************************************************************************************************************************************_ */



/* Image elements*/
a img { border:0;}
img {vertical-align:top;position:relative; top:0px;}
.img_logo_small{padding:0 0 0 0; position:relative; top:0px; right:0px}
#logo_small2{background:url(images/interface/logo_small2.gif) no-repeat; padding:8px 20px 0 0;}
.img_logo_design{padding:0 0 0 0; position:relative; top:5px;}

h1
	{
		font-family:Tahoma, Georgia, tahoma; 
		font-size:24px;
		line-height:28px;
		color:#3a3a44;		
	}	

h6
	{
		font-family:Tahoma, Georgia, tahoma; 
		font-size:28px;
		line-height:28px;
		color:#ffffff;		
	}
	
h5
	{
		font-family:Tahoma, Georgia, tahoma; 
		font-size:24px;
		line-height:28px;
		color:#ffffff;		
	}

.h7
	{
		font-family:Tahoma, Georgia, tahoma; 
		font-size:11px;
		line-height:15px;
		color:#b1b1b1;		
	}

/* _________________________________________________________________ */
/* ______________________Header Elements__________________________ */
/* _________________________________________________________________ */



#header  .left {padding:0 0 0 0; position:relative; left: 0px; z-index:10; }	/* Header left content*/

#header .right {
	padding:0px 0px 0 240px;
	float: left;
	
	
}		/* Header right content*/

/*#header .right #menu{
	padding:0px 0px 0 0px;
	
}	*/
#header .right a {
	
	padding:0 0px 0px 0px;
} /* Header right a class content*/

#righttext{
	width:400px;
	padding:14px 0px 0px 0px;
	font-size:18px;
	float:right;
}

#logo				{position:absolute; left:40px; z-index:15;  }
/* _________________________________________________________________ */
/* ______________________End of Header Elements_____________________ */
/* _________________________________________________________________ */

#menu_bkg {font-size:13px; font-family: Tahoma, Georgia, Verdana, Arial; font-weight:bold; position:relative; left:5px; top:40px;  background:url(images/interface/menu_bkg.gif) no-repeat; height:78px; width:960px; padding:0 0px 0 0;}

.menu {font-size:13px; font-family: Tahoma, Georgia, Verdana, Arial; font-weight:bold; position:absolute; top:35px;  height:42px; width:960px; padding:0 0px 0 0;}
.menu ul {list-style:none;  z-index:10; position:absolute; top:9px; left:0px; z-index:100; padding:0 0 0 570px}
.menu li {float:left; }
.menu a, .menu a:active, .menu a:visited {text-decoration:none; color:#cff0ff; padding:0px 0px 0px 0px}
.menu a:hover {color:#ffffff; padding:0px 0px 0px 0px;font-weight:bold; }
#slide {position:absolute; bottom:12px;  height:2px; background:#495557; z-index:10}

.menuspacer {
	width:25px;
	height: 12px;
	float:left;
		
}


/*________________________________________________________________________________________________________*/
/*________ Slider Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

#main_img {
	width:822px;
	height: 307px;
	padding: 0px;
		
	background: url(images/interface/pic.jpg) no-repeat;
	margin-left: 75px;
	
}


/*________________________________________________________________________________________________________*/
/*________ End of Slider Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/


/* template - Home Page */
 
#template #middle  .indent, 
#template_1 #middle  .indent,
#template_2 #middle  .indent{padding:0px 0 0px 14px;}

#template #middle .columns1 .column1 .padding, 
#template_1 #middle .columns1 .column1 .padding,
#template_2 #middle .columns1 .column1 .padding{padding:2px 13px 3px 0px;}

#template #middle .columns1 .column2 .padding, 
#template_1 #middle .columns1 .column2 .padding,
#template_2 #middle .columns1 .column2 .padding{padding:2px 13px 3px 0px;}

#template #middle .columns1 .column3 .padding, 
#template_1 #middle .columns1 .column3 .padding,
#template_2 #middle .columns1 .column3 .padding{padding:2px 13px 3px 0px;}

#template #middle .columns1 .column4 .padding, 
#template_1 #middle .columns1 .column4 .padding,
#template_2 #middle .columns1 .column4 .padding{padding:2px 13px 3px 0px;}

#template #middle .columns1 .p1, 
#template_1 #middle .columns1 .p1,
#template_2 #middle .columns1 .p1  {padding:1px 0 7px 0;}
/*
#template_1 #middle  .indent {padding:0px 0 0px 14px;}
#template_1 #middle .columns1 .column1 .padding{padding:2px 13px 3px 10px;}
#template_1 #middle .columns1 .column2 .padding{padding:2px 13px 3px 10px;}
#template_1 #middle .columns1 .column3 .padding{padding:2px 13px 3px 10px;}
#template_1 #middle .columns1 .p1 {padding:1px 0 7px 0;}
*/



#template #middle .columns2 {padding:21px 0 0 0;}
#template #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#template #middle .columns2 .column2 .padding {padding:14px 18px 0 31px;}
#template #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;}
#template #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#template #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}



#template #middle .columns3 .column1 .padding{padding:2px 13px 3px 10px;}
#template #middle .columns3 .column2 .padding{padding:2px 13px 3px 10px;}
#template #middle .columns3 .column3 .padding{padding:2px 13px 3px 10px;}
#template #middle .columns3 .p1 {padding:1px 0 7px 0;}

/* template-2 */

#template_2 #middle .indent {padding:0px 0 20px 0;}
#template_2 #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#template_2 #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#template_2 #middle .columns1 .column1 ul {margin-bottom:7px;}
#template_2 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#template_2 #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#template_2 #middle .columns2 {padding:0px 0 0 0;}
#template_2 #middle .columns2 .column1 .padding {padding:0px 21px 0 14px;}
#template_2 #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#template_2 #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;}
#template_2 #middle .columns2 .column1 .p2 {padding:0 0 4px 0;}
#template_2 #middle .columns2 .column2 .content {padding:7px 0 15px 0;}
#template_2 #middle .columns2 .column2 ul {margin-bottom:1px;}
/*________________________________________________________________________________________________________*/
/*________ Border Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/


.information {padding-bottom:2px; font-size:12px; font-family:Arial, Tahoma, Georgia, Verdana; }
.information  .title{color:#363e43; font-size:14px; font-weight:bold;}
.information  .subtitle{color:#363e43; font-size:12px; font-weight:bold;}
.information  .line{color:#22aae8; font-size:12px; font-weight:bold; text-align:center;}

.img_preview{padding:10px 0 0 8px;}

.border {background:#bebfc3 url(images/interface/border_tm.jpg) top repeat-x; }
.border .btall {background:url(images/interface/border_bm.jpg) bottom repeat-x;}
.border .ltall {background:url(images/interface/border_ml.jpg) left repeat-y;}
.border .rtall {background:url(images/interface/border_mr.jpg) right repeat-y;}
.border .tleft {background:url(images/interface/border_tl.jpg) top left no-repeat;}
.border .tright {background:url(images/interface/border_tr.jpg) top right no-repeat;}
.border .bleft {background:url(images/interface/border_bl.jpg) bottom left no-repeat;}
.border .bright {background:url(images/interface/border_br.jpg) bottom right no-repeat; width:100%;}
.border .ind {padding:10px 20px 15px 25px;color:#868686;}
.border a img {float:right;}

/*________________________________________________________________________________________________________*/
/*________ End of Border Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/


#statement {
	
	padding: 20px 0 0 20px;
}

#statement .title {

	font-size:24px;
	line-height:34px;
	color:#ffffff;
	font-weight: bold;
	
}

#statement .text {
	font-family:Arial, Tahoma, Georgia, Verdana;
	font-size:14px;
	color:#ffffff;
	font-weight: bold;
}

/*________________________________________________________________________________________________________*/
/*________ Info Box Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

.heading {font-size:18px;}

.base_bar {
	background:  url(images/interface/base_bar.gif) no-repeat;
	width:444px;
	height:46px;
	font-family:Tahoma, Georgia, Verdana, Arial ;
	font-size:11px;
	color:#ffffff;
	font-weight: bold;
	position:relative; top:30px;  left:-28px;
	padding:13px 0 0 25px;
}

.base_bar2 {
	background:  url(images/interface/base_bar2.gif) no-repeat;
	width:345px;
	height:48px;
	font-family:Tahoma, Georgia, Verdana, Arial ;
	font-size:19px;
	color:#ffffff;
	font-weight: bold;
	position:relative; top:26px;  left:-10px;
	padding:8px 0 0 55px;
}


/*________________________________________________________________________________________________________*/
/*________ End of Info Box Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/


/*________________________________________________________________________________________________________*/
/*________ Gallery Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

 div.itemsmall {
        
         overflow:hidden;
         padding:0 0px 0  0;
         width:226px; 
		 height:150px;
         float:left;
         margin-right:0px;
		 
} 

div.image{
         float:right;
         margin-bottom:0px;
         border:0px solid #fff;
		   
      }
         div.image a{
            padding:0px;                        
            border:0px solid #fff000;
            background-color:#ffffff;
            float:left;
			position: relative; top:0px; left:0px;;
         }
            div.image a:hover{ background-color: #1771f8; }
            div.image img{ border:0; float:left; width:190px;height:145px; }


/*________________________________________________________________________________________________________*/
/*________ End of Gallery Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/



