/*Layout Hints

These simple tips may save you from having to use complicated hacks on your site. Make sure to also check out the links in the Layout Hints box.

Column Padding
    The box model is handled incorrectly by some browsers, which causes padding and borders to be added to an elements width. So applying padding directly to a column will change the way the widths are calculated and could mess up the floated columns. To get around this problem apply margin to the children of the column instead. #maincol p{margin:1em;}
Overflowing Content in Fluid Layouts
    To avoid content escaping or overflowing the columns there are a couple of things you can do.

        * Make sure the content fits within the column at different window sizes or resolutions, images and long text such as urls could be a problem here.
        * Avoid setting fixed widths or 100% widths with margin, padding or borders on block level elements within the column (p, div, ul ).

*/

/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image: url(../images/backs.gif);
 background-repeat: repeat-x;
 background-color: #656565; 
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-style: normal;
} 
 
#pagewidth{ 
 width:1000px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color: white;
 float: none;
} 
 
#header{
 position:relative; 
 height:80px; 
 background-color:#FFFFFF; 
 background-image: url("../images/toplogo2.jpg");
 background-repeat: no-repeat;
 width:100%;
} 

#topright_box{
 float: right;
 padding: 5px;
 width: 90%;
 text-align: right;

}


#search{
 margin-top: 5px;
 vertical-align: bottom;
 float: right;
 padding-right: 3px;
 height:24px;
 position: relative;
}

#lan{
 margin-top: 5px;
 width: 90%;
 text-align: right;
 vertical-align: bottom;
 float: right;
 padding-right: 5px;
 height:17px;
 position: relative;
}
#lan img{
 margin: 0px;
 padding: 0px;
}
#menu{
	position:relative; 
	background-image: url("../images/menu.gif");
	background-repeat: repeat-x;
	height: 27px;
	width: 100%;
}

#onecol{
 width:100%; 
 float:left; 
 position:relative; 
 margin: 10px;
} 
 
#leftcol{
 width:24%;  
 float:left; 
 position:relative; 
 background-color:#FFFFFF;
 background-image: url("../images/leftandrightbacks.gif");
 background-repeat: repeat-x;
 height: 300px;
  }
  


#leftcol_content{
 padding: 5px;
}  


 
#twocols{
 width:76%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:32%; 
 float:right; 
 position:relative; 
 background-color: white;
 background-image: url("../images/leftandrightbacks.gif");
 background-repeat: repeat-x;
 height: 300px;
 }
 
 #rightcol_content{
 padding: 5px;

}  
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:68%; 
 }
 
#maincol_content{
 margin: 5px 10px 5px 10px;
 } 
 
#footer{ 
 height:35px; 
  background-color:#FFFFFF; 
 clear:both;
 } 
 
 #breadcrums a{
 font-weight: normal;
 
 }

 #quickLinks, #quickLinks ul, #quickLinks li{
 
  text-align: left;
 }
 
 
 
.infoblock_left{
 margin-bottom: 5px;
 padding: 2px;

}

.infoblock_right{
 margin-bottom: 5px;
 padding-right: 5px;
 padding-left: 5px;
 padding: 2px;
 /*border-bottom: 1px solid #373737;*/
}  

.infoblock_right h3{
 width: 95%;
 background-color: #3E5AC5;
 background-image: url(../images/blueback2.gif);
 padding: 4px 5px 4px 5px;
 color: white;
 background-repeat: repeat-x;
 margin: 0px 0px 3px 0px;
} 
 
.infoblock_left h3, #infoblock_right h3{ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; margin: 0px 0px 15px 0px; }
.infoblock_left ul, #infoblock_left ul ul, #infoblock_right ul, #infoblock_right ul ul{ list-style-type: none;  padding-left: 10px; padding-right: 10px;}
.infoblock_left ol, #infoblock_right ol { padding-left: 30px; } 


.infoblock_right table{
    background: none;
	border-collapse: seperate;
	empty-cells: show;
	border: 0px;
	width: 95%;
 	
}

.infoblock_right th{
 width: 95%;
 background-color: #3E5AC5;
 background-image: url(../images/blueback2.gif);
 padding: 4px 5px 4px 5px;
 color: white;
 background-repeat: repeat-x;
 margin: 0px 0px 3px 0px;
 text-align: left;
}

.infoblock_right td{
 border: 0px solid white;
 padding: 3px 5px 3px 5px;

}




 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
html, body{background-color: white;}
}


