/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(images/faux-2-3-col.gif);
/*filter:alpha(opacity=60); /* IE */
/*    -moz-opacity:0.6; /* Mozilla */
/*    opacity: 0.6; /* CSS3 */
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}
#header {
 background: url(images/header.png);
 color: #333;
 width: 902px;
 padding: 10px;
 height: 103px;
 margin: 10px 0px 0px 0px;
 background color: #D1DBDB;
}

div.clickable { /* Containing div must have a position value */
    position:relative;
}

div.clickable a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}


#navigation {
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #eaa92e;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 1px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding: 0px;
 width: 848px;
 display: inline;
 position: relative;
 background color:f7da5d;
}
#rightcolumn { 

 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 1px;
 float: right;
}
#footer { 
 background: url(images/footer.png);
 width: 902px;
 clear: both;
 color: #333;
 background color: #ABBEBE;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }.header1 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	text-shadow: 0px 0px;
}
.textappearance {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 110%;
	text-align: left;
}




@font-face {
    font-family:"custom1";
    src: url("fonts/custom1.eot";) /* EOT file for IE */
}
@font-face {
    font-family:"custom1";
    src: url("fonts/custom1.ttf") /* TTF file for CSS3 browsers */
}

.h7 {
    font-family:'custom1', sans-serif;
    font-size: 26px;
    font-weight:normal;
    text-align: left;
    line-height: 100%;
    border-bottom: 1px solid #484848;
    padding-bottom: 5px;
    margin-bottom:7px;
}



@font-face {
    font-family:"custom2";
    src: url("fonts/custom2.eot";) /* EOT file for IE */
}
@font-face {
    font-family:"Custom2";
    src: url("fonts/custom2.ttf") /* TTF file for CSS3 browsers */
}

.h8 {
    font-family:'custom2', sans-serif;
    font-size: 17px;
    font-weight:normal;
    text-align: left;
    line-height: 120%;
    padding-bottom: 5px;
    margin-bottom:7px;
}


.h9 {
    font-family:'custom1', sans-serif;
    font-size: 26px;
    font-weight:normal;
    text-align: left;
    line-height: 100%;
    padding-bottom: 5px;
    margin-bottom:7px;
}

.h5 {
    font-family:'custom1', sans-serif;
    font-size: 19px;
    font-weight:normal;
    text-align: left;
    line-height: 100%;
    border-bottom: 1px solid #484848;
    padding-bottom: 5px;
    margin-bottom:7px;
}