body{ font-family: Arial, Helvetica, sans-serif; background: #000000;}
p {line-height: 20px; font-size: 15px; margin-bottom: 10px;}

li {margin-top: 8px; margin-bottom: 8px; list-style-image:url(http://www.steelstacks.org/images/structure/bullet.jpg)}
li a {font-weight: bold; color:#005b7f; text-decoration:none;}
li a:hover{color: #26ace1; text-decoration:underline;}

h1 {color: #26ace1; font-size: 42px; margin-bottom:2px; letter-spacing:-2px;}

h2 {color: #000000; font-size: 24px; margin-top: 30px; letter-spacing:-1px;}
h2 a{color: #000000; text-decoration: none; }
h2 a:hover {color: #26ace1; text-decoration: underline;}

h3{font size: 20px; font-style:italic; margin-top: 0px; margin-bottom: 30px;}


#header { background: #000000 url(http://www.steelstacks.org/images/structure/header_BG.jpg) top center no-repeat; width: 100%; height: 250px; border-bottom: 15px solid #26ace1;}
#header_content { width: 970px; height:210px;}

#logo {background: #005b7f; width: 100px; height: 140px;  margin-left: 15px; overflow: auto;}
#logo a {max-height: 140px;}
#logo:hover {background: #26ace1; width: 100px; height: 140px; overflow: auto;}

#navigation { width: 970px; height: 30px; margin-top: 6px;}
#navigation a span {float: left; width: 130px; height: 30px; margin-right: 15px; background: #ffffff; padding-top: 4px; font-size: 20px; font-weight: bold; color:#005b7f; cursor: pointer;}
#navigation a span:hover {font-size: 20px; font-weight: bold; color:#ffffff; background: #26ace1;  cursor: pointer;}
.on {float: left; width: 130px; height: 30px; margin-right: 15px; color:#ffffff; font-weight: bold; padding-top: 2px; font-size: 20px; background: #26ace1;  cursor: pointer;}
.on a:visited {float: left; width: 130px; height: 30px; margin-right: 15px;  font-weight: bold; padding-top: 2px; font-size: 20px; background: #26ace1; color:#ffffff;  cursor: pointer;}


#page {width: 100%; background: #ffffff; padding-bottom:40px;}
#page_content {width: 970px; min-height: 600px; overflow: auto;}


#column1 {width:495px; margin-left: 10px; margin-top: 0px; padding: 10px; padding-left: 0px; float: left; overflow:auto;}
#column1 a {font-weight: bold; color:#005b7f; text-decoration:none;}
#column1 a:hover{color: #26ace1; text-decoration:underline;}

#column2 {width: 375px; margin-left:50px; margin-top: 0px; padding: 10px; float: left; overflow:auto;}



#footer {width: 100%; height: 200px; margin-bottom: 5px; background: #26ace1 url(http://www.steelstacks.org/images/structure/silouette.jpg) bottom left no-repeat; border-top: 15px solid #000000;	 border-bottom: 15px solid #ffffff;}

#footer_content {width: 950px;}
#footer_content p {font-weight: bold; padding:0px; margin: 0px;}
#footer_content a {font-weight: bold; color:#ffffff; text-decoration:underline;}
#footer_content a:hover{color: #FFCC00;}



.imageright {float: right; margin:15px; margin-top: 0px; margin-right: 0px; border: 1px solid #000000;}
.imageleft{float: left; margin:15px; margin-top: 0px; margin-left: 0px; border: 1px solid #000000;}

.vmargin30 {margin-top: 30px; margin-bottom:30px;}
.stackslogo {margin-top:25px;}
.small{font-size: 12px;}
.hmargin10 {margin-right: 10px;}