/*
      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; }

a{text-decoration: none}

body {
 background:#cccccc url(images/back.png) repeat-y top center;
 font-family: "Segoe UI",Helvetica,Calibri,"Times New Roman",Georgia,Serif;
 font-size: 13px;
 
}
#wrapper { 
 background-color:#282828;
 margin: 0 auto;	
 width: 922px;
}
.current{
 background: #181616;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
 
#currentsub{
 background: #767676;
}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: url(images/banner.png) no-repeat top right;
}

/*Right Content starts here*/
#gallery{
text-align: center;
 padding-top: 45px;
}
#next{ 
float: right; 
text-align: right;
}
#prev{ 
float: left; 
}
/*Horizontal Navigation formatting Starts Here*/
#navigation {				/* This is the main control for the Horizontal nav*/
 float: left;
font-weight: bold; 
 width: 920px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 5px 0px;
 background: url(images/hnav.png) no-repeat top right;
 border: 1px solid #ccc;
}

#navigation ul{
  width:100%; 
  padding-left:0;
  margin:0;
  float:left;
}

#navigation ul li{
  display:inline; 
}

#navigation ul li a{
  margin-left:55px;
  float:left;
  color:#FFFFFF;
  padding:3px 12px 3px 12px;
  /*border-right:1px solid #FFFFFF;*/
}
#navigation ul li a:hover{
 background: #a0a0a0;
color:red:
}
/* Horizontal Navigation formatting ends here */

/* Vertical Navigation formatting starts here */
#leftcolumn {       /* This is the main control for the left column*/
 color: #fffff;
 border: 1px solid #ccc;
 background: #8a8a8a;
 margin: 0px 5px 5px 0px;
 min-height: 100%;
 width: 215px;
 float: left;
}
#leftcolumn  li{
list-style:none;
}

#leftcolumn  ul{
width:195;
}
#leftcolumn ul li a{
color:white;
padding:6px 12px 6px 12px;
display:block;
border-bottom: 1px solid white;
}
#leftcolumn ul li a:hover{
background:grey;
color:white:
}

#submen ul li a{
text-indent: 23px;
}
#submen ul li{
white-space: pre-wrap;
list-style:none;
}
#submen2 ul li a{
text-indent: 50px;
}
#submen3 ul li a{
text-indent: 75px;
}
#currentsub2 ul li a																																																																																																																																																																																																																																																																																																																																																																																																																													{
background:#B4B4B4;
} 	


/* Vertical Navigation formatting ends here */
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #dcdcdc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 min-height: 450px;
 width: 678px;
 display: inline;
}
#footer { 
 width: 900px;
 clear: both;
 color: 	white;
 border: 1px solid #ccc;
 background: url(images/foot.png) no-repeat top right;
 margin: 0px 0px 10px 0px;
 padding: 3px 10px 0 10px;
}
