/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*//* Elements */
body {
  background: #A5C0D3;
  text-align: justify;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: medium;
  color: #333333;
}


h1 {}

h2, h3 {
  margin-top: 0px;
}

h4, h5, h6 {}

p, ol, ul, dl, blockquote {}

p {
  margin: 5px;
}
a {
  color: #333333;
}

a:hover {
  text-decoration: none;
}

.img1 {
  float: left;
  margin: 3px 15px 0px 0px;
}
table {
	border: 0px;
	align: left;
	text-align: left;
	valign: top;
	cellspacing: 0px;
	cellpadding: 0px;
}
# table td {
	text-decoration: none;
	align: left;
	valign: top;
	cellspacing: 0px;
	cellpadding: 0px;

}
/* Header */

#header {
  width: 840px;
  height: 150px;
  padding: 0px 0 0 0px;
  background: url(../images/winter_freeze_banner.jpg) no-repeat;
}

#header h1 {
  margin: 0px;
  padding: 20px 0 0 40px;
  font-size: 72px;
  font-style: italic;
  color: #EDEDED;
}

#header h2 {
  margin: 0;
  padding: 0 0 0 450px;
  font-size: 20px;
  font-style: italic;
  color: #EDEDED;
}

#header a {
  text-decoration: none;
  color: #FFFFFF;
}
/* Header2 */
#header2 {
  width: 840px;
  height: 150px;
  padding: 0px 0 0 0px;
}

#header2 h1 {
  margin: 0px;
  padding: 20px 0 0 40px;
  font-size: 72px;
  font-style: italic;
  color: #6C6C6C;
}

#header2 h2 {
  margin: 0;
  padding: 0 0 0 450px;
  font-size: 20px;
  font-style: italic;
  color: #6C6C6C;
}

#header2 a {
  text-decoration: none;
  color: #6X6C6C;
}

/* Content */

#content {
   width: 832px;
  padding: 0px 0px 0px 0px;
}


#colOne {
  float: right;
  width: 420px;
  margin-top: 0px;
  padding-right: 20px;
}

#colTwo {
  float: left;
  width: 420px;
  margin-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
}

#colTwo ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-position: inside;
}

#colLeft {
  float: left;
  width: 250px;
  margin-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

#colMiddle {
  float: left;
  width: 450px;
  margin-top: 0px;
  padding-right: 20px;
}

#colRight {
  float: left;
  width: 450px;
  margin-top: 0px;
  padding-right: 20px;
}
#colSites {
  float: left;
  width: 625px;
  margin-top: 0px;
  padding-right: 20px;
}

#content h2 {
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 24px;
  color: #2D2D2D;
  letter-spacing: -2px;
  border-bottom: 1px dashed;
}

#content h3 {
  color: #6C6C6C;
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 0px;
}
#content h4 {
  color: #ffffff;
  font-weight: bold;
  font-size: 28px;
  padding-bottom: 0px;
  padding-bottom: 0px;
}

#text {
  line-height: 10px;
}

#sidebar {
  margin-top: 20px;
  float: left;
  width: 300px;
}

#table {
  display: block;
  float: left;
  margin-top: 20px;
  border-collapse: separate;
  border-spacing: 2px;
}

blockquote {
  font:  Trebuchet MS, Arial, Helvetica, sans-serif;
  font-style: italic;
  padding-left: 0px;
  text-indent: 18px;
  letter-spacing: -2px;
  margin: 20px 0;
}
/* Menu */

#menu {
  width: 950px;
  height: 52px;
  margin: 0px auto;
}

#menu ul {
  margin 0px;
  padding: 0px;
  list-style: none;
}

#menu li {
  display: inline;
}

#menu a {
  display: block;
  float: left;
  width: 130px;
  height: 42px;
  margin: 0px;
  padding-top: 0px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font-size: 20px;
  letter-spacing: -2px;
  background: url(../images/img4.jpg) no-repeat;
}

#menu .last a {
  background: url(../images/img4.jpg) no-repeat;
}


#menu a:hover {
  color: #FFFFFF;
}
/*****************/
/* 2 Level Menus */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin-top: 0px;
list-style: none;
}
#cssdropdown a:hover {
  color: #FFFFFF;
}
#cssdropdown li {
float: left;
position: relative;
list-style: none;
}

.mainitems{
  border: none;
  background-color: #FFEEC6;
  width: 120px;
  height: 42px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font-size: 20px;
  letter-spacing: -3px;
  background: url(../images/img4.jpg) no-repeat;
}

.mainitems a{
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-decoration: none;
}

.subuls{
display: none;
position: relative;
left: 0;
}

.subuls li{
  float: left;
  width: 120px;
  height: 28px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font-size: 20px;
  letter-spacing: -2px;
  background: url(../images/img4.jpg) no-repeat;
}

.subuls li a{
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
margin-top: 15px;
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
	if (document.all&&document.getElementById) {
		cssdropdownRoot = document.getElementById("cssdropdown");
		for (x=0; x<cssdropdownRoot.childNodes.length; x++) {
			node = cssdropdownRoot.childNodes[x];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}

if (window.attachEvent)
	window.attachEvent("onload", startList)
else
	window.onload=startList;

//--><!]]></script>

/* Navigation */

#navigation {
  position: relative;
  display: block;
  float: left;
  margin: 20px;
}

#navigation ul {
  list-style-type: none;
  list-style-position: inside;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 175px;
  border-bottom: 1px dashed #999999;
}

#navigation li {
  margin: 0px;
  margin-bottom: 2px;
}

#navigation a {
  display: block;
  border: 1px dashed #999999;
  border-bottom: none;
  color: #000000;
  padding: 0px 0px 0px 40px;
  text-decoration: none;
  background: #DDEEFF url(../images/link.png) no-repeat left center;
}

#navigation a:hover {
  font-weight: bold;
  background: #B2F511 url(../images/go.png) no-repeat 5px 50%;
}
/* Hover Magnify Image */
.hoverbox
{
    cursor: default;
    list-style: none;
}

.hoverbox a
{
    cursor: default;
}

.hoverbox a .preview
{
    display: none;
}

.hoverbox a:hover .preview
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.hoverbox img
{
    background: #fff;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 1px;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.hoverbox li
{
    background: #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: inline;
    float: left;
    margin: 3px;
    padding: 5px;
    position: relative;
}

.hoverbox .preview
{
    border-color: #000;
    width: 50%;
    height: 50%;
}

/* Footer */

#footer {
  width: 800px;
  height: 80px;
  background: #A5C0D36;
}

#footer p {
  margin: 0px;
  padding-top: 15px;
  text-align: center;
  font-size: 11px;
  color: #999999;
}

#footer a {
  color: #666666;
}

#footer a:hover {
  color: #333333;
}