/* CSS Document */



/*Layout*/


/* sets the fonts and main background colour */
html {
font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-weight : normal; 
font-style : normal; 
font-size : small;
background: #eee;
color:#000; 
}


body{
top:0;
left:0;
margin:0;
padding:0;
background:#eee; /* match to html background */
}

/* set the width of the page and background colour for the left border */
#wrapper{
position:relative; /* required for the positioning of absolute child elements */
width:780px;
background:#fca;
margin:0 auto; 

}

#banner{
top: 0px;
left: 0px;
color:#fff;
background:#900;
width:100%;
height:80px;
z-index: 7;
border-bottom: 5px solid #f96;

}

#headimage{
position:absolute;
top:0px;
left:250px;
width: 500px;
height: 80px;
text-align:center;
z-index: 9;
}



/* contains the car logo */
#headlogo{
position:absolute;
top:25px;
left:15px;
z-index:10;
width:200px;
height:100px;
background-image: url("carlogo.jpg");
border: 5px solid #f96;
}

/* offset division for the fist line(s) on the page */ 
#title{
padding-top:5px;
padding-left:120px;
}


#contentbox{
position:relative;
top:0;
left:130px; /* allows space for the navigation with the wrapper background */ 
margin-right:130px; /* gets rid of the overlap created with the above line */
background:#ffd;
color:#000;
overflow:hidden;/* add to prevent horizontal scrollbar in IE7 */
}

#content{
padding:10px;
margin-top:30px;
background:#ffd;
}

/* sets a minimum height for the content */
.prop{
height:270px;/* increase this if extra menu/navigation itens are added */
float:right;
width:1px;
}

.clr{
clear:both;
}

#foot {
clear:both;
height:30px; 
background:#f96 ; 
color:#000; 
text-align:center; 
font-size:x-small; 
z-index:4;
padding:10px
}

#foot img{
padding-left:5px;
}

#masova{
padding-top:30px;
padding-left:80px;
}

/*Text Attributes*/

p {
font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-weight : normal; 
font-style : normal; 
font-size : small;
color:#000;
background:inherit;
margin:0 ;
padding-bottom:10px;
padding-right:3px;
text-align:left;
} 

.centre{
text-align:center;


}

h1, h2, h3, h4, h5, h6 {
font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-weight : 500; 
font-style : normal; 
font-size: small;
margin:0;

} 

h1 {
font-size: x-large;}
h2 {
font-size: large;}
h3 {
font-size: medium;}
h4 {
font-size: small;
font-weight : 600;
}
h6 {
font-size: x-small;}


p.byline{
font-size:x-small;
font-style:italic;
}


.note{
font-size: x-small;
}

.subtitle{
font-size:medium;
font-weight:600;
}

img{
border:0;
}

/* -----------------Navigation----------------  */

/* If the text in the navigation buttos becomes too wide the width can be increased by increasing the following attributes - #navbox width (130px), #contentbox left(130px) and margin-right (130px), Navigation buttons width (100px) and/or a.nav2 etc width (90px) */

#navbox {
	position: absolute;
	top: 150px;
	left: 0;	
	width: 130px;
	font-size: 1em;
	color: #000;
  background-color:#fca;
	z-index: 6;
}
/* Navigation buttons */
a.nav, a.nav:link, a.nav:visited, a.nav2 , a.nav2:link, a.nav2:visited, .chosen, .chosen2, a.shepmail:link, a.shepmail:visited {
	display: block;
	background: #900;
	width:100px;
	margin: 5px auto;
	text-align: center;
	text-decoration: none;
	font: normal small Verdana, sans-serif;
	overflow: hidden;
	color: #fff;
	padding: 2px 3px 2px 3px;
	border-top:1px solid #c33;
	border-left:1px solid #c33;
	border-right:3px solid #600;
	border-bottom:3px solid #600;
}
a.nav:hover, a.nav2:hover, a.shepmail:hover {
	background: #f66;
	color: #000;
}
.chosen, .chosen2 { 
  background: #999;
  border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:3px solid #666;
	border-bottom:3px solid #666;
	cursor:default;
}

a.nav2 , a.nav2:link, a.nav2:visited, .chosen2{
margin:5px auto 5px 17px;
width:90px;
}




a.mail:link, a.mail:visited{
font-weight:500;
color:#000;
background:inherit;
}

a.mail:hover{
color:#666;
}



a.shepmail:hover{
background: #f66;
color: #000;
}

/*Tables*/
table.pix{
text-align:center;
border:0px solid #eee;
margin: 0 0;
}

td{
padding:10px;
border:1px solid #900;
text-align:center;
margin:2px;
}

.lfloat{
float:left;
}

.rfloat{
float:right;
}

.new{
color: #000;
background: #0f0;
padding:0 4px 0 4px;
}