/* The above portion starts from there is the basic template which is going to be followed in the whole project. It contains styling for logo, menu, search, bottom logo and footer*/
body, html {padding:0; margin:0}
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('fonts/HelveticaNeueLTStd-Lt.eot');
    src: url('fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
         url('fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
   }
  /*@font-face
{
font-family: HelveticaNeueLight;
src: url("fonts/HelveticaNeueLTStd-Lt.eot");
  src: local("☺"),
  url("fonts/HelveticaNeueLTStd-Lt.svg") format("svg"),
  url("fonts/HelveticaNeueLTStd-Lt.woff") format("woff"),
  url("fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"),
  url("fonts/HelveticaNeueLTStd-Lt.otf") format("opentype");
}*/
@font-face {
    font-family: 'HelveticaNeueLightNav';
    src: url('fonts/HelveticaLTStd Roman.eot');
    src: url('fonts/HelveticaLTStd Roman.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaLTStd Roman.woff') format('woff'),
         url('fonts/HelveticaLTStd Roman.ttf') format('truetype'),
         url('fonts/HelveticaLTStd Roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
   }
 /* @font-face
{
font-family: HelveticaNeueLightNav;
 font-size:10px;
src: url("fonts/HelveticaLTStd Roman.eot");
  src: local("☺"),
  url("fonts/HelveticaLTStd Roman.svg") format("svg"),
  url("fonts/HelveticaLTStd Roman.woff") format("woff"),
  url("fonts/HelveticaLTStd Roman.ttf") format("truetype"),
  url("fonts/HelveticaLTStd Roman.otf") format("opentype");
 
}*/
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('fonts/HelveticaLTStd Bold.eot');
    src: url('fonts/HelveticaLTStd Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaLTStd Bold.woff') format('woff'),
         url('fonts/HelveticaLTStd Bold.ttf') format('truetype'),
         url('fonts/HelveticaLTStd Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
   }
 /* @font-face
{
font-family: HelveticaNeueBold;
src: url("fonts/HelveticaLTStd Bold.eot");
  src: local("☺"),
   url("fonts/HelveticaLTStd Bold.svg") format("svg"),
  url("fonts/HelveticaLTStd Bold.woff") format("woff"),
  url("fonts/HelveticaLTStd Bold.ttf") format("truetype");

}*/

body {
    background:#E8F7F9 url(Images/Background.jpg);
    background-position: -2px -2px;
    background-size:102%;
    -moz-background-size: 102%;
    background-color:#4e0104;
    background-repeat:no-repeat;
    font-family:HelveticaNeueLight;
}
.whitestrokesearch
{
    background-image:url("Images/calendergrad.PNG");
 background-position:left;
 background-repeat:no-repeat;
 height:310px;
 width:940px;
 z-index:-1;
 position:absolute;
 margin-top:52px; 
}

.whitestroke
{
 /*background-image:url("Images/test.PNG");
 background-position:left;
 background-repeat:no-repeat;*/

 z-index:-1;
 position:absolute;

}
.whitestroke img
{
       height: 367px;
 opacity:0.75;   
filter:alpha(opacity=75); /* For IE8 and earlier */
    width: 938px;
}

.whitestrokebg
{
 /*background-image:url("Images/test.PNG");
 background-position:left;
 background-repeat:no-repeat;*/

 z-index:-1;
 position:absolute;
}
.whitestrokebg img
{
       height: 367px;
   
    width: 938px;
    opacity:0.75;
}
#nav ul li .selected
{
    
font-family:HelveticaNeueBold;
}
#nav li + li {
    background:url("Images/seperator.png") no-repeat scroll 5px center / 3px auto transparent;
    padding-left: 10px
}
#dnn_pnav > li > ul > li
{
    background:none;
    padding:0px;
}
#dnn_pnav li ul li a {background:none; border:0;}
#dnn_pnav li a:hover {    background-color: #333333; border: 1px solid white; padding-right: 2px !important; border-bottom:0px;}
#dnn_pnav > li:hover > a{background-color: #333333; border: 1px solid white; padding-right: 2px !important; border-bottom:0px;}
#dnn_pnav > li:hover > span{background-color: #333333; border: 1px solid white; padding-right: 2px !important; border-bottom:0px;}
#dnn_pnav li ul li a:hover {background:none; border:0; padding-right: 0px !important;}

#nav>ul>li .selected
{
    
   
}
/* Wrapper defines the width of my page */
#wrapper 
{
    margin:0 auto;
    width:940px;
}
/* contains the content which is going to be placed within my content page, exclude footer.*/
.ContentDiv
{
     width:940px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
/*define the padding for and width for header content like logo, menu, social icons, all this stuff is going to be placed under this header class */
.Header
{
    width:100%;
   
}
.Header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height:0;}
/*Logo of my page*/
#logo { float: left; width:270px;}
#logo.logo { width: 200px; }

/*Defines all the stuffs width hover etc of the menu*/

input[type="search"]
{
padding: 9px;
margin-bottom:0px; 
background: #f3f3f3;
border:1px solid #bfbfbf;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
color:#666;
font-size:13px;
}
	
#search 
{
	    float: left; 
	    width:240px;
	    
	    margin-top:21px;
	    margin-left:202px;
    }
#search.search { margin-left: 272px; }
     #search a.SearchButton:link,
a.SearchButton:link, a.SearchButton:visited 
{
		    display:inline-block;
		    float: right;
	        height:20px; width:70px;
		    margin: 0;	padding:0;
		    background: url("Images/search.png") no-repeat scroll center center transparent;
		    text-indent:-9999px;
		   
}
#search a.SearchButton.google-search { float: none; vertical-align: text-bottom; }
#search a.SearchButton.disabled { background: url("Images/search_disabled.png") no-repeat scroll center center transparent; }
	

	
	.facebook
	{
	    float:left;
	    width:20px;
	    height:20px;
	    margin-top:20px;
	    margin-left:20px;
    box-shadow: 1px 2px 3px -2px #232323;
    -moz-box-shadow: 1px 2px 3px -2px #232323;
    -webkit-box-shadow: 1px 2px 3px -2px #232323;
    
	    background-image: url(Images/facebook.png);
	        background-repeat:no-repeat;
	     
	}
	.facebookbg
	{
	    background-image: url(Images/bg.png);
	        background-repeat:no-repeat;
	        height:20px;
	        width:20px;
	        position:absolute;
	        margin-left:733px;
	        z-index:-1;
	        margin-top:22px;
	        width:20px;
	        display:none;
	}
	.twitter
	{
	     float:left;
	    width:19px;
	    height:20px;
	    margin-top:20px;
	    margin-left:5px;
	   
 box-shadow: 1px 2px 3px -2px #232323;
    -moz-box-shadow: 1px 2px 3px -2px #232323;
    -webkit-box-shadow: 1px 2px 3px -2px #232323;

	    background-image: url(Images/twitter.png);
	    background-repeat:no-repeat;
	}
		.twitterbg
	{
	    background-image: url(Images/twitterbg.png);
	        background-repeat:no-repeat;
	        height:20px;
	        
	        position:absolute;
	        margin-left:757px;
	        z-index:-1;
	        margin-top:21px;
	        width:20px;
	        display:none;
	}
	.govlogo
	{
	     float:left;
	    width:143px;
	    height:24px;
	    margin-top:15px;
	    margin-left:15px;
	    background-image: url(Images/GovLogo.png);
	    background-repeat:no-repeat;
	}
	
/*Menu css*/

#nav {
    /* left:15px/9; */
    top: -20px;
    font-family:HelveticaNeueLightNav;
    right:3px;
	text-transform:uppercase;    
	float:right;
    position:relative;

    }
#nav.nav { top: 0px; right: 0px; position: static; margin-top: 21px; margin-right: 3px; }
    #dnn_pnav li a
    {
        text-shadow: 1px 1px 1px #000;
    }
    #nav strong
    {
        margin-left:5px;
        margin-right:5px;
        font-family:HelveticaNeueLight;
    }
	
	#dnn_pnav li { 
		position:relative; 
		list-style:none;
		margin: 0;
	}
	
	#dnn_pnav li ul {
		margin-left:15px;
	}
	
	#dnn_pnav > li {
		float:left;
		height:30px;
		padding-top:5px;
		margin-right:1px;
		font-family:HelveticaNeueLightNav;
	}

	#nav.nav #dnn_pnav > li { height: 29px; }
	#dnn_pnav > li:first-child {padding-left:10px;}
	#dnn_pnav > li > a, #dnn_pnav > li > span {
		display:block;
		padding:5px 4px 5px 5px;
		font-size:12px;
		
		color:white;
		text-decoration:none;		
		
	}

	#dnn_pnav > li > span{
		cursor: default;
	}
	#dnn_pnav myclass ul li.selected
	{
	    font-weight:bolder !important;
	    font-family:HelveticaNeueBold;
	 
	}
	/*#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a  {	color:White;}
	#dnn_pnav > li:hover > a:active { color:white;font-weight:bold;}
	#dnn_pnav > li:hover > span { color:white;font-weight:bold;}*/

	/* Secondary level */
	#dnn_pnav > li ul {  /* Styles for all sub levels */
		display:none;
		position:absolute;
		z-index: 99999;
		width:225px;
		padding: 0;
		background:#474848;
		

    filter: alpha(opacity=90);
    opacity: 0.95;   

    

		
		border: 1px solid #cbcbcb;
		/* CSS3 */
		border-radius: 0px;
		/*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:			 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		
	}
	
	#dnn_pnav li:hover > ul { 
		display:block;
	}
	
	#dnn_pnav > li > ul { /* styles specific to secondary level */
		top:34px; 
		left:-5px; 
		padding: 15px 5px;
		color:White;
		width:171px;
		font-family:HelveticaNeueLightNav;
		border:1px solid white;
	}


	#dnn_pnav > li > ul:after {
		position:absolute;
		top:-8px; 
		left:20px;
		content:'';
		width:0px; 	
		height:0px; 
		border-left:15px solid transparent;  /* left arrow slant */
		border-right:15px solid transparent; /* right arrow slant */
		/*border-bottom:6px solid #F5F7F7;  bottom, add background color here */
		font-size:0px;
		line-height:0px;
		z-index:999;
		opacity:0.70;
	}

	#dnn_pnav > li ul a, #dnn_pnav > li ul span {
		display:block;
		padding: 3px 15px;
		color:#ffffff;
		font-size: 11px;
		font-weight: normal;
		text-decoration:none;
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
		
		text-shadow:0px 0px 0px #000000;
		
	}

	#dnn_pnav > li ul span{
		color: #666;
		cursor: default;
	}

	#dnn_pnav  ul li:last-child > a { }
	/*#dnn_pnav > li > ul li:hover > a {
		color:White;
		font-weight:bold;
		
	}
	*/
	/* Tertiary level */
	#dnn_pnav li ul li ul {
		left:225px; 
		top:-8px;
		padding: 15px 5px;
		border-left: 1px solid #ddd;
	}
	
