/*
      Created by Keith Donegan of Code-Sucks.comn
	  
	  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;
 background-image:url('bg.jpg');
 background-repeat:repeat;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(faux.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 background-image:url('header.jpg');
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
}

#navigation {
 color: #333;
 padding: 5px;
 margin: 0px 0px 5px 0px;
 background: #FFFFFF;
}

/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#bar {	
	width:912px;
	list-style:none;
	height:35px
}

ul#bar li {
	display:inline
}

ul#bar li a {
	height:35px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#bar  li a span {
	float:left;
	display:block
}

ul#bar li#bar-1 a {
	width:131px;
	background:url(nav3.jpg) no-repeat 0px 0
}

ul#bar li#bar-1 a:active,
ul#bar li#bar-1 a:hover {
	background-position:0px -35px
}
ul#bar li#bar-1 a.current {
	background-position:0px -70px
}

ul#bar li#bar-2 a {
	width:130px;
	background:url(nav3.jpg) no-repeat -131px 0
}

ul#bar li#bar-2 a:active,
ul#bar li#bar-2 a:hover {
	background-position:-131px -35px
}
ul#bar li#bar-2 a.current {
	background-position:-131px -70px
}

ul#bar li#bar-3 a {
	width:130px;
	background:url(nav3.jpg) no-repeat -261px 0
}

ul#bar li#bar-3 a:active,
ul#bar li#bar-3 a:hover {
	background-position:-261px -35px
}
ul#bar li#bar-3 a.current {
	background-position:-261px -70px
}

ul#bar li#bar-4 a {
	width:129px;
	background:url(nav3.jpg) no-repeat -391px 0
}

ul#bar li#bar-4 a:active,
ul#bar li#bar-4 a:hover {
	background-position:-391px -35px
}
ul#bar li#bar-4 a.current {
	background-position:-391px -70px
}

ul#bar li#bar-5 a {
	width:131px;
	background:url(nav3.jpg) no-repeat -520px 0
}

ul#bar li#bar-5 a:active,
ul#bar li#bar-5 a:hover {
	background-position:-520px -35px
}
ul#bar li#bar-5 a.current {
	background-position:-520px -70px
}

ul#bar li#bar-6 a {
	width:130px;
	background:url(nav3.jpg) no-repeat -651px 0
}

ul#bar li#bar-6 a:active,
ul#bar li#bar-6 a:hover {
	background-position:-651px -35px
}
ul#bar li#bar-6 a.current {
	background-position:-651px -70px
}

ul#bar li#bar-7 a {
	width:131px;
	background:url(nav3.jpg) no-repeat -781px 0
}

ul#bar li#bar-7 a:active,
ul#bar li#bar-7 a:hover {
	background-position:-781px -35px
}
ul#bar li#bar-7 a.current {
	background-position:-781px -70px
}



#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 683px;
 display: inline;
 position: relative;
}

h1 { 
    font-family:georgia;
    color: #755c44;
    font-size: 25px;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    text-transform: uppercase;
    margin-top:5px;
    margin-bottom:10px;
    margin-right:0px;
    margin-left:7px;
}
 
h1 em{
    color:#8F7C47;
    letter-spacing:0.05em;
    text-transform:none;
    font-size:20px;
}


h2 { 
    font-family:georgia;
    color: #755c44;
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.1em;
    text-transform: uppercase;
    margin-top:5px;
    margin-bottom:10px;
    margin-right:0px;
    margin-left:0px;
}
 
h2 em{
    color:#8F7C47;
    letter-spacing:0.05em;
    text-transform:none;
    font-size:20px;
}


h3 { 
    font-family:georgia;
    color: #755c44;
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    text-transform: italics;
    margin-top:5px;
    margin-bottom:10px;
    margin-right:0px;
    margin-left:7px;
}





p {
    font-family: georgia,serif;
    font-size: 12px;
    line-height: 20px;
    letter-spacing:1px;
}


		#jstwitter {
			width: 190px;
			font-family: arial;
			font-size: 12px;
			color: #333333;
			padding: 5px;
		}
		
		#jstwitter .tweet {
			margin: 0 auto 15px auto;
			padding: 0 0 15px 0;
			border-bottom: 1px dotted #ccc;
		}
		
		#jstwitter .tweet a {
			text-decoration: none;
			color: #2943b0;
		}

		#jstwitter .tweet a:hover {
			text-decoration: underline;
		}
		
		#jstwitter .tweet .time {
			font-size: 10px;
			font-style: italic;
			color: #666666;
		}



img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}



div.floatLeft { 
    float: left; 
    margin: 4px; 
}
div.floatRight { 
    float: right; 
    margin: 4px; 
}


div.fly {
  float: left;
  padding: 0px 13px 15px;
  }
  
div.fly p {
   text-align: center;
   }

  
div.spacer {
  clear: both;
  }  

div.container {
  border: 1px dashed #333;
  background-color: #ffe;
  }





#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: #f3f4b9;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }