/* CSS Document */

body{
background-color:#4da633;
background-image:url(../images/tile_bg.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;
}

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

.tblHeader_new{
background-color:#ff8442;
font-family:Comic Sans MS, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:2px;
color:#ffffff;
padding:3px 0px 3px 5px;
margin:0px;
}

.main{
background-color:#FFFFFF;
width:853px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0px;
}


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

.banner{
width:792px;
height:158px;
padding:0px;
position:absolute;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:20px;
}

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

.contentHolder{
background-color:#FFFFFF;
width:790px;
height:520px;
padding:0px;
position:absolute;
margin-top:158px;
margin-right:0px;
margin-bottom:0px;
margin-left:20px;
}

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

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

.rightColumn{
width:221px;
padding:0px;
position:absolute;
margin-top:168px;
margin-right:0px;
margin-bottom:0px;
margin-left:603px;
}

.eventstbl{
background-color:#ffffff;
width:221px;
padding:0px;
margin:0px;
border:1px solid #000000;
}

.footerLeft{
background-color:#4da633;
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:#FFFF00;
}

.footerRight{
background-color:#4da633;
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:#FFFF00;
}

/*** Nav bar styles ***/

.navigation{
padding:0px;
position:absolute;
margin-top:168px;
margin-right:0px;
margin-bottom:0px;
margin-left: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;
}