/*Single column horizontal menu css by chris wicks design*/
/* design.chriswicks.co.uk */


/*Layout*/

/* sets the main fonts and main background colour */
html, body{
background: #fff;
color:#000;
height:100%; 
top:0;
left:0;
padding:0; 
margin:0; 
border:0;
}

body{
font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-weight : normal; 
font-style : normal; 
font-size : .625em;
}


/* Display elements */

/* contains everything on the page - allows for width to be set */
#wrapper{
position:relative; /*allows absolute positioning within the element */
width:100%; /*pixel or % width */
background:#fff; /* colour behind contentbox */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}


/* top of page can contain horizontal menu and banner */
#header {
position:relative;
margin:0; 
top:0; 
left:0; 
display:block; 
width:100%; 
height:100px; 
background: #8ce url("images/headergrad.gif") repeat-x ; 
color:#000;
text-align:left;
}


/* positions the banner within the header 
#banner {
top:10px;
left:140px;
position:absolute;
z-index:6;
}
*/
/* contains the main content elements of the page */
#contentbox{
position:relative;
top:0;
left:0;
background:#fff;
color:#000;
padding-bottom:45px; /*allows space for footer */
padding-top:5px;
overflow:hidden;
}

#content{
position:relative;
padding-right:15em; /* allows space for rh content */
padding-left:15em; /* allows space for lh content */
margin-top:4em; /*  allows for menu/title etc space */
background:#fff;
}

/* for full width place in wrapper, for part width place within appropiate div */
#footer {
position:absolute; 
left:0px; 
bottom:0; 
border-top: 5px solid #794;
display:block; 
width:100%; 
height:40px; 
background:#fff; 
color:#000;
text-align:center; 
font-size:1em; 
z-index:3;
overflow:hidden;
}


/* Left and Right columns*/
#left {
position:absolute; 
left:0em; 
top:8.5em; 
width:14em;
margin:0;
background: #fff; 
color:#000;

 }

#right {
position:absolute;
right:1em;
top:4.5em;
width:12em; 
height:25em;
color:#000; 
z-index:4;
background: #fff;
border:1px solid #c53;
}


/* Decorative Elements */


#subhead{
position:absolute; 
margin:0; 
top:1.9em; 
left:0px;
display:block; 
width:100%; 
height:2em; 
background: #444; 
z-index:3; 
color:#fff;
border-top:5px solid #c53; 

}

#subhead p{
padding-left:10px;
color:#ddd;
margin:0 ;
padding-bottom:0;
padding-right:3px;
text-align:left;
background:inherit;
font-size:1.1em;
line-height: 1.8;
}

#subhead a{
font-weight : 500; 
color : #fff; 
text-decoration : none;
background:inherit;
}

#subhead a:hover{
text-decoration : underline;
}

.orange{
color:#fc9;
}

/*Text Attributes*/
/*Font style set in body*/
p {
color:#000;
margin:0 ;
padding-bottom:10px;
padding-right:3px;
text-align:left;
background:inherit;
font-size:1.2em;
line-height: 1.4;
} 


.little{
font-size:1em;
}

h1, h2, h3, h4, h5, h6 {
font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-style : normal; 
line-height: 1.5;
margin:0;
} 

h1 {
font-family : Georgia, Times New Roman, serif;
font-size:4.2em;
font-weight : 500; 
padding-left:200px;
}
h2 {
font-size: 2.4em;
font-weight : 500; }
h3 {
font-size: 2em;
font-weight : 500; 
}
h4 {
font-size: 1.6em;
font-weight : 500;}
h5 {
font-size: 1.2em;
font-weight : 600; 
}
h6 {
font-size: 1em;
font-weight : 600; 
}

/*Menu*/
#menuouter{
position:absolute;
left:0;
top:0;
width:100%;
color:#000;
z-index:6;
margin:0;
line-height:1.2;
border:0;
}
#menu{
width:53em;
margin:0 auto;
background:transparent;
z-index:7;
}

#menu a:link, #menu a:visited, .chosen, .section{ 
display:block; 
width:9em;
background:#fc9; 
margin: 0 .2em;
text-align:center; 
text-decoration:none; 
overflow:hidden;
color: #000;
font-weight:500;
padding: .2em ;
float:left;
border: .3em solid #fc9;
border-bottom:0;
}
  
.chosen {
background:#c53;
color:#fff;
border: .3em solid #c53;
border-bottom:0;
}

#menu a:hover {
  background: #fda;
  color:#000;
  border: .3em solid #fda;
border-bottom:0;

  }
  
#menu a.section{
background:#c53;
color:#fff;
border: .3em solid #c53;
border-bottom:0;
}  


/*Menu vertical*/
#vmenu{
position:relative;
left:0.5em;
top:0em;
width:12em;
background:#fff;
color:#000;
z-index:6;
padding-top:.1em;
margin 0 auto;
}

#vmenu a:link, #vmenu a:visited, .vchosen { 
display:block; 
background:#bc7; 
margin:0 auto 0 auto;
text-align:center; 
text-decoration:none; 
overflow:hidden;
color: #000;
font-weight:500;
padding: .5em .1em;
border-bottom:.1em solid #666;

}
  
.vchosen {
background:#fff;
color:#000;
}

#vmenu a:hover {
  background: #ded;
  color:#000;
  }



/*Link Attributes*/

a:link {
font-weight : 600; 
color : #369; 
text-decoration : none;
background:inherit;

} 
a:visited {
font-weight : 600; 
color : #657; 
text-decoration : none; 
background:inherit;
} 

a:hover {
font-weight : 600; 
color : #ff0000; 
text-decoration : underline;
background:inherit;
} 

a:active {
font-weight : 600; 
color : #66cc00; 
text-decoration : none;
background:inherit;
} 


/* Miscelleneous Items */


/* Floats */
.lfloat {
float:left;
padding-right:3px;
padding-bottom:3px;
}

.rfloat {
float:right;
padding-left:3px;
padding-bottom:3px;
}


img {
border:0; 
margin:0;
font:10pt serif;
}

#left img{
margin: 1em auto;
}

hr {
clear:both; 
border:0;  
height:1px; 
color:#000; 
background-color:#111;}

.clr {
clear:both;
}

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


#search{
position:absolute;
top:5px;
right:5px;
font-size:10px;
}

.gads{
position:relative;
top:1em;
left:.5em;
width:120px;
height:200px;
background: #fff;
}

#logo{
position:absolute;
top:0px;
left:0px;
z-index:10;
}

.pad{
height:50px;
}

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