/****************************** General Styles ******************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}

img.bg {
	min-height:100%;
	min-width:1024px;
	width:100%;
	height: auto;
	position:fixed;
	right:0px;
	z-index:-1;
}

.fl {float: left;}
.fr {float: right;}

.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}

h1, h2, h3, h4 {
	font-weight: normal;
}

h1 {
	font-size: 30px;
	text-transform: uppercase;
	color: #8b0304;
}

h2 {
	font-size: 18px;
	color: #8b0304;
	text-transform: uppercase;
}

h3 {
	font-size: 14px;
	color: #8b0304;
	text-transform: uppercase;
}
h4 {
	font-size:12px;
	text-transform:uppercase;
	color: #8b0304;
	
}

a {
	text-decoration: none;
}

em {
	font-size: 11px;
	font-style: italic;
	color: #919295;
}

a:hover {
	text-decoration: none;
}

.noBottomBorder {
	border-bottom: none !important;
	overflow: hidden;
}

.noRightBorder {
	border-right: none !important;
}

p {
	line-height: 1.5em;
	margin: 15px 0;
}





/******************************* Structure Styles *******************************/


#wrapper {
	background:url(../img/bgshadow.png) repeat-y scroll 0% 0% transparent;
	width:1152px;
	background-repeat:repeat-y;

}


div.CenterConteanier {
	width: 1145px;
	margin: 0 auto;
	}
	
	
/**************************** HEADER*************************************/

div#header {
	background:url(../img/Header%20bg.png);
	height:125px;
	width:1140px;
}

div#logo {
	width: 263;
	height: 275;
}

.logo {
	position: absolute;
	z-index:+1;
		}

div#topfr{
	height: 100%;
	padding-top: 30px;
	padding-right:10px;
	float: right;
}


div#fontsizebtn{
	width:auto;
	height:30px;
	padding-bottom:5px;
}

div#emailcontainer{
	height:40px;
	width:auto;
	padding-left: 90px;

}

div#socilpagebar{
	width:200px;
	height:25px;
	margin:0px;
}


.social li {
	float:right;
	padding-left:10px;
}


div#mainheading {
	padding-top: 50px;
	padding-left:0px;
	width:400px;
	margin-left: 260px;
}


/***************************************MAIN NAVIGATION*******************/

div#MainMenu{
	height:60px;
	width:1140px;
	background-color:#8b0304;
}


div#navigationbar{
	position:absolute;
	padding-top: 10px;
	float:left;
	margin-left:250px;
}


div#homebtnicon{
	height:30px;
	width:22px;
	float:left;
	padding-top:px;
}

div#homebtn{
	width: auto;
	height: auto;
	float:left;
	padding:15px 25px 0px 3px;
}

#homebtn a {
	font-size: 15px;
	color:#ffcb08;
}

#homebtn a:hover{
	color:#FFF;
}
	



/*********************************** Flash Container NEED TO ADD ******************************/

div#imgSlider{
	width:1114px;
}

	
	
	
	

/**************************************** Useful Links **************************************/

div#usefulllinks{
	height: 60px;
	width: 1114px;
	background:url(../img/usefullinksbg.png);
}

.links a{
	color:#8b0304;
	}

.links li {
	float:left;
	padding-top: 20px;
	padding-left: 20px;
	}

.links li a:hover {
	color:#FFF;
}

/*************************************CONTENT****************************************/

div#content{
	width: 1114px;


	height:1000px;
}
div#dynamicContainer{
	width: 830px;;
	max-height:1000px;
	float:left;
	overflow-y: auto;
}

div#contentheading{
	width: auto;
	padding-top: 15px;
	padding-bottom:45px;
	height: 10px;
	border-bottom:2px solid #8b0304;
}


.readMoreLink {
	color:#900;
}
/**************************************** Events **************************************/

div#events{
	width: 386px;
	height:auto;
	padding-right:0px;

	float:left;

}

div#aboutcontent{
	width: 386px;
}

div#eventssep {
	width:386px;
}

div#eventbanner{
	width:387px;
	padding-top: 15px;
	padding-bottom: 10px;
}

div#date {
	width: auto;

}

div#subjectheading{
	width: auto;
	height:auto;
}

div#subjectconten{
	width: auto;
	text-align:justify;
	text-justify:inter-word;
}

/**************************************** News **************************************/