/*Bottom logo outside wrapper Contains text: "Its all about jube" */
.bottomlogo
{

	    width:38%;
	    height:98px;
	   clear:both;
	    margin-top:111px;
        position:relative;
	    background: url(Images/jubebottom1.png) no-repeat ;
	   float:right;
        overflow:hidden;
}
/*Contains style for the content going to be placed in footer*/
.footer
	{
	   
	    
	    height:45px;
	    clear:both;
	    background-image: url(Images/footer-grey-bar.png);
	    text-align:left;
	   bottom:0px;
	    border-top: 2px solid white;
	    width:100%;
	    font-family:HelveticaNeueLightNav;
	     box-shadow: 1px 2px 3px -2px #232323;
    -moz-box-shadow: 1px 2px 3px -2px #232323;
    -webkit-box-shadow: 1px 2px 3px -2px #232323;
    
	}

	
/*William joseph logo to be placed on footer right side*/
	.wjlogo
	{
	     width:133px;
	    height:22px;
	    float:right;
	    margin:0;
	    padding:0;
	    display:inline;
	 clear:both;
	    background-image: url(Images/wjlogo.png);
	}
/*li styling to be applied to footer menus*/

ul
{
list-style-type:none;
margin:0;
padding:0;

color:White;
} 
li { display:inline; margin-top:10px}

.footer a  
{
    text-decoration:none;
    color:White;
    margin-right:11px;margin-left:11px;
    font-size:12px;
 }
 /*This slider jquery css is going to be used on multiple pages so i have included it over there*/
 /*------------------------------------------------*/
/* Slide jquery
/*------------------------------------------------*/
    #container {
	    position:relative;
	    z-index:0;
	    width:940px;
	    padding:0px;
	   
	    height:354px;
	
    }

    #example {
	    position:relative;
	    width:940px;
	    height:380px;
	}

    /* Slide -*/
    #slides {
	    position:absolute;
	    z-index:999;
	    top:0px; left:0px;
    }

    .slides_container {
	    display:none;
	    position:relative;
	    width:940px;
	    overflow:hidden;
    }

  

    .slides_container a img {
	    display:block;
    }
 .slides_container a {
	  display:block;
	    width:940px;
	    height:355px;
	}

    .slides_container a img {
	    display:block;
    }
    /* Next/Prev buttons 
    -------------------------------------*/
    #slides .next, #slides .prev {
	    display: block;
        position: absolute;	   
	    width: 20px; height: 20px;
	    bottom: 9px; left: 12px;
	    padding: 0;
	    z-index:12;
    }

    #slides .prev {  background: transparent url('images/left-arrow.png') center center no-repeat;  }
    #slides .next {	left:96px;  background: transparent url('images/right-arrow.png') center center no-repeat; }

    /* Page link -*/
    .pagination_wrap { 
	    display: inline-block;
	    position: absolute;
	    z-index: 10;
	    bottom: 0; right: 0;
	    width: 128px; height: 40px;
	    opacity: 0.8;
	    background-color: #222;
	    margin: 26px 0;
    }
    .pagination {
	       
	       float:right;
    
    margin-top: -31px;
    position: relative;
    z-index:999;
    right:35px;
    }
    

    .pagination li {
	    float:left;
	    margin:0 3px;
	    list-style:none;
    }

    .pagination li a {
        float:left;
	    display:block;
	    width:9px; height:0;
	    padding-top:8px;
	    background-image:url(images/pagination.png);
	    background-position:0 0;
	    overflow:hidden;
    }

    .pagination li.current a {
	    background-position:0 -9px;
    }
    /*declared it there for special purpose, text in h10 tag will have black background etc*/
 h3
{
   font-size:15px;
	font-weight:bold;
	font-family:arial;
	background:black;
	color:#ffffff;
	margin:0 0 10px 0;
	padding:5px;
	line-height:18px;
	border-bottom:1px solid white;
	
}
 h3 a
 {
     text-decoration:none;
     color:White !important;
 }
 h3 a span
 {
     text-decoration:none;
     color:White;
 }
  h3 a:hover
 {
     text-decoration:none;
     color:White;
 }
.clear
{
    clear:both;
}

/*css for rotating slider/carousel*/
#carousel {

	
	margin: 40px auto 0 auto;
	/*border: 2px solid #aaa;*/
	
}

.ic_left_nav img
{
    height: 32px;
    width: 32px;
}

.ic_right_nav img
{
    height: 32px;
    width: 32px;
}
/*The basic styling ends here, below is the styling for pages.*/

/*This section contains styling for jube home page.*/

/*Styling for main big slider*/

.slider
{
    
    float:left;
    width:940px;
   
   height:367px;
 display:inline-block;

border-bottom:0; 

   /* background-image:url("Images/test.PNG");
 background-position:left;
 background-repeat:no-repeat;*/
 
}
/*.slider
{
    margin-top:85px\9;
    filter: alpha(opacity=70)\9;
    
}*/

.slider img
{
   
  height: 365px;
    margin-left: 2px;
    margin-top: 4px;
    width: 935px;


    
}

/*.slider > div { background: #fff; }*/

/*elements to generate gradient border for slider*/
/*.slider { position: relative; border-top: 1px solid white; } 
.slider:before, .slider:after { content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(transparent)); background-image: -webkit-linear-gradient(#FFFFFF, transparent); background-image: -moz-linear-gradient(#FFFFFF, transparent); background-image: -o-linear-gradient(#000, transparent); top: 0px; bottom: 0px; width: 1px; } 
.slider:before { left: -1px; } 
.slider:after { right: 0px; }*/

/*Defines html table, to be used in positioning element in vertical position*/
table, td, th, tr
{
    border-collapse: collapse;
    clear:both;
   
}

/*Styling for pane below the main slider*/
.ContentPaneleft
{
    width:448px;
    
   height:157px;
   float:left;
   margin-top:-10px;
   
   
   
}
.ContentPaneleft img
{
    width:449px;
    height:155px;
    z-index:0 !important;
}
.ContentPaneleft h3
{
    width:439px;
}

.ContentPaneleft a
{
    color:White;
    font-weight:bold;
    z-index:0 !important;
}
.ContentPaneleft a:hover
{
    text-decoration:none;
    
}

  .ContentPaneleft .pagination 
  {
            float:right;
    
    margin-top: -17px;
    position: relative;
    z-index:999;
    right:20px;
	  
    }
.ContentPaneleft .slides_container
 {
     width:450px;
     height:155px;
 }
.marginclassfirst
{
      color: white;
    
    margin-top: -33px;
    position: absolute;
    z-index: 999;
}
.contentpaneleftbottom a:hover
{
    color:White;
}
.contentpaneleftbottom a:visited
{
    color:White;
}

.marginclasssecond
{
      color: white;
    font-size:15px;
    margin-top: -33px;
    position: absolute;
    z-index: 999;
}

.marginclassthird
{
      color: white;
    font-size:15px;
    margin-top: -33px;
    position: absolute;
    z-index: 999;
}


.contentpaneleftbottom
{
    width:428px;
   float:left;
min-height:109px;
   background-color:#2e0002;
 font-size:15px;
   box-shadow: 0px 5px 7px #2e0002;
   margin-top:20px;
   padding:10px;
font-family:arial;

}
.contentpaneleftbottom a
{
    text-decoration:none;
    font-weight:bold;
}
.contentpaneleftbottom h3
{
   color: White;
    height: 20px;
    margin: -40px -10px 10px;
    opacity: 0.75;
    width: 439px;
}

.contentpanemidbottom h3
{
    margin:-40px -10px -13px;
    width:212px;
    margin-bottom:10px;
    color: white;
    height: 20px;
   
    opacity: 0.75;
   
}
.contentpanemidbottomhome h3
{
   color: white;
    height: 20px;
    margin: -40px -10px 10px;
    opacity: 0.75;
    width: 212px;
}
.ContentPaneRightbottom h3
{
     color: white;
    height: 20px;
    margin: -40px -10px 10px;
    opacity: 0.75;
    width: 220px;
}
.marginclass
{
    margin-top:-107px !important;
}
.ContentPaneMid
{
    width:222px;
    height:157px;
    margin-left:30px;
    float:left;
    margin-top:-5px;
    
}

.ContentPaneMid img
{
    height:155px;
    width:222px;
}
.contentpanemidbottom
{
    
   width:202px;
  min-height:109px;
   margin-left:470px;
   float:left;
   background-color:#2e0002;
   font-family:arial;
   box-shadow: 0px 5px 7px #2e0002;
   margin-top:14px;
   padding:10px;
color:White;

}
.contentpanemidbottom .Normal
{
    color:White;
}
.contentpanemidbottom a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
.contentpanemidbottom a:hover
{
   
    text-decoration:none;
}

/*for home*/
.ContentPanelBottom
{
    position: relative;
    width: 225px;
    height: 155px;
    margin: 0px 5px;
}
.ContentPanelBottom.first { margin-left: 0px; }
.ContentPanelBottom.last { margin-right: 0px; }
.ContentPanelBottom .header
{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    z-index: 100;
    margin: 0px;
    padding: 0px;
}
.ContentPanelBottom .header .header-inner
{
    padding: 5px;
    text-indent: 5px;
}

