/**********************************************************
     TEMPLATE BASED WEBSITE DESIGNED AND DEVELOPED BY
           VEBRA GRAPHICS (VEBRA SOLUTIONS LTD.)
                      COPYRIGHT 2005

      AUTHOR: DAVID SWALLOW (david.swallow@vebra.com)
                        22/11/2005

                      www.vebra.info
/**********************************************************/  

html, body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	background:#fff url(images/faux_column_bkg.jpg) repeat-y top left;
	color:#333;
	min-width:773px;
}

* html body{
	/* Hide from IE-Mac \*/
	height:70%; /*Keeps the page at a reasonable height in IE.*/
	/* End hide */
}

#container, #blank_container{
	position:relative;
	min-height:100%;
	width:100%;
	background:url(images/content_bkg.jpg) no-repeat bottom right;
}

* html #container, * html #blank_container{
	height:100%;
}

#blank_container,  * html #blank_container{
background:none;
}

#header{
min-height: 60px;
width:100%;
background:#003366 url(images/header_bkg.jpg) repeat-x top left;
color:#fff;
}

* html #header {height: 60px;} /* Minimum Height hack for Internet Explorer.*/

#header img{
float:left;
height:38px;
width:129px;
margin:0;
padding:12px 0 0 9px;
}

#header p{
margin:0;
padding:34px 8px 0 0;
background-color:transparent;
color:#fff;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
text-align:right;
}

#navigation{
position:relative;
min-height:20px;
width:100%;
background:#839BB3 url(images/nav_cont_bkg.jpg) repeat-x top left;
color:#fff;
}

#navigation ul{
margin:0 0 0 150px;
padding:0 2px 0 0;
}

#navigation ul li
{
list-style-type: none;
margin: 0;
padding: 0;
display: block;
float: left;
background:#8199B1 url(images/nav_bkg.jpg) repeat-x top left;
color:#fff;
font-size:10px;
line-height:20px;
text-align: center;
width:25%;
}

#navigation a
{
text-decoration: none;
display: block;
width: auto;
border-right: 1px solid #647E9B;
background:#8199B1 url(images/nav_bkg.jpg) repeat-x top left;
text-transform:uppercase;
color: #FFF;
}

#navigation li#active a#current { background:url("images/nav_hover_bkg.jpg") repeat-x top left!important;}
#navigation a:hover { background:url("images/nav_hover_bkg.jpg") repeat-x top left;}

#left_column{
position:absolute;
top:80px;
left:0;
width:150px;
height:415px;
background:#003366 url(images/left_column_bkg.jpg) no-repeat top left;
color:#fff;
}

#left_column p{
font-size:10px;
margin:0;
padding:15px 0 20px 15px;
}

#left_column p span{
font-weight:bold;
}

#right_column{
clear:both;
margin:0 0 0 150px;
height:100%;
min-height:100%
}

#banner{
height:125px;
background:#003366 url(images/banner_bkg.jpg) no-repeat top left;
color:#fff;
}

#banner img#float_right{
float:right;
}

#content{
padding:20px;
height:100%;
}

#content h2{
margin:0;
background-color:inherit;
color:#FF0000;
font-size:22px;
font-weight:normal;
}

#content p{
font-size:12px;
background-color:inherit;
color:#333;
line-height:150%;
width:58%;
}

#content p span, #content h2 span{
font-weight:bold;
}

table#hours{
margin-left:15%;
font-size:12px;
background-color:inherit;
color:#003366;
border-collapse:collapse;
}

table#hours tr td{
border:1px solid #333;
padding:2px 5px;
}

table#hours tr td.day{
text-align:right;
font-weight:bold;
}


#footer{
	position:absolute;
	bottom:0px;
	background: url("images/faux_column_bkg.jpg") repeat-y top left;
	width: 100%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a:link{background-color:inherit; color: #003366;}
a:visited{background-color:inherit; color: #829AB2;}
a:hover{text-decoration: none; background-color:inherit; color: #FF0000;}
a:active{background-color:inherit; color: #FF0000;}

#left_column a:link{background-color:inherit; color: #FFFFFF;}
#left_columna:visited{background-color:inherit; color:#CCCCCC;}
#left_columna:hover{text-decoration: none;}
#left_columna:active{background-color:inherit; color:#CCCCCC;}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#184973;
	}



.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

