/***************** Generic Selectors ******************/ 

body { 
margin:auto;
border:0;
padding:0;
height:100%;
max-height:100%;
min-width: 800px;

background-image: url('../graphics/grill.jpg');
background-repeat: repeat;
} 


p {
font-family:  Trebuchet ms, Tahoma, Arial, Sans-Serif; 
font-size: 14px;
text-align: justify; font-weight: normal;
color: black;
padding: 0px 15px 0px 15px; 
}

ul {
margin-top: 0; 
list-style: circle outside; font-family: Trebuchet ms, Tahoma, Arial, Sans-Serif; 
font-size: 14px; 
font-weight: normal;
color: black; 
}

hr {
color:whitesmoke; 
width:75%;
}

img {
border: none;
}


/*********************** Links ***********************/

a:link {
text-decoration: none; 
font-weight: normal; 
color: royalblue;
}

a.buttons:link {
text-decoration: none; 
font-size: 12px;
font-weight: bold; 
color: whitesmoke;
}


/********************/

a:visited {
text-decoration: none; 
font-weight: normal; 
color: royalblue;
}

a.buttons:visited {
text-decoration: none; 
font-size: 12px;
font-weight: bold; 
color: whitesmoke;
}


/********************/

a:hover {
text-decoration: none; 
font-weight: normal; 
color: darkblue;
cursor: pointer;
}

a.buttons:hover {
text-decoration: none; 
font-size: 12px;
font-weight: bold; 
color: whitesmoke;
}


/********************/

a:active {
text-decoration: none; 
font-weight: normal; 
color: darkblue;
}

a.buttons:active {
text-decoration: none; 
font-size: 12px;
font-weight: bold; 
color: whitesmoke;
}



/************************* ID's *************************/ 


#centerDoc 
{ 
position: absolute; 
width: 680px;
left:50%; 
margin-left:-370px;
margin-top: 30px;
padding: 10px; 
background-color: white;
/* rounded borders */
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
/* end of rounded borders */
}

#top
{
height: 290px;
padding: 10px 0px 0px 0px; /*trbl*/
background-image: url('../graphics/Top_black.gif');
background-repeat: repeat-x;
/* rounded borders */
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
/* end of rounded borders */
}

#tabs
{
display: inline-block;
margin: 10px 0px 0px 0px; /*trbl*/ 
vertical-align: top;
width: 130px;
}

#tabs ul 
{
padding: 0px;
margin: 0px;
list-style-type: none;
}

#tabs ul li 
{
height: 30px;
}

#tabs ul li a 
{
display: inline-block;
padding: 0px 5px 0px 5px; /*trbl*/ 
line-height: 24px;
background: #CFCFE1;
z-index: 10;
border: 1px solid #ccc;
border-right: 0px;
/* rounded borders */
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
/* end of rounded borders */
width: 130px;
color: #000000;
text-decoration: none;
text-align: right;
font-family: Verdana, Arial, Sans-Serif;
font-size: 16px;
font-weight: bold;
}

#tabs ul li a:hover
{
color: #000000;
background: whitesmoke;
cursor:pointer;
}

#tabs ul li a:active
{
color: royalblue;
}

#content_area  
{
display: inline-block;
padding: 10px;
margin: 10px 0px 0px 5px; /*trbl*/ 
z-index: 5;
border: 1px solid #ccc;
width: 518px;
min-height: 230px;
background-color: whitesmoke;
}

#col1
{
display: inline-block;
padding: 0px 2px;
vertical-align: top;
width: 250px;
}

#col2
{
display: inline-block;
padding: 0px 2px;
vertical-align: top;
width: 250px;
}

#col1 li, #col2 li
{
margin-left: -20px;
}

#footer 
{
position: relative;
display: block;
padding: 10px 0px 5px;
width: 100%;
text-align: center;
}

#links
{
position: relative;
width: 100%;
padding: 10px 0px 20px 0px; /*trbl*/
}



/********************* Classes *********************/


.link
{
color: cornflowerblue;
}

.center
{
text-align: center;
}

.title
{
text-align: center;
font-family:  Trebuchet ms, Tahoma, Arial, Sans-Serif; 
font-size: 24px;
font-weight: bold;
color: 	whitesmoke;
}

.subtitle 
{
text-align: left;
font-family:  Trebuchet ms, Tahoma, Arial, Sans-Serif; 
font-size: 16px;  
font-weight: bold;
color: black;
}

.sub-subtitle 
{
text-align: left;
font-family:  Trebuchet ms, Tahoma, Arial, Sans-Serif; 
font-size: 14px;  
font-weight: bold;
color: black;
}

.client
{
list-style: none;
font-family:  Tahoma, Arial, Sans-Serif; 
font-size: 14px;  
font-weight: normal;
}

.noscript
{
font-family: trebuchet ms, tahoma, arial;
font-size: 12px;
color: red;
}

.error
{
font-family: Tahoma, Arial, Sans-Serif;
font-size: 10px;
font-weight: normal;
color: red;
}

.footer
{
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
font-weight: bold;
color: black;
}

.social
{
font-family: Trebuchet ms, Tahoma, Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: black;
}

.home
{
font-family: Helvetica, Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
text-align: justify;
color: black;
}