.ContentPanelBottomText
{    
    width:225px;
    min-height:109px;
    margin: 0px 5px;
    background-color:#2e0002;
    box-shadow: 0px 5px 7px #2e0002;
    color:White;
    font-family:arial;
}
.ContentPanelBottomText.first { margin-left: 0px; }
.ContentPanelBottomText.last { margin-right: 0px; }
.ContentPanelBottomText .DNNModuleContent { padding: 10px; }
.ContentPanelBottomText .DNNModuleContent p { color: #ffffff; }
.ContentPanelBottomText .DNNModuleContent a { color: #ffffff; font-weight: bold; }

.ContentPaneMidhome
{
    width:222px;
    height:157px;
    margin-left:18px;
    float:left;
    margin-top:-7px;
    
}
.ContentPaneMidhome img
{
    height:155px;
    width:222px;
}
.contentpanemidbottomhome
{
    
   width:202px;
  min-height:109px;
   margin-left:18px;
   float:left;
   background-color:#2e0002;
  
   box-shadow: 0px 5px 7px #2e0002;
   margin-top:20px;
   padding:10px;
color:White;
font-family:arial;
}
.contentpanemidbottomhome .Normal
{
    color:White;
}
.contentpanemidbottomhome a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
.contentpanemidbottomhome a:hover
{
   
    text-decoration:none;
}

.ContentPaneRight
{
    width:230px;
    height:157px;
    float:left;
 margin-left:15px;
 margin-top:-7px;
 
}
.ContentPaneRight img
{
    height:155px;
    width:230px;
}
.ContentPaneRightbottom
{
   width:210px;
   min-height:109px;
  margin-left:15px;
   float:left;
   background-color:#2e0002;
  font-family:arial;
  box-shadow: 0px 5px 7px #2e0002;
  margin-top:20px;
  padding:10px;
  color:White;
}
.ContentPaneRightbottom .Normal
{
    color:White;
}
.ContentPaneRightbottom a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
/*changing color of content to be placed inside below 3 sections*/
#dnn_ctr478_HtmlModule_lblContent
{
    color:White;
}
#dnn_ctr478_HtmlModule_lblContent a
{
    color:White;
    font-weight:bold;
   
}
#dnn_ctr478_HtmlModule_lblContent a:hover
{
    color:White;
    font-weight:bold;
    text-decoration:underline;
}
#dnn_ctr479_HtmlModule_lblContent
{
     color:White;
}
#dnn_ctr479_HtmlModule_lblContent a
{
     color:White;
    font-weight:bold;
}
#dnn_ctr479_HtmlModule_lblContent a:hover
{
     color:White;
    font-weight:bold;
    text-decoration:underline;
}
#dnn_ctr480_HtmlModule_lblContent
{
    color:White;
}
#dnn_ctr480_HtmlModule_lblContent a
{
   color:White;
    font-weight:bold;
}
#dnn_ctr480_HtmlModule_lblContent a:hover
{
   color:White;
    font-weight:bold;
    text-decoration:underline;
}
/*CSS for jube home page is completed, if addition is to be made for home page please include it in above section*/

/*Styling starts for performance  page */

/*very first we have 2 divs used to toggle content for northern and southern location, below is the css*/

a.northerndiv, a.northerndiv:visited { text-decoration: none; }
a.southerndiv, a.southerndiv:visited { text-decoration: none; }
.northerndiv
{
    width:100%;
    float:left;
    clear:both;
height:40px;
    
    background-image: url("Images/newbg.png");
    /*background-image: url("Images/northerlogodiv.png"), url("Images/divgrad.jpg");*/
    background-repeat:no-repeat;
    background-position:center;
  

    -moz-border-radius: 15px;

    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;

    
}
.northerndiv span { display: block; margin-top: 12px; text-align: center; color: #cccccc; }
/*these 2 classes belongs to bg of north south toggle, one class is for active and other for de active*/
.locationwrapper{margin-top:1px;}
body.Page-Performances .locationwrapper { position: relative; }
.backgroundnortherndeactive
{
    background: url("Images/deactivebg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
height: 40px;
    margin-left: 2px;
    width: 470px;
    float:left;
   
}
.backgroundnorthernactive
{
    background: url("Images/activebg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
height: 40px;
    margin-left: 2px;
    width: 470px;
    float:left;
}
.backgroundnorthernactive a.northerndiv span { font-weight: bold; color: #ffffff; }
.divgrad
{
    background-image:url("Images/divgrad.jpg");
    background-repeat:no-repeat;
    background-position:center;
    width:1px;
}
.southerndiv
{
    width:470px;
    float:right;
   
height:40px;      /*background-color:#5B5B5B;*/
       background-image: url("Images/logoforsouthern.png");
    background-repeat:no-repeat;
    background-position:center;
      -moz-border-radius: 15px;
      text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;

 
    
     
}
.southerndiv span { display: block; margin-top: 12px; text-align: center; color: #cccccc; }
/*these 2 classes belongs to bg of north south toggle, one class is for active and other for de active*/
.backgroundsoutherndeactive
{
    background: url("Images/deactivebg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    height: 40px;
     width: 465px;
     float:left;    
}
.backgroundsouthernactive
{
    background: url("Images/activebg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
height: 40px;
    float:left;
    width: 465px;    
}
.backgroundsouthernactive a.southerndiv span { font-weight: bold; color: #ffffff; }
/*Black screen on page load from where we select our part i.e navigation northern or southern*/
/*.perfintroscreen
{
    
    width:934px;
    height:383px;
    float:left;
    padding:20px 0;
    z-index: 2;
    position:absolute;
    margin-top:96px;
 background:Black url("Images/line.png");
 background-repeat:no-repeat;
 background-position:center;
     filter: alpha(opacity=90);
   opacity:0.95;
   margin-left:2px;
  
}*/
.testnew
{
    z-index:-1;
    height:365px;
 background-image:url("Images/test.PNG");
 background-position:left;
 background-repeat:no-repeat;
 width:100%;


}
.bgimage
{
    width:942px;
    height:315px;
    float:left;
    padding:20px 0;
    z-index: 1;
    position:absolute;
    margin-top:96px;
background-image:url("Images/mainborder.PNG");
 border-top:1px solid white;
    
}
/*northern and southern logos which we are overlaying on our banner and as well on black screeen*/
.northernlogooverlay
{
    background-image: url("Images/northernperfintro.png");
    background-repeat:no-repeat;
    background-position:center;
    width:145px;
    position:absolute;
    height:129px;
    z-index:2;
    margin-top:240px;
    margin-left:150px;
    
}
body.Page-Performances .northernlogooverlay { top: 100px; right: 30px; margin: 0px; }
.northernlogooverlayedit
{
     background-image: url("Images/northernperfintro.png");
    background-repeat:no-repeat;
    background-position:center;
    width:155px;
    position:absolute;
    height:129px;
    z-index:2;
    margin-top:530px;
    margin-left:70px;
}
.souhternlogooverlayedit
{
    background-image: url("Images/southernperfintro.png");
    background-repeat:no-repeat;
    background-position:center;
   margin-left:80px;
    width:150px;
    position:absolute;
    margin-top:585px;
     height:71px;
     z-index:2;
}
.souhternlogooverlay
{
      background-image: url("Images/southernperfintro.png");
    background-repeat:no-repeat;
    background-position:center;
   margin-left:640px;
    width:150px;
    position:absolute;
    margin-top:300px;
     height:71px;
     z-index:2;
}
body.Page-Performances .souhternlogooverlay { top: 100px; right: 30px; margin: 0px; }
/*declaring banners for northern and southern part*/

/*this is css for northern banner*/
.sliderperf
{
    width:935px;
    height:243px;
    float:left;
    padding: 0 0;
    z-index:-1;
    margin-left:2px;
}
.sliderperf img
{
    width:935px;
    height:243px;
}
/*this is css for southern banner*/
.sliderperfsouthern
{
    width:935px;
    height:243px;
    float:left;
    padding: 0 0;
    margin-left:2px;
    }
.sliderperfsouthern img
{
     width:935px;
    height:243px;
}
/*css for gallery below slider*/
.gallperf
{
    width:936px;
    height:140px;
    margin-top:-10px;
   background-color:White;
   clear:both;
    z-index:999;
    margin-left:1px;
}

/*.gallperf img
{
   width:469px;
  padding:0px 3px 0px 3px;
   height:130px;
  margin:0px;
  
   clear:both;
}*/

.whitebackgroundperf
{
     width:940px;
    height:140px;
    background-color:White;
    margin-top:388px;
    margin-left:1px;
}
.contentpaneperf
{
    width:420px;
   height:257px;
   float:left;
   margin-top:15px;
   margin-left:20px;
   font-family:arial;
}
.contentpaneperf a
{
    
    color:White;
    text-decoration:none;
}
.contentpaneperf h2
{
    margin-top:15px !important;
    margin-bottom:5px !important;
}
.override
{
    width:448px;
}
.override .contentpaneleftbottom
{
    width:448px;
   float:left;
    height:auto;
   background-color:#2e0002;
   border-top:0px;
  
}
#dnn_ctr492_HtmlModule_lblContent
{
    color:White;
    padding:5px;
}
.MainContent
{
    margin-top:10px;
}

/*css for info page*/

/*Main banner/slider of the page*/
.sliderinfo
{
 float:left;
    width:100%;
   padding: 0px 0;
   height:280px;
border-bottom:0;
   filter: alpha(opacity=90);
   opacity: .7;  
   margin-top:0px;    
}
.sliderinfo img
{
    width:940px;
    height:280px;
}
/*i am leaving the background image url to null as this is the requirements of the customer that the banner should gets changed only on page load, so i am hiding the 
next and prev button, i have stopped autoslide from jquery*/

.sliderinfo .pagination li a {
	    background-image:url("");
    }
/*css for fading border of main slider */
.sliderinfo { position: relative; border-top: 1px solid white; } 
.sliderinfo:before, .sliderinfo:after { content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(transparent)); background-image: -webkit-linear-gradient(#FFFFFF, transparent); background-image: -moz-linear-gradient(#FFFFFF, transparent); background-image: -o-linear-gradient(#000, transparent); top: 0px; bottom: 0px; width: 1px; } 
.sliderinfo:before { left: -1px; } 
.sliderinfo:after { right: 0px; }

/*picture on left side below slider*/
.picleft
{
    float:left;
    width:314px;
    height:263px;
    
    border:1px solid white;
    border-left:0;
}
.picleft img
{
    height:263px;
    width:314px;
}
.rightmaincontent
{
    float:right;
    width:626px;
    height:575px;
    color:Black;
    background-color:White;
    
    margin-left:313px;
    display:block;
    /*Use of negative margin: because i was not finding anyother way to vertically allign an element */
    margin-top:-265px;
}
/*css for the gradient effect below the left image*/
.bottomeffect
{
      background: #4e3e3e; /* Old browsers */
background: -moz-linear-gradient(top,  #4e3e3e 0%, #4d3535 37%, #4e1b1d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e3e3e), color-stop(37%,#4d3535), color-stop(100%,#4e1b1d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4e1b1d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4e1b1d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4e1b1d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e3e3e 0%,#4d3535 37%,#4e1b1d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e3e3e', endColorstr='#4e1b1d',GradientType=0 ); /* IE6-9 */
  float:left;
  width:314px;
  height:308px;
  border-left:0;
 margin-top:-310px;
}

/*changed the logo margin-top property to create effect for white content and logo (curve)*/
.bottomlogoinfo
{
    width:38%;
	height:99px;
	clear:both;
	right:0px;
	bottom:0px;
    float:right;
    position:relative;
	background: url(Images/jubebottom1.png) no-repeat ;
	margin-top:-99px;
}

/*css for jube interactive page*/

.sliderinteractive
{
   float:left;
    width:100%;
   padding: 0px 0;
   height:280px;
border-bottom:0;
z-index:1;
 filter: alpha(opacity=90);
   
   margin-left:1px;

}
.sliderinteractive .slides_control
{
    height:280px !important;
}
.sliderinteractive img
{
     height: 280px;
    margin-left: 1px;
    margin-top: 1px;
    width: 935px;
    
  

   
    
  
    
}
/*i am leaving the background image url to null as this is the requirements of the customer that the banner should gets changed only on page load, so i am hiding the 
next and prev button, i have stopped autoslide from jquery*/

.sliderinteractive .pagination li a {
	    background-image:url("");
    }
/*css for fading border of main slider 
.sliderinteractive { position: relative; border-top: 1px solid white; } 
.sliderinteractive:before, .sliderinteractive:after { content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(transparent)); background-image: -webkit-linear-gradient(#FFFFFF, transparent); background-image: -moz-linear-gradient(#FFFFFF, transparent); background-image: -o-linear-gradient(#000, transparent); top: 0px; bottom: 0px; width: 1px; } 
.sliderinteractive:before { left: -1px; } 
.sliderinteractive:after { right: 0px; }
*/
/*css to generate gradient left bar*/
.lefteffectinterctive
{
   background: #4e3e3e; /* Old browsers */
background: -moz-linear-gradient(top,  #4e3e3e 0%, #4d3535 37%, #4E0104 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e3e3e), color-stop(37%,#4d3535), color-stop(100%,#4E0104)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e3e3e', endColorstr='#4e1b1d',GradientType=0 ); /* IE6-9 */
  float:left;
  width:313px;
  height:866px;
  border-left:0;

 border-top:1px solid white;
 bottom:0px;
 margin-left:1px;
}
.rightmaincontentinteractive
{
    float:right;
    width:574px;
    min-height:205px;
    
    background-color:White;
   margin-right:1px;
  
    display:block;
 padding-left: 25px;
    padding-right: 25px;
    padding-top: 12px;
}
.rightmaincontentinteractive P
{
color: #414042;
    font-family: Arial;
}   
    
.rightmaincontentinteractive H2
{
    font-size:33px;
   color:#414042;
   margin-top:9px;
   font-weight:normal;
}
.enews
{
background-color: #361F21;
    color: White;
    float: left;
    margin-left: -270px;
    margin-top: 150px;
    min-height: 130px;
    position: relative;
    top: 0;
    width: 227px;
    z-index: 999;
      box-shadow: 0px 3px 3px -2px #232323;
    -moz-box-shadow: 0px 3px 3px -2px #232323;
    -webkit-box-shadow: 0px 3px 3px -2px #232323;
    font-family:Arial;
}
.enews a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
.enews a:hover
{
    text-decoration:none;
    color:White;
}
.enews h3
{
    color:White;
}
.contactus
{
      background-color: #361F21;
    color: White;
    float: left;
    margin-left: -270px;
    margin-top: 305px;
    min-height: 131px;
    position: relative;
    top: 0;
    width: 227px;
    z-index: 999;
  box-shadow: 0px 3px 3px -2px #232323;
    -moz-box-shadow: 0px 3px 3px -2px #232323;
    -webkit-box-shadow: 0px 3px 3px -2px #232323;
    font-family:Arial;
}
.contactus p
{
    
}
.contactus a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
.contactus a:hover
{
    text-decoration:none;
    color:White;
}
.contactus h3
{
    color:White;
}
/*below is css for 4 banners with rollovers on white background*/
.thumbnailsinter
{
     float:right;
    width:574px;
    min-height:270px;
    color:Black;
    background-color:White;
    margin-right:1px;
  padding-left:25px;
  padding-right:25px;
    display:block;
    padding-bottom:99px;
}

.jubeaccess
{
    width:135px;
    height:93px;
   
    z-index:999;
   
}
.jubeaccess img
{
    height:75px;
    width:135px;
}
.jubeaccess a
{
    text-decoration:none;
}
.jubeaccess h3
{
    font-size:11px;
}
.jubeaccess h3 span
{
    position:absolute;
    bottom:0px;

}
.jubeaccesshidden
{
     width:125px;
    height:auto;
    float:left;
    z-index:999;
   color:White;
    background-color:#717575;
    display:none;
    margin-top:10px;
    padding:5px;
   
}
#dnn_ctr519_HtmlModule_lblContent
{
    color:White;
}
#dnn_ctr498_HtmlModule_lblContent
{
     color:White;
    }
.jubeaccesshidden a
{
    text-decoration:none;
    color:White;
}

.jubescene
{
    float: left;
    height: 93px;
    margin-left: 149px;
    margin-top: -93px;
    position: absolute;
    width: 135px;
    z-index: 999;

}
/*#dnn_ctr521_HtmlModule_lblContent
{
    color:White;
}*/
#dnn_ctr499_HtmlModule_lblContent
{
    color:White;
}
.jubescene img
{
    height: 75px;
    margin-left: 0.2px;
    width: 134.8px;
}
.jubescene a
{
    text-decoration:none;
    color:White;
}
.jubescene h3
{
    font-size:11px;
	margin-left:1px;
}
.jubescenehidden
{
      background-color: #717575;
    float: left;
    height: auto;
    margin-left: 150px;
    margin-top: 10px;
    position: absolute;
    width: 125px;
    z-index: 999;
    display:none;
 padding:5px;   
}
.jubescenehidden a
{
    text-decoration:none;
    color:White;
}
#dnn_ctr499_ModuleContent
{
    color:White;
}
.jubetimeline
{
       float: left;
    height: 93px;
    margin-left: 300px;
    margin-top: -93px;
    position: absolute;
    width: 135px;
    z-index: 999;
}
.jubetimeline img
{
   height: 75px;
    width: 136px;
}
.jubetimeline a
{
    text-decoration:none;
    color:White;
}
#dnn_ctr500_HtmlModule_lblContent
{
    color:White;
}
.jubetimeline h3
{
    font-size:11px;
}
.jubetimelinehidden
{
       background-color: #717575;
    display: none;
    float: left;
    height: auto;
    margin-left: 300px;
    margin-top: 10px;
    width: 125px;
    z-index: 999;
    position:absolute;
    padding:5px;
}
.jubetimelinehidden a
{
    text-decoration:none;
    color:White;
}
#dnn_ctr523_HtmlModule_lblContent
{
    color:white;
}
#dnn_ctr499_HtmlModule_lblContent
{
    color:White;
}
.jubetube
{
       float: left;
    height: 93px;
    margin-left: 452px;
    margin-top: -93px;
    position: absolute;
    width: 135px;
    z-index: 999;
}
.jubetube img
{
    height: 75px;
    margin-left: 0.6px;
    width: 134.4px;
}
.jubetube a
{
    text-decoration:none;
    color:White;
}
.jubetube h3
{
    font-size:11px;
	margin-left:1px;
}
.jubetubehidden
{
    
    background-color: #717575;
    display: none;
    float: left;
    height: auto;
    margin-left: 453px;
    margin-top: 10px;
    padding: 5px;
    position: absolute;
    width: 124px;
    z-index: 999;
}
#dnn_ctr525_HtmlModule_lblContent
{
    color:White;
}
#dnn_ctr501_HtmlModule_lblContent
{
    color:White;
}
.jubetubehidden a
{
    text-decoration:none;
    color:White;
}

/*css for IN THE COMMUNITY page*/

.slidercomm
{
    width:100%;
    height:280px;
    float:left;
    padding: 0 0;
   margin-left:1px;
    filter: alpha(opacity=90);
  
     /*  background-image:url("Images/interctivebg.PNG");
 background-position:left;
 background-repeat:no-repeat;*/
}
.slidercomm img
{
    width:936px;
    height:280px;
       
     

   /*border-top:1px solid white;*/

}
/*css for gallery below slider*/
.gallcomm
{
    background-color: white;
    height: 120px;
    margin-top: 280px;
    position: absolute;
    width: 936px;
    margin-left:2px;
    box-shadow: 1px 2px 3px -2px #232323;
    -moz-box-shadow: 1px 2px 3px -2px #232323;
    -webkit-box-shadow: 1px 2px 3px -2px #232323;
}
.gallcomm img
{
  
 
   height:130px;
 
   
}

.gallcomm .pagination li a
{
    background-image:url("");
}
.whitebackground
{
    width:939px;
    height:140px;
    background-color:White;
    margin-top:348px;
   margin-left:1px;
   box-shadow: 0 4px 2px -2px gray;
}

/*i am leaving the background image url to null as this is the requirements of the customer that the banner should gets changed only on page load, so i am hiding the 
next and prev button, i have stopped autoslide from jquery*/

.slidercomm .pagination li a {
	    background-image:url("");
    }
/*css for fading border of main slider 
.slidercomm { position: relative; border-top: 1px solid white; } 
.slidercomm:before, .slidercomm:after { content: ""; position: absolute; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(transparent)); background-image: -webkit-linear-gradient(#FFFFFF, transparent); background-image: -moz-linear-gradient(#FFFFFF, transparent); background-image: -o-linear-gradient(#000, transparent); top: 0px; bottom: 0px; width: 1px; } 
.slidercomm:before { left: -1px; } 
.slidercomm:after { right: 0px; }*/
/*css to generate gradient effect on left*/
.lefteffectcomm
{
  background: #4e3e3e; /* Old browsers */
background: -moz-linear-gradient(top,  #4e3e3e 0%, #4d3535 37%, #4E0104 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e3e3e), color-stop(37%,#4d3535), color-stop(100%,#4E0104)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e3e3e', endColorstr='#4e1b1d',GradientType=0 ); /* IE6-9 */
  float:left;
  width:312px;
  height:479px;
  border-left:0;
 margin-top:120px;
 border-top:1px solid white;
 bottom:0px;
 margin-left:1px;
 
}

/*css for white page effct on right*/
.rightmaincontentcomm
{
      float:right;
    width:573px;
   min-height:350px;
    color:Black;
    background-color:White;
    margin-top:120px;
 
    display:block;
    padding-left:25px;
   padding-top:12px;
   padding-right:25px;
   padding-bottom:99px;
   width:576px;
   
}
.main-right .rightmaincontentcomm { float: none; margin-top: 0px; }
.rightmaincontentcomm h2
{
    font-weight:normal;
}
.rightmaincontentcomm a
{
    text-decoration:none;
}
.rightmaincontentcomm p
{
      color:#414042;
font-family:Arial;
}
.enewscomm
{
    width:227px;
    height:131px;
    float:left;
    z-index:999;
    position:absolute;
    margin-top:30px;
    margin-left:40px;
    background-color:#361f21;
    color:White;
}
.enewscomm a
{
    text-decoration:none;
    color:White;
}
.enewscomm h3
{
    color:White;
}
.contactuscomm
{
      width:227px;
    height:131px;
    float:left;
    z-index:999;
    position:absolute;
    margin-top:190px;
    margin-left:40px;
    background-color:#361f21;
    
    color:White;
}
.contactuscomm a
{
    text-decoration:none;
    color:White;
}
.contactuscomm h3
{
    color:White;
}
/*css for Consecteur page*/

.lefteffectcons
{
 background: #4e3e3e; /* Old browsers */
background: -moz-linear-gradient(top,  #4e3e3e 0%, #4d3535 37%, #4E0104 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e3e3e), color-stop(37%,#4d3535), color-stop(100%,#4E0104)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e3e3e', endColorstr='#4e1b1d',GradientType=0 ); /* IE6-9 */
  float:left;
  width:312px;
  height:840px;
  border-left:0;
 margin-top:0px;
 border-top:1px solid white;
 
 margin-left:2px;
 margin-top:21px;
}  
.rightmaincontentconsnorthern
{
      float:right;
    width:573px;
   min-height:711px;
    
    background-color:White;
   
   padding-left:25px;
   padding-top:30px;
   padding-right:25px;
   
   font-family:Arial;
   padding-bottom:99px;

}
.rightmaincontentconsnorthern a
{
    text-decoration:none;
}
.rightmaincontentconsnorthern p
{
    color:#414042;
font-family:Arial;

}
#breadcrumbprop, .breadcrumbprop { margin-left:-6px; }
#dnn_rightmaincontentconsnorthern h2
{
    font-size:33px;
   color:#414042;
   margin-top:9px;
   font-weight:normal;
}
.rightmaincontentconssouthern
{
      float:right;
    width:573px;
    min-height:711px;
    margin-right:3px;
    background-color:White;
    display:block;

    display:block;
    display:none;
    padding-left:25px;
   padding-top:30px;
   padding-right:25px;
    margin-top:21px;
    z-index:999;
} 
.rightmaincontentconssouthern a
{
    text-decoration:none;
}
.rightmaincontentconssouthern p
{
color:#414042;
font-family:Arial;
  
}
#dnn_rightmaincontentconssouthern #breadcrumbprop, #dnn_rightmaincontentconssouthern .breadcrumbprop
{
    margin-left:-6px;
}
#dnn_rightmaincontentconssouthern h2
{
     font-size:33px;
   color:#414042;
   margin-top:9px;
   font-weight:normal;
}
.northernlogooverlaycons
{
     background-image: url("Images/northernperfintro.png");
    background-repeat:no-repeat;
    background-position:center;
    width:145px;
    position:absolute;
    height:129px;
    z-index:1;
    margin-top:60px;
    margin-left:70px;
}
.southernlogooverlaycons
{
       background-image: url("Images/southernperfintro.png");
    background-repeat:no-repeat;
    background-position:center;
   margin-left:70px;
    width:150px;
    position:absolute;
    margin-top:120px;
     height:71px;
     z-index:1;
}
.enewscons
{
    width:227px;
    min-height:130px;
    float:left;
    z-index:1;
    position:absolute;
    margin-top:230px;
    margin-left:45px;
    background-color:#361f21;
    color:White;
    box-shadow: 0px 3px 3px -2px #232323;
    -moz-box-shadow: 0px 3px 3px -2px #232323;
    -webkit-box-shadow: 0px 3px 3px -2px #232323;
    font-family:Arial;
}
.enewscons a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
.enewscons h3
{
    color:White;
}
.contactuscons
{
      width:227px;
    min-height:130px;
    float:left;
    z-index:999;
    position:absolute;
    margin-top:460px;
    margin-left:45px;
    background-color:#361f21;
      box-shadow: 0px 3px 3px -2px #232323;
    -moz-box-shadow: 0px 3px 3px -2px #232323;
    -webkit-box-shadow: 0px 3px 3px -2px #232323;
    color:White;
    font-family:Arial;
}
.contactuscons a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
.contactuscons h3
{
    color:White;
}
/*css test*/
.textholder {

}
#carousel {

	
	margin: 40px auto 0 auto;
	/*border: 2px solid #aaa;*/
	
}

.ic_left_nav img
{
     height: 41px;
    width: 23px;
}

.ic_right_nav img
{
    height: 41px;
    width: 23px;
}
/*css for presentor service page*/
.sliderpsnorthern
{
    width:935px;
    height:240px;
    float:left;
    display:none;
      margin-left:1px;
   
    
}
.sliderpsnorthern img
{
    width:935px;
    height:240px;
    margin-left:1px;
}
.sliderpsnorthern .pagination
{
    margin-top:-160px !important;
    right:20px;
}
.sliderpssouthern .pagination
{
    margin-top:-160px !important;
    right:20px;
}
.sliderpssouthern
{
     width:935px;
    height:240px;
    float:left;
    display:none;
    margin-left:1px;
}
.sliderpssouthern img
{
    width:935px;
    height:240px;
    margin-left:1px;
}
.lefteffectpresentorser
{
     background: #4e3e3e; /* Old browsers */
background: -moz-linear-gradient(top,  #4e3e3e 0%, #4d3535 37%, #4E0104 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e3e3e), color-stop(37%,#4d3535), color-stop(100%,#4E0104)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e3e3e', endColorstr='#4e1b1d',GradientType=0 ); /* IE6-9 */
  float:left;
  width:314px;
  height:599px;
  border-left:0;
 margin-top:0px;
 border-top:1px solid white;
 bottom:0px;
}
.rightmaincontentpresentorser
{
    float:right;
    width:626px;
    height:576px;
    color:Black;
    background-color:White;

    margin-left:313px;
    display:block;
    /*Use of negative margin: because i was not finding anyother way to vertically allign an element */
    margin-top:-576px; 

}
.contentpresentorser
  {
      float:right;
    width:574px;
    min-height:470px;
   padding-top:12px;
   padding-left:25px;
   padding-right:25px;
    color:Black;
    background-color:White;
    display:block;
 font-weight:normal;
    display:block;
    
    padding-bottom:99px;
}

.contentpresentorser h2
  {
color: #414042;
    font-size: 33px;
    margin-top: 9px;
    font-weight:normal;
  }
  .contentpresentorser P
  {
    color: #414042;
    font-family: Arial;
  }
/*td.cell
{
    background:url("Images/pdflogo.png");
    /*background-position:left 5px;
    background-repeat:no-repeat;
    height:20px;
    width:280px;
    margin-left:15px;
    float:left;
}*/
/*css for consecteur(1) page*/
.pagewithouttogglecontent
  {
          float:right;
    width:626px;
    height:811px;
    color:Black;
    background-color:White;
    display:block;
    margin-left:313px;
    display:block;
    /*Use of negative margin: because i was not finding anyother way to vertically allign an element */
    margin-top:-811px;
}
.enewswt
{
     width:227px;
    height:131px;
    float:left;
    z-index:999;
    position:absolute;
    margin-top:140px;
    margin-left:40px;
    background-color:#361f21;
    color:White;
}
.enewswt a
{
    text-decoration:none;
    color:White;
}
.enewswt h3
{
    color:White;
}

.contactuswt
{
      width:227px;
    height:131px;
    float:left;
    z-index:999;
    position:absolute;
    margin-top:310px;
    margin-left:40px;
    background-color:#361f21;
    
    color:White;  
}
.contactuswt a
{
    text-decoration:none;
    color:White;
}
.contactuswt h3
{
    color:White;
}
/*Contact us page*/
#dnn_ctr541_HtmlModule_lblContent
{
    margin-top:5px;
    margin-left:2px;
}
#dnn_ctr491_HtmlModule_lblContent
{
    padding:5px;
   color:White;
}
/*css for about us page*/
.rightmaincontentaboutus
{
background-color: White;
    color: Black;
    display: block;
    float: right;
   
    min-height: 470px;
    padding-top: 12px;
    padding-right:25px;
    padding-left:25px;
    width: 574px;
    margin-right:1px;
    padding-bottom:99px;
}
.rightmaincontentaboutus h2
{
    font-weight:normal;
}
.rightmaincontentaboutus p
{
     color: #414042;
    font-family: Arial;
}
.rightmaincontentaboutusnav
{
  background-color: White;
    color: Black;
    float: left;
    min-height: 750px;
   margin-right:1px;
    width: 575px;
    z-index:-1;
    bottom:0px;
    padding-left:25px;
    padding-right:25px;
    padding-top:35px;
      box-shadow: 0px 3px 3px -2px #232323;
    -moz-box-shadow: 0px 3px 3px -2px #232323;
    -webkit-box-shadow: 0px 3px 3px -2px #232323;
    padding-bottom:99px;
}
.rightmaincontentaboutusnav img
{
    margin-left:-25px;
    max-width:625px;
}
.rightmaincontentaboutusnav a
{
    text-decoration:none;
}
.rightmaincontentaboutusnav ul
{
    color:#414042;
}
.rightmaincontentaboutusnav ul li
{
    display:list-item;
    list-style-type:disc;
    margin-left:15px;
    font-family:Arial;
}
.rightmaincontentconsnorthern ul
{
    color:#414042;
}

.rightmaincontentconsnorthern ul li
{
    display:list-item;
    list-style-type:disc;
    margin-left:15px;
    font-family:Arial;
}

.rightmaincontentconssouthern ul
{
    color:#414042;
}

.rightmaincontentconssouthern ul li
{
    display:list-item;
    list-style-type:disc;
    margin-left:15px;
    font-family:Arial;
}
.rightmaincontentaboutusnav h2
{
        color: #414042;
    font-size: 33px;
    margin-top: 9px;
    font-weight:normal;
}
.rightmaincontentaboutusnav p
{
    color: #414042;
    font-family: Arial;
}
.lefteffectaboutus
{
  background: #4e3e3e; /* Old browsers */
background: -moz-linear-gradient(top,  #4e3e3e 0%, #4d3535 37%, #4E0104 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e3e3e), color-stop(37%,#4d3535), color-stop(100%,#4E0104)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e3e3e 0%,#4d3535 37%,#4E0104 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e3e3e', endColorstr='#4e1b1d',GradientType=0 ); /* IE6-9 */
    
    
    height: 879px;
   position:absolute;
   margin-top:97px;
    opacity: 0.9;
    width: 313px;
    margin-left:1px; 
}
strong
{
}
.enewsaboutus
{
 background-color: #361F21;
    color: White;
    float: left;
    margin-left: 40px;
    margin-top: 65px;
    min-height: 130px;
    position: absolute;
    width: 227px;
    z-index: 1;
    font-family:Arial;
}
.enewsaboutus a
{
    text-decoration:none;
    color:White;
    font-weight:bold;
}
.contactusaboutus
{
       background-color: #361F21;
    color: White;
    float: left;
    margin-left: 40px;
    margin-top: 315px;
    min-height: 130px;
    position: absolute;
    width: 227px;
    z-index: 999;
      box-shadow: 0px 3px 3px -2px #232323;
    -moz-box-shadow: 0px 3px 3px -2px #232323;
    -webkit-box-shadow: 0px 3px 3px -2px #232323;
    font-family:Arial;
}
.contactusaboutus a
{
       text-decoration:none;
    color:White;
    font-weight:bold;
}

.calenderdiv
{
    margin-top:95px;
    min-height:225px;
    background-image: url("Images/mainborder.PNG");
    background-position: left center;
    background-repeat: no-repeat;
    position:absolute;
}
.calendar-wrapper
{
    width:936px !important;
   
    
}

.newcalender .calendar-northern
{
   background-image:url("Images/calendergrad.jpg");
    background-repeat:no-repeat;
    background-position:right 5px;
    background-size:contain;
    width:473px !important;
    margin-top:-10px;
}
.calendar-wrapper .calendar-southern
{
    width:462px !important;
}
.event-details-wrapper .event-details-table
{
    width:937px !important;
}
.calendar-wrapper .calendar-header .calendar-northern
{
    margin-top:0px;
}
.searchcatg .calendar-northern
{
   background-image:url("Images/calendergrad.jpg");
    background-repeat:no-repeat;
    background-position:right 5px;
    background-size:contain;
    width:51%;
   
}
.calenderdiv .calendar-southern
{
    width:49%;
    margin-top:-10px;
}

.calendar-event-link
{
    font-weight:bold;
}
.calendar-event-link a
{
    font-weight:bolder;
    text-decoration:none;
    color:White;
}
.calendar-event-link a:hover
{
    font-weight:bolder;
    text-decoration:none;
    color:White;
}
.showeventinfo
{
    min-height:200px;
}


.searchcatg
{
   min-height:247px;
   margin-top:9px;
   position:absolute;
   width:937px;

   
    
    padding-left: 1px;
    padding-right: 3px;
}
.calendar-search-wrapper
{
    width:838px;
    margin-top:-18px;
 


}
.calendar-search-categories label
{
    color:White;
    width:230px;
}
.calendar-search-wrapper input.jubilee-text
{
    /* height:12px\0/;*/
}
.calendar-search-wrapper input.jubilee-text
{
    width:142px;
    padding:0px !important;
    height:18px;
}
.calendar-search-wrapper input.jubilee-date
{
    width:77px !important;
    height:18px;
padding:0px !important;
}
.calendar-search-keyword
{
    background-image:url("Images/calendergradsearch.jpg");
    background-position:bottom;
    background-repeat:no-repeat;
}
.calendar-search-wrapper .calendar-search-left
{
    width:36% !important;
}
.calendar-search-wrapper .calendar-search-right
{
     width:62% !important;
}

#dnn_ctr472_JubileeEventsControl_JubileeEventsSearch_btnSearchKeyword
{
       
		    border: 0 solid red;
	        height:20px; width:70px;
		    padding:0;
		    background: url("Images/searchcalender.jpg") no-repeat scroll center center transparent;
		    text-indent:-9999px;
		    margin-left:10px;
}
#dnn_ctr472_JubileeEventsControl_JubileeEventsSearch_btnSearchDate
{
    float:right;
      border: 0 solid red;
	        height:19px; width:70px;
		    margin: 0;	padding:0;
		    background: url("Images/searchcalender.jpg") no-repeat scroll center center transparent;
		    text-indent:-9999px;
}
#dnn_ctr472_JubileeEventsControl_JubileeEventsSearch_btnSearchCategories
{
      float:right;
    margin-right:185px;
      border: 0 solid red;
	        height:20px; width:70px;
		   
		    background: url("Images/searchcalender.jpg") no-repeat scroll center center transparent;
		    text-indent:-9999px;
}
.calendar-search-wrapper strong, b
{
    font-size:14px;
}

 #dnn_ctr563_HtmlModule_lblContent {
	    display:none;
	    position:relative;
	    width:940px;
	    overflow:hidden;
    }

  

    #dnn_ctr563_HtmlModule_lblContent a img {
	    display:block;
    }
 #dnn_ctr563_HtmlModule_lblContent a {
	  display:block;
	    width:940px;
	    height:355px;
	}

    #dnn_ctr563_HtmlModule_lblContent a img {
	    display:block;
    }
.NormalTextBox
    {
        border:none !important;
        
        width:140px\9 !important;
        height:20px !important;
        width:145px;
        margin-left:20px;
        padding:4px;
        height:10px\9 !important;
-moz-box-shadow:inset 0px 1px 10px 0px #777777;
-webkit-box-shadow:inset 0px 1px 10px 0px #777777;
box-shadow:inset 0px 1px 3px 0px #777777;
font-size:11px;
color:#414042;
font-family:Arial;

    }
   
    .calenderdiv .calendar-wrapper .calendar-header
    {
       /* margin-top:113px !important;*/
        border-top:1px solid white;
    }
    .minheightcalender
    {
        min-height:410px;
    }
    .contentpane
    {
        
    }
    .DnnModule-462
    {
        margin-top:100px;
        color:White;
        width:940px;
        position:absolute;
    }
    .DnnModule-462 h2
    {
      color:White;   
    }
    
    /*test css for new module*/
    .jcarousel-skin-tango .jcarousel-container {
    
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 940px;

    
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  938px;
    height: 130px;

}
#wrapnew .jcarousel-skin-tango .jcarousel-item-horizontal img
{
    width: 233.5px;
    margin-right:1px;
}
body.Page-InTheCommunity #wrapnew .jcarousel-skin-tango .jcarousel-item-horizontal img { width: 309px; }
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 456px;
    height: 130px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 23px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
.jcarousel-skin-tango 
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: -8px;
    width: 40px;
    height: 60px;
    cursor: pointer;
}
.in-the-community .jcarousel-next-horizontal { top: 32px; right: -9px; }

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
}
        
.jcarousel-next-horizontal:hover

{
  background: transparent url(Images/right.png) no-repeat 0 0;
    
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
    display:none !important;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left: -12px;
    width: 40px;
    height: 60px;
    cursor: pointer;
}
.in-the-community .jcarousel-skin-tango .jcarousel-prev-horizontal { top: 32px; }

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus 
{
    background: transparent url(Images/left.png) no-repeat 0 0;
    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    display:none !important;
   
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

div.capty-wrapper a { text-decoration: none; }
div.capty-caption {
	background-image:url("Images/captionbg.png");
	color: #FFF;
	font: bold 18pt HelveticaNeueBold;
	padding-left: 2px;
	padding-top: 35px;
	text-shadow: 1px 1px 0 #222;
	background-repeat:no-repeat;
	margin-top:20px;
	background-color:gray;
	padding-right:7px;
	/*display:none\9;*/
}
body.Page-InTheCommunity div.capty-caption { background-image:url("Images/captionbg_long.png");}

div.capty-caption a {
	color: #318DAD;
	font: bold 11px verdana;
	text-decoration: none;
	text-shadow: none;
}

.newtestclass
{
    margin-top:100PX;
}
.capty-caption
{
    text-align:center;
}
#wrap img
{
    width:457px;
    height:120px;
}
#mycarousel li
{
    margin-top:0px;
}
#wrapnew img
{
    width:222px;
    height:110px;
}
#wrapnew #mycarousel
{
    margin-top:5px !important;
}
#wrapnew .jcarousel-skin-tango .jcarousel-item-horizontal
{
    height:120px;
    width:237px;
    margin-right:0px;
}
body.Page-InTheCommunity #wrapnew .jcarousel-skin-tango .jcarousel-item-horizontal { width: 315px; }
.slides_control
{
    height:365px !important;
}
.calendar-wrapper .calendar-content .calendar-content-wrapper .calendar-northern
{
    min-height:55px;
    margin-top:0px;
}
/*
this is effecting the transition of calender
.calendar-wrapper .calendar-content .calendar-content-wrapper
{
    min-height:85px;
}*/
.calendar-wrapper .calendar-header .calendar-northern
{
font-size:17px;
}
.calendar-wrapper .calendar-header .calendar-southern
{
    font-size:17px;
    margin-top:-1px;
}
.calendar-search-wrapper .calendar-search-date img
{
    margin:-2px 0 0 3px !important;
}
#dnn_ctr514_Document_grdDocuments tr, #dnn_ctr660_Document_grdDocuments tr, #dnn_ctr661_Document_grdDocuments tr, #dnn_ctr664_Document_grdDocuments tr
{
    clear:none;
    width:250px;
    float:left;
    background:url("Images/pdflogo.png");
    /*background-position:left 5px;*/
    background-repeat:no-repeat;
    height:25px;    
    margin-left:20px;    
    background-position:left;
}
#dnn_ctr514_Document_grdDocuments tr td, #dnn_ctr660_Document_grdDocuments tr td, #dnn_ctr661_Document_grdDocuments tr td, #dnn_ctr664_Document_grdDocuments tr td
{
	width: auto;
}
.maintopborder
{
    background-image:url("Images/mainborder.PNG");
 background-position:left;
 background-repeat:no-repeat;
height:355px;
  margin-left:1.5px;
  border-top:1px solid white;
}
.wrapup
{
    width:940px;
    height:355px;
   
}
/*css targets module titles*/
.DNNContainer_Title_h2 h2 .TitleH2
{
    
    color:White;
    font-family:HelveticaNeueBold;
}

.contentpaneperf .DNNContainer_Title_h2 h2 .TitleH2
{
    margin-bottom:0px !important;
}
.contentpaneperf p:first-child
{
    font-family: HelveticaNeueLight;
    font-size: 20px;
}
.contentpaneperf p
{
    font-family: HelveticaNeueLight;
    font-size: 13px;
    color:#E6E6E6 !important;
}
.DNNContainer_Title_h2 p
{
    color:White;
} 
.Head::first-word
{
    font-family:HelveticaNeueLight !important;
   
}
.Head
{
    border-bottom:0px none white !important;
    font-family:HelveticaNeueBold !important;
    
}

/*.rightmaincontentconssouthern p:first-child
{
       color:#c50a03;
    font-size:24px;
    font-family:HelveticaNeueBold;
    font-weight:normal;
}*/
/*.rightmaincontentinteractive p:first-child
{
    color:#c50a03;
    font-size:24px;
    font-family:HelveticaNeueBold;
}*/
/*.rightmaincontentcomm p:first-child
{
  color: #C50A03;
    font-family: HelveticaNeueBold;
    font-size: 24px;
}*/
/*.rightmaincontentaboutusnav p:first-child
{
     color: #C50A03;
    font-family: HelveticaNeueBold;
    font-size: 22px;
}*/
/*.rightmaincontentaboutus p:first-child
{
     color: #C50A03;
    font-family: HelveticaNeueBold;
    font-size: 22px;
}*/
/*.contentpresentorser p:first-child
{
      color: #C50A03;
    font-family: HelveticaNeueBold;
    font-size: 24px;
}*/
/*.contentmeetingspace p:first-child
{
      color: #C50A03;
    font-family: HelveticaNeueBold;
    font-size: 22px;
}*/
/*.rightmaincontentconsnorthern p:first-child
{
     color:#c50a03;
    font-size:24px;
    font-family:HelveticaNeueBold;
    font-weight:normal;
}*/
/*css breadcrumb links*/

#breadcrumbprop a, .breadcrumbprop a, .breadcrumbprop a:link
{
    text-decoration:none;
    color:#414042;
    font-size:12px;
    font-weight:bold;
}
#breadcrumbpropwhite a
{
     text-decoration:none;
    color:white;
    font-size:12px;
}
#dnn_Breadcrumb_lblBreadCrumb a
{
    
    
}



#mycarousel
{
    margin-top:10px !important;
}
.newcalender
{
    position:absolute;
    margin-top:1px;
     margin-left:0.1%;

    
    width:935px;
}
.lowercontent
{
     background-color: White;
    color: Black;
    display: block;
    float: left;
    min-height: 100px;
    padding: 0;
    width: 623px;
    
}
/*show info page*/
.event-details-image
{
    background:linear-gradient(to bottom, #4E3E3E 0%, #4D3535 37%, #4E0104 100%) repeat scroll 0 0 transparent !important;
}
.event-details-wrapper .event-details-description #Breadcrumb
{
    display:none;
}
#dnn_showeventinfo #breadcrumbprop, #dnn_showeventinfo .breadcrumbprop
{
      margin-left: 300px;
    margin-top: 410px;
    padding-left: 25px;
    position: absolute;
    width: 700px;
    z-index: 999;
}
.event-details-description h1
{
         color: #414042;
    font-size: 32px;
    letter-spacing: -0.03em;
   
    margin-bottom: 10px;
    margin-left: -6px;
    margin-top: 30px;
}
.event-details-description h2
{
        color: #C50A03;
   font-family: HelveticaNeueBold !important;
    font-size: 22px;
    font-weight: normal;
    margin-left: -6px;
    margin-top: -10px;
}
.event-details-description p
{
    color:#414042;
}
.event-details-wrapper .event-details-description .description-holder
{
    margin-top:-5px;
    font-family:Arial;
    font-size:12px;
}
.event-details-wrapper .event-details-image .image-holder img
{
    margin-top:-1px;
    width:306px !important;
    border-top:1px solid white;
}
#dnn_showeventinfo .DnnModule
{
    position:inherit;
}
/*site map*/
.DnnModule-628
{
    font-size:15px;
}
.DnnModule-628 a
{
    padding:5px;
    text-decoration:none;
    color:#414042;
}


.DnnModule-628
{
    font-size:15px;
}
#dnn_ctr595_ContentPane a
{
    padding:5px;
    text-decoration:none;
    color:#414042;
}

.DnnModule.DnnModule-PhilipJubileeEvents.DnnModule-471
{
    margin-top:-10px;
}
.logindiv
{
        color: white;
    margin-left: 10px;
    margin-top: 120px;
    position: absolute;
    width: 940px;
    font-weight:bold;
}
.logindiv h2
{
    margin-left:90px;
}
/*enews css*/
.valign p:first-child
{
    font-size:12px;
    font-family:Arial;
    color:#414042;
    
}
.valign p
{
    float:left;
    width:285px;
    height:70px;
}
.valign a
{
    color:#414042;
    text-decoration:none;
}
.valign strong
{
    font-size:13px;
    font-family:HelveticaNeueLightNav;
    
}
/*css for fancy box*/
.fancybox-iframe { height:100%\9 !important;}
body.Page-SeatingPlans .seating-plans .fancybox-iframe { height: 333px !important; }
.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened
{
    width:650px !important;
}
body.Page-SeatingPlans .fancybox-wrap.seating-plans.fancybox-desktop.fancybox-type-iframe.fancybox-opened {
	width: auto !important;
}
.fancybox-inner
{
    width:660px !important;
    height:615px !important;
	height: 617px\9 !important;
	}
body.Page-SeatingPlans .seating-plans .fancybox-inner {
	width: auto !important;
    height: auto !important;
}
.fancybox-inner.innerimg
{
    padding:9px !important;
	padding:0px !important;
}
@-moz-document url-prefix() { 
  .fancybox-inner.innerimg {
     padding:0px !important;
  }
}
.fancybox-skin
{
    width:660px !important;
}
body.Page-SeatingPlans .seating-plans .fancybox-skin {
	width: auto !important;
}
.contest-form-wrapper td.left
{
    padding-left:30px;
    padding-right:3px !important;
font-weight:bold;
}
.left
{
    float:none !important;
}
.right
{
    float:none !important;
}
.page-title {
    font-size: 40px;
   
    text-transform:uppercase;
}
#dnn_ctr633_HtmlModule_lblContent > p
{
    width:505px;
    font-size:10px;
margin-top:-20px;
font-weight:bold;
font-family:Arial;
text-align:left;
margin-left:45px;
}
#dnn_ctr631_HtmlModule_lblContent > p {
    float: left;
   margin-left: 45px;
font-weight:bold;
text-align:left;
}
.page-title strong
{
font-family:HelveticaNeueBold;    
}
.pagemaster
{
    background:#E8F7F9 url(Images/bg_calendar_events.png);
    width:660px;
    color:White;
}
.skinmaster { width: 100%; }
.contest-form-wrapper .button-wrapper input[type="submit"]
{
	background-color:#c50a03;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	float:right;
	text-decoration:none;
height:20px;
width:85px;
border:1px none;
margin-top:-20px !important;
}
.contest-form-wrapper tr
{
    font-size:13px;
}
.contest-header-wrapper { background: url(Images/contest.PNG) no-repeat center bottom; }
.contest-rules { background: url(Images/contest.PNG) no-repeat center -6px; }
.contest-form-wrapper .height-wrapper .Normal { background: url(Images/contest.PNG) no-repeat center bottom; }
.DnnModule-631
{
    background:url(Images/contest.PNG);
    height:90px;
    background-repeat:no-repeat;
    background-position:bottom;
}
.DnnModule-634
{
     background:url(Images/contest.PNG);
    height:90px;
    background-repeat:no-repeat;
    background-position:bottom;
}
.contest-form-wrapper td
{
    color:White;
}
.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 150px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  width:138px;
  margin-top:5px;
  float:right;
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.field-gender {
  position: relative;
  
  margin: 0;
  padding: 5px 8px 6px 0px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
 
  float:none !important;
}

.field-gender > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
  margin-top:10px;
  
}

.field-age {
  position: relative;
  
  margin: 0;
  padding: 5px 8px 6px 0px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  
  float:none !important;
}

.field-age > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
  
}

.field-location {
  position: relative;
  
  margin: 0;
  padding: 5px 8px 6px 0px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  
  float:none !important;
}

.field-location > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
  
}
.contest-form-wrapper td.right
{
    width:50%;
}

/*css for enews form*/

#dnn_ctr634_HtmlModule_lblContent > p {
    float: left;
   margin-left: 45px;
font-weight:bold;
text-align:left;
}
#dnn_ctr636_HtmlModule_lblContent > p
{
     width:505px;
    font-size:10px;
margin-top:-20px;
font-weight:bold;
font-family:Arial;
text-align:left;
margin-left:45px;
}
#dnn_ctr635_JubileeEventsControl_JubileeEventsNews_panelContest .right > label
{
    width:240px !important;
}
.hide-element { display:none; }

.rightmaintest
{
    width:200px;
}
.dnnCheckbox
{
    float:left;
}
.contest-form-wrapper .error-messages ul li
{
    color:Red !important;
}
.pdfsec .Cell
{
    width:100%;
}
.event-details-description
{
    width:570px;
}

.jspContainer
{
    height:30px !important; 
}
.rcbScroll.rcbWidth.jspScrollable
{
    height:30px !important;
}
.dnnLoginRememberMe .dnnCheckbox
{
    float:none;
}
.pdflogo
{
    /*background:url("Images/pdflogo.png") no-repeat scroll left center transparent;
    height:25px;
    padding-left:20px;*/
}
#dnn_ctr606_HtmlModule_lblContent .pdflogo { background: none; padding-left: 0px; }
/*jube tube page design starts here*/
.jubetube-wrapper { background-color: #ffffff; width:937px;}
.jubebg
{
    background:url("Images/jubebg.png");
    background-repeat:repeat;
    height: 123px;
    width: 620px;
}
.jubetubepg
{
    height:745px;
    width:935px;
    margin-top:103px;
}
.vidthumbnail
{
    background-color: #E5E5E5;
    height: 879px;
    overflow-y: auto;
}
.vidthumbnail-inner {
	margin: 5px auto; width: 260px; background-color: #ffffff; padding: 20px 0px; 
}
.vidthumbnail img
{
	width: 220px;
	margin-top: -19px;
}
.vidthumbnail p
{
    margin-top:-11px;
}
.viddetails
{
    min-height: 345px;
    width: 620px;
}
.viddetails-inner { padding: 20px 30px; }
.thumbnaildetail
{
	margin: 0px auto 10px auto;
    color: black;
    width: 220px;
    background:url("Images/bgdetail.png");
    background-repeat:repeat;
    font-family:Arial;
}
.thumbnail-image { text-align: center; overflow: hidden; height: 127px; }
.thumbnaildetail .title
{
	margin-top: 5px;
	font-size: 18px;
    color: black;
    font-weight: bold;
}
.description
{
	margin-top: 5px;
}
.thumbnailtop
{
    background:url("Images/thumbnailtop.png");
    background-repeat:repeat;
    width:317px;
	padding: 4px 0px;
	text-align: center;
	margin-top:-1px;
 }
#dnn_jubetubepg #breadcrumbprop
{
     margin-left: 333px !important;
    margin-top: 410px;
    position: absolute;
}
.detailtitle
{
    font-family: HelveticaNeueLight;
    font-size: 26px;
    font-weight: bold;
    margin-top: 12px;
}
.deyailvidinfo
{
    font-family:arial;
    margin-top:10px;
}
.decoded
{
   width:500px !important;
    height:333px !important;
}

#cse-search-results { margin-top: 30px; }

/*Careers page*/
.editviewcareer
{
    width:300px;
}
.labeltitle
{
    width:100px;
    float:right;
}
.labeldescription
{
    width:100px;
    float:right;
}
.calendar-search-wrapper
{
    height:202px;
}

.list-wrapper { width: 100%; }
.list-wrapper .list-row { padding: 20px 0px; background: url(/portals/0/bgcntct.PNG) no-repeat center bottom; }
.list-wrapper .list-row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.list-wrapper .list-row .list-row-left { width: 40%; float: left; text-align: center; }
.list-wrapper .list-row .list-row-left img { max-width: 200px; height: auto; }
.list-wrapper .list-row .list-row-right { width: 55%; float: right; }

.h3access
{
    width:125px;
}
.h3access h3
{
    width:100%;
}
.h3scene
{
    width:125px;
}
.h3scene h3
{
    width:100%;
}
.contest-rules
{
    line-height:14px !important;
}
.contest-form-wrapper .error-messages
{
    line-height:14px;
}
.community-listings { margin-top: 30px; border-spacing: 10px 0px; border-collapse: separate; }
.community-listings td { vertical-align: top; }
.community-listings td img { width: 270px; margin-bottom: 10px; }
body.Page-Workshops .Normal ul { margin-left: 18px; list-style: disc outside none; color: #414042; font-family: Arial; }
body.Page-Workshops .Normal ul li { display: list-item; margin-top: 0px; }

.containertbl { margin-top: 120px; }
.containertbl .main-left { width: 311px; vertical-align: top; background: url(images/bg_calendar_events.png) repeat 0px 0px; }
.containertbl .main-left .main-left-wrapper { width: 311px; }
.containertbl .main-left .main-left-wrapper .accordian-menu { color: #ffffff; }
.containertbl .main-right .main-right-wrapper { width: 311px; }
.accordian-menu-wrapper .accordian-menu .menu-item { display: block; margin: 0px; background: url(images/bg_accordian_menu.png) repeat-x 0px 0px; }
.accordian-menu-wrapper .accordian-menu .menu-item > a { display: block; width: 311px; padding: 8px 0px 7px 0px; text-indent: 85px; color: #4d4d4f; font-size: 12px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
body.IE .accordian-menu-wrapper .accordian-menu .menu-item > a { padding: 6px 0px; }
.accordian-menu-wrapper .accordian-menu .menu-item .sub-menu { display: none; padding: 10px 0px; }
.accordian-menu-wrapper .accordian-menu .menu-item .sub-menu .sub-menu-item { display: block; margin: 0px; padding: 2px 0px; }
.accordian-menu-wrapper .accordian-menu .menu-item .sub-menu .sub-menu-item > a { margin-left: 77px; font-size: 12px; color: #ffffff; font-weight: normal; text-decoration: none; }
.accordian-menu-wrapper .accordian-menu .menu-item .tow-menu .tow-menu-item { display: block; margin: 0px; padding: 2px 0px; }
.accordian-menu-wrapper .accordian-menu .menu-item .tow-menu .tow-menu-item > a { margin-left: 77px; font-size: 12px; color: #ffffff; font-weight: normal; text-decoration: none; }

.slidercomm .slides_control
{
    background:url("Images/inthecommbg.png") no-repeat scroll 0 0 transparent;
    opacity:0.70;
    padding-left:1px;
    padding-top:1px;
}
.breadcrumbprop span {
    font-size: 12px;
	font-weight:bold;
}
#dnn_pnav li span {
    text-shadow: 1px 1px 1px #000000;
}
body.Page-ContactUs strong a { color: #444; }

.main-layout td.left-cell a, .main-layout td.right-cell a { margin: 0px; }
.main-layout .left-cell, .main-layout .left-cell .left-wrapper { width: 312px; }
.main-layout .left-cell .left-wrapper { position: relative; padding-bottom: 30px; }
.main-layout .left-cell .left-wrapper .northernlogooverlay { position: absolute; top: 15px; left: 50%; margin: 0px 0px 0px -72px }
.main-layout .left-cell .left-wrapper .souhternlogooverlay { position: absolute; top: 45px; left: 50%; margin: 0px 0px 0px -72px }
.main-layout .left-cell .left-wrapper .lefteffectconsin { float: none; }
.main-layout .left-cell .left-wrapper .enews { position: static; float: none; margin: 165px auto 0px auto; }
.main-layout .left-cell .left-wrapper .contactus { position: static; float: none; margin: 20px auto 0px auto; }
.containerdiv.no-logo .main-layout .left-cell .left-wrapper .enews { margin-top: 36px; }
.main-layout .left-cell .left-wrapper .enews a,
.main-layout .left-cell .left-wrapper .contactus a { color: #ffffff; }
.main-layout .right-cell .right-wrapper ul { color: #414042; }
.main-layout .right-cell .right-wrapper ul li { display: list-item; list-style-type: disc; margin-left: 15px; font-family: Arial; }
.main-layout .right-cell .breadcrumbprop span a, .main-layout .right-cell .breadcrumbprop span a:link, .main-layout .right-cell .breadcrumbprop span a:visited { color: #414042; }
.main-layout .right-cell td.Cell a { margin-left: 20px; }