/* Generic Selectors */ 

html, body { 
margin: 0; 
padding: 0; 
width: 100%
height: 100%; 
font-family: Microsoft Sans Serif, Tahoma, Franklin Gothic Book, Ariel, Verdana, sans serif; 
font-size: 100%; 
color: #333333; 
background-color: #F9F9F9; 
background-image: url(bgrepeat.jpg);
	background-repeat: repeat;
}

p { 

width: 100%; 

} 

li { 

list-style-type: none; 

line-height: 150%; 

list-style-image: url(Z:\public\Shared Web Folder\CARTREFI\Designs\Images for final site designs\menu button.jpg); 

} 

h1 { 
font-family: Microsoft Sans Serif, Tahoma, Franklin Gothic Book, Ariel, Verdana, sans serif; 
font-size: 150%; 
font-weight: bold; 
color: #000000; 
border-bottom: 1px solid #EF8803; 
} 

h2 { 
font-family: Microsoft Sans Serif, Tahoma, Franklin Gothic Book, Ariel, Verdana, sans serif;; 
font-size: 150%; 
font-weight: bold; 
color: #000000; 
border-bottom: 1px solid #EF8803; 
} 

 

/**************** Pseudo classes ****************/ 

a:link { 
color: #000000; 
text-decoration: underline; 
font-weight: bold; 
} 

li :link { 
color: #000066; 
text-decoration: none; 
font-weight: bold; 
} 

a:visited { 
color: #000000; 
text-decoration: underline; 
font-weight: bold; 
} 

li a:visited { 
color: #000066; 
text-decoration: none; 
font-weight: bold; 
} 

a:hover { 
color: #EF8803; 
padding-bottom: 5px; 
font-weight: bold; 
text-decoration: underline; 
} 

li a:hover { 
display: block; 
color: #EF8803; 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #000066; 
} 

a:active { 
color: #EF8803; 
font-weight: bold; 
} 

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

div#wrapperbox {    
position:relative;    
margin-left:auto;    
margin-right:auto;    
top: 20px;    
width:1024px;    
background-color: #ffffff;
}

ul#list-nav {
position: absolute;
list-style:none;
margin:0px;
margin-top: 3%;
padding:0;
width:100%
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
font-size: 100%; 
padding:5px 0;
width:125px;
background:#000066;
color:#eee;
float:left;
text-align:center;
border-left:5px solid #EF8803;
}

ul#list-nav li a:hover {
background:#FBE3BD;
color:#000
}

#toprightdoc { 
position: absolute;
width: 55%; 
padding: 0 0 0px 0; /*top right bottom left*/ 
margin-top: -3%; 
margin-left: 42%; 
margin-right: 15%; 
font-size: 150%; 
font-weight: bold;
}

#centerDoc { 
position: absolute;
width: 50%; 
padding: 0 0 0px 0; /*top left bottom right*/ 
margin-top: 2%; 
margin-left: 15%; 
margin-right: 50%; 
}

#rightPlaceholder { 
float: right;
width: 250px; 
height: 460px; 
margin-top: 2%; 
margin-right: 3%; 
border-right: 3px solid #EF8803; 
border-left: 3px solid #EF8803; 
border-top: 3px solid #EF8803; 
border-bottom: 3px solid #EF8803; 
font-size: 100%; 
font-weight: bold; 
background color: #F5F4F9;
} 

#header { 
background-attachment: relative; 
width: 100%; 
background-image: url(t1header.jpg); 
background-repeat: no-repeat; 
background-position: left top; 
padding-top:151px; 
margin-bottom:0px; 
clear:both;
}  

img.floatLeft { 
float: left; 
margin: 4px; 
}

img.floatRight { 
float: right; 
margin: 4px; 
}

#footertext { 
font-size: 80%; 
color:#808080
position: absolute; 
width: 750px; 
border-top: 2px solid #808080; 
border-bottom: 2px solid #808080; 
}