div#news{
	width: 390px;
	height:auto;
	float:left;
	margin-left:35px;
	border-bottom:1px solid #DDD;
}

div#newssep{
	display:block;
	height: 168.5px;
	width:390px;
	border-bottom:1px solid #DDD;
	

}

.imgthumnil{
	height: auto;
	width:130px;
	padding-top: 10px;
	float:left;
	

}

	
.newscontent{
	width:240px;
	height: auto;
	float:left;
	margin-left:px;
	padding-left:20px;
	padding-top:6px;
	padding-right: 0px;
	padding-bottom: 5px;
}

/******************************************Sponsor Container ***********************/

div#sponsorcontent {
	width:390px;
	height: auto;
	padding-top:15px;
}

div#sponsorimgthum {
	width: 390px;
	height:auto;
	padding-top:10px;
}


/**************************************** Side Bar **************************************/

div#sidebar{
	width: 254px;
	height:auto;
	margin-left: 30px;
	float:right;

}

div#EventsCalender{
	width:260px;
	height:300px;
	z-index:+10;
}

div#calender{
	width:260px;
	height:auto;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right:0px;
}


/***************************************side Btn ***********************************/


div#sidebtn{
	width:260px;
	padding-top:5px;
	height: 220px;
}


div#joinacobauaebtn{
	width:260px;
	height: 50px;
	margin-top:4px;
	margin-bottom:4px;
	background:url(../img/side%20button%20bkg.png);
}

div#joinacobauaeicon {
	width:40px;
	margin:0px;
	height:30px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}

div#joinacobauaeheading {
	width: 180px;
	height: 30px;
	float:right;
	padding-top:20px;
	
}

#joinacobauaeheading a{
	color:#ffcb08;
	position:absolute;
}

#joinacobauaeheading :hover{
	color:#FFF;
	
}





/**************************************PHOTO GALLERY CONTAINER ************************/
div#photogallery{
	width:260px;
	height: 230px;
}

div#photogalleryimgthumb{
	width: 260px;
	height:150px;
	padding-top:10px;
}

#photogalleryimgthumb:hover{
	opacity:0.6;
}



/**************************************VIDEO GALLERY CONTAINER ************************/


div#Videogallery{
	width:260px;
	height: 230px;
}

div#videogallerythumb{
	width:260px;
	height:150px;
	padding-top:10px;
}

#videogallerythumb:hover{
	opacity: 0.6;
}
	
/**************************************** FOOTER **************************************/

div#footer{
	background:url(../img/footerbkg.png); 
	height:60px;
	width:1152px;
	margin-left:0;
	margin-right:0;
	position: absolute;
	border-top:5px solid #8b0304;
	}


div#footernavbar{
	width:1130px;
	padding-left: 20px;
	float:left;
}


.footernav a{
	color:#8b0304;
	}

.footernav li {
	float:left;
	height: 5px;
	color:#8b0304;
	padding: 5px;
	}


.footernav li a:hover{
	color:#FFF;
}

div#footerCopyrightContainer{
	width:400px;
	height:30px;
	float:left;
	padding-top:10px;
	padding-left:20px;
}


/************************** Start - Drop Down Styles *************************/
#nav{
    list-style:none;
    margin-bottom:10px;
    float:left;
    width:100%;
	z-index:+1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: -5px;
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
	z-index:+1;
}
#nav a{
    display:block;
    padding:5px;
    color:rgb(255, 203, 8);
    background:#8B0304;
    text-decoration:none;
	z-index:+1;
}
#nav a:hover{
    color:#fff;
    background:#8B0304;
	z-index:+1;
}

#nav ul{
    background:#fff;
    background:rgba(255,255,255,0); 
    list-style:none;
    position:absolute;	
	z-index:+1;
    left:-9999px; 
}
#nav ul li{
    padding-top:1px; 
    float:none;
	z-index:+1;
}
#nav ul a{
    white-space:nowrap; 
	z-index:+1;
}
#nav li:hover ul{ 
    left:0;	
	z-index:+1;
}
#nav li:hover a{ 
    background:#8B0304;
	z-index:+1;
}
#nav li:hover ul a{ 
    text-decoration:none;	
	z-index:+1;
}
#nav li:hover ul li a:hover{ 
    background:#8B0304;
	z-index:+1;
}

/************************** End - Drop Down Styles *************************/