p{
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 text-align: justify;
 font-style: normal;
}

h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 16px;
 color: black;
 margin-bottom: 10px;
}

h2
{
 font-family:  Verdana, Arial,sans-serif;
 font-size: 14px;
 color: black;
 margin: 25px 0px 10px 0px;
}

h3
{
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: black;
 margin: 25px 0px 15px 0px;
 
}

h6
{
  color: black;
  font-family:  Sans-serif;
  font-style: oblique;
  font-size: 10px;
  margin-top: 0px;
  padding-top: 0px;
}

table
{
  	font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
	color: black;
	line-height: 1.166;
    border: 1px solid #373737;
    background-color: white;
	border-collapse: seperate;
	empty-cells: show;
	margin-bottom: 10px;
}

th{ 
 font-weight: bold;
 border: 1px solid #C0C0C0;
}
td{
 border: 1px solid #C0C0C0;
}
caption { 
 caption-side: top;
 text-align: center;
 font-weight: bold;
 padding-bottom: 3px;
	
}

a, a:link, a:visited
{
	color: #373737;
	text-decoration: none;
	font-weight: bold;
    border: none;

}

a:hover, a:active
{
	color: #B90000;
	text-decoration: underline;
    border: none;
}


ul
{
 list-style-type: disc;
 text-align: justify;
}

ul ul
{
 list-style-type: disc;
 text-align: justify;
}

ul ul ul
{
 list-style-type: disc;
 text-align: justify;
}

ol ol
{
  list-style: lower-alpha;
  text-align: justify;
  
}
ol{
text-align: justify;

}

img
{
  border: 1px solid black;
  margin: 5px 5px 5px 5px;
  position: relative;
  text-align: center;
}

#footer p{
 text-align:center;
}

#menu_left{
 border: 0px;
 background: transparant;
 padding-left: 5px;
}

#menu_left_active{
 color: #B90000;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}

#lastpost{
background-color: transparant;
}

.frontpageItem{
float: none;
}

.frontpageItem h2{
 margin-top: 3px; 
}
.frontpageItem h6{
 margin-bottom: 3px; 
}

.frontpageItem table{
    background: none;
	border-collapse: seperate;
	border: 0px;
	width: 95%;
	empty-cells: show;
	

}

.frontpageItem th{
 width: 95%;
 background-color: #3E5AC5;
 background-image: url(../images/blueback.gif);
 padding: 4px 5px 4px 5px;
 color: white;
 background-repeat: repeat-x;
 margin: 0px 0px 3px 0px;
 text-align: left;
}

.frontpageItem th a{
 color: white;

}

.frontpageItem td{
 border: 0px solid white;
 padding: 2px 5px 2px 5px;

 
}

#frontpageLeft{
	width: 48%;
	float: left;
	position: relative;

	margin: 0px;
	
}

#frontpageRight{
	width: 48%;
	position: right;
	margin: 0px;
	float: right;

}

#frontpageSection{
 display: block;
}

#news_archive table{
border: 0px;
margin-left: 0px;
}

#news_archive td{
border: 0px;
margin-left: 0px;
vertical-align: top;
margin: 4px;

}

#news_summary a{
display: block;
}
/*
#news_summary td, #highlight td, #KeepInTouch td, #frontpageSection td{
background-color: #FFFFDD;

}
*/
#add_skys_container{
	width: 49%;
	margin-left: 50%;
	text-align: center;
	position: absolute;
	/*border: 1px solid green;*/
}

#add_skys{
margin-top: 120px;
margin-left: 510px; 
float: none;
width: 120px;
position: relative;/*border: 1px solid yellow;*/

}

#bigMid{
 text-align: center;

}

#contact_form td, #contact_form table, #noborder, #noborder td{
	border: 0px;
	vertical-align: top;

}

#highlight{


display: block;

}


#KeepInTouch{
 width: 100%;
 
 vertical-align: middle;
}
#KeepInTouch img{ border: 0; margin:0; vertical-align: middle; margin:3;}
#KeepInTouch td { vertical-align: middle;}
#addThis{float: right; margin: 0; display: inline; }

.addthis_button{  
	border: 0;
  margin: 2;
  
  overflow: inherit;
 }
 
 
#crossLinks, #crossLinks h3{
 text-align: left;

}

#crossLinks li{
 text-aling: left;
 
} 
.crossLinkItem{
 margin-left: -20px;
 margin-right: 5px;
 text-align: left; 

}