/* CSS Document */

body{
background-color:#ffffff;
background-image:url(../images/tile_bg2.gif);
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:normal;
}

img{
border:none;
}

/* ICONS */

a[href $='.pdf'] {  
padding-right: 16px;
background: transparent url(../images/pdf.gif) no-repeat center right;  
}

a[href $='.doc'] {  
padding-right: 16px;
background: transparent url(../images/doc.gif) no-repeat center right;  
}

/* END ICONS */

p{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:normal;
}

li{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:normal;
}

td{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:normal;
}

.headingAbout{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
color:#0000ff;
}

.headingOffers{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
color:#ff0099;
}

.headingNew{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
color:#ff6600;
}

.headingJoin{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
color:#ff0000;
}

.headingSupport{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
color:#990099;
}

.headingFaq{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
color:#006666;
}

.titleAbout{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:2px;
color:#0000FF;
}

.titleOffers{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:2px;
color:#ff0099;
}

.titleNew{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:2px;
color:#ff6600;
}

.titleJoin{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:2px;
color:#ff0000;
}

.titleSupport{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:2px;
color:#990099;
}

.titleFaq{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:2px;
color:#006666;
}

.main{
width:720px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0px;
}


.bannerLeft{
width:20px;
height:41px;
padding:0px;
position:absolute;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

.banner{
width:700px;
height:41px;
padding:0px;
position:absolute;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:21px;
}

.bannerRight{
background-image:url(../images/bannerRight2.gif);
background-repeat:no-repeat;
background-position:top;
width:210px;
height:243px;
padding:0px;
position:absolute;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:721px;
}

.contentHolder{
background-color:#ffffff;
background-image:url(../images/content_img.gif);
background-repeat:no-repeat;
background-position: top right;
width:700px;
height:611px;
padding:0px;
position:absolute;
margin-top:41px;
margin-right:0px;
margin-bottom:0px;
margin-left:20px;
}

.spacer{
padding:0px;
position:relative;
float:left;
}

.content{
width:510px;
padding:10px 10px 10px 0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:180px;
vertical-align:top;
}

.footerLeft{
height:50px;
padding:5px 0px 5px 0px;
vertical-align:text-top;
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

.footerRight{
height:50px;
text-align:right;
vertical-align:text-top;
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

/*** Nav bar styles ***/

.navigation{
padding:0px;
position:absolute;
margin-top:51px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

.nav ul li{
border: 0px;
}

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
margin: 0px;
padding: 0px;
cursor: default;
list-style-type: none;
}

ul.nav{
width:auto;
/*Optional, to make the navigation bar positions on the left of the content*/
float:left;
margin-right:0px;
}

ul.nav>li{
padding:2px 6px;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
display:none;
position:absolute;
width:auto;
left:180px;
margin-top:-60px;
margin-left:-20px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
display:block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
display:block;
padding:2px 10px;
}

/*** Menu styles (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:12px;
}

.nav ul{
background-color:#ffffff;
border:1px solid #000000;
}

.nav ul li a{
color:#000000;
text-decoration:none;
}

.nav ul li a:hover{
color:#000000;
text-decoration:underline;
}