@charset "utf-8";
    /* CSS Document */

    /* ================= 1. CSS Reset ================= */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    div, del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    caption {margin:0;padding:0;border:0;outline:0; font: normal 100% Trebuchet MS, Helvetica, Arial, sans-serif; }
    strong, b {font-weight:bold;}
    em, dfn, i {font-style:italic;}

    /* ================= 2. General tags ================= */
    body { font-size:1em; font:color:#666666;-webkit-font-smoothing: antialiased; background:url(../images/bg-repeat.jpg) repeat; min-width:1000px; line-height:1.6;}
    h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;margin-bottom:12px;font-weight:600;}
    a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;  font-weight:bold;}
    a {color:none;}
    a:hover {text-decoration:underline;}
    pre {white-space:pre;overflow:auto;padding:20px;}
    code {white-space:pre;overflow:auto;padding:14px;color:#595959;background:#f6f6f6;display:block;border:1px solid #ddd;font-size:11px;line-height:15px;}
    code strong {color:#000;}
    p {line-height:1.8;}
    dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 0px; }
    ::selection {}
    ::-moz-selection {}



    h1 {}
    h2 {}
    h3 {}
    h4 {}
    h5 {}
    h6 {}
    .spacer{width:100%; height:15px; clear:both;}
    .spacer-min{width:100%; height:0px; clear:both;}

    @font-face {
	    font-family:'Neuton';
	    src: url('../fonts/Neuton-Regular.ttf');
	    font-family:'Lato';
	    src: url('../fonts/Lato-Regular.ttf');
	    src: url('../fonts/Lato-Semibold.ttf');
	    font-family:'RobotoSlab';
	    src: url('../fonts/RobotoSlab-Regular.ttf');
        }

        /*=====main background======*/
        .main-cont{width:100%; height:100%; background:url(../images/bg-students.png) top no-repeat;}
        /* ================= 3. Header ================= */
        .header{width:100%; height:100%; background:url(../images/header-bg.png) repeat-x;}
        .header-cont{width:1000px; height:80px; padding-top:10px;  margin-left:auto; margin-right:auto;}
        .pmu-logo{ width:75px; height:80px; float:left; }
        .pmu-logo h1{width:75px; height:80px; background:url(../images/pmu-logo.png);}
        .menu-holder{ width:745px; height:40px; float:left; margin-top:00px; padding:12px 10px 0 10px;}
        .menu-txt{font-family:'Trebuchet MS'; font-size:.75em; color:#fff; float:left; margin-right:10px; padding:5px 0 0 1px;}
        .menu-txt:hover{color:#ff772d;}
        .campus-icn{ width:25px; height:25px;background:url(../images/campus-icn.png) no-repeat; float:left;}
        .health-icn{width:25px; height:25px; background:url(../images/health-icn.png) no-repeat; float:left;}
        .club-icn{width:25px; height:25px; background:url(../images/club-icn.png) no-repeat; float:left;}
        .council-icn{width:25px; height:25px; background:url(../images/council-icn.png) no-repeat; float:left;}
        .services-icn{width:25px; height:25px; background:url(../images/services-icn.png) no-repeat; float:left;}
        .activities-icn{width:25px; height:25px; background:url(../images/activities-icn.png) no-repeat; float:left;}
        .logo-holder{ width:155px; height:45px; float:left; margin-top:20px;}
        .logo-holder h1{width:155px; height:45px; background:url(../images/logo.png) no-repeat;}
       


      .mainmenu {
		    color: #FFFFFF;
		    font-family: 'Trebuchet Ms';
		    font-size: .75em;
		    }
		    .mainmenu ul {margin: 0; padding: 0; }
		    .mainmenu li i { position: absolute; margin-left: -28px; margin-top: -2px;}
		    .mainmenu li { float: left; display: block; padding: 0px 18px 10px 20px;  cursor: pointer; }
		    .mainmenu li:last-child{ border-right:none;}
		    .mainmenu li main {margin-top: -20px; }
		    .mainmenu li span { position: relative; float: left; font-size: 12px; color: #f5f7f8; }
		
		    .mainmenu li, .mainmenu li i, .mainmenu li main, .mainmenu li span {
			    -moz-transition: all 0.2s ease-in-out;
			    -o-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;
			    -webkit-transition: all 0.2s ease-in-out;
		    }
		
		    .mainmenu li:hover main { 
			    margin-left: 5px; 
		       -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;
		    }
		    .mainmenu li:hover span { 
			    margin-left: 25px; 
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;
		    }
		
		    .mainmenu a{color:#fff; text-decoration:none;}
		    .mainmenu a:hover{color:#f36e19; text-decoration:none;}
		
		    /* COLOR MANAGEMENT */
		
		    .ccblue .mainmenu { }
		    .ccblue .mainmenu li:hover { color:#f36e19; }
		    .ccblue .mainmenu li:hover i {background: #f36e19;}
		    .ccblue .mainmenu li i { color: #044c64; }
		    .ccblue .mainmenu li:hover i {color: #ffffff;}
		    
		    
		    /* -------------------------------------------------- */
	        /* metaltop-gold */
	        /* -------------------------------------------------- */
	        #metaltop-gold {
		        clear:left;
		        float:left;
		        padding:0;
		        width:100%;
		        overflow:hidden;
		        
	        }
	        #metaltop-gold ul {
		        float:left;
		        margin:0;
		        padding:0;
		        list-style:none;
		        position:relative;
		        left:50%;
		        text-align:center;
	        }
	        #metaltop-gold ul li {
		        display:block;
		        float:left;
		        list-style:none;
		        margin:0;
		        padding:0;
		        position:relative;
		        right:50%;
		
	        }
	        #metaltop-gold ul li.first {
		        border-left:1px solid #043170;
	        }
	        #metaltop-gold ul li.last {
		        border-right:1px solid #0c5fd3;
	        }
	        #metaltop-gold ul li a {
		        display:block;
		        float:left;
		        margin:0;
		        font-weight:bold;
		        font-family:Arial;
		        padding:9px 15px 9px 15px;
		        border-left:1px solid #0c5fd3;
		        border-right:1px solid #043170;
		        text-decoration:none;
		        color:#fff;
		        font-size:.8em;
		        line-height:1.3em;
		        -moz-transition: all 0.2s ease-in-out;
			            -o-transition: all 0.2s ease-in-out;
			            transition: all 0.2s ease-in-out;
			            -webkit-transition: all 0.2s ease-in-out;
		            }
		
		
	
	        #metaltop-gold ul li a:hover {
		        color:#FFF;
		        background-color:#f36e19;
		        border-left:1px solid #0c5fd3;
		        -moz-transition: all 0.2s ease-in-out;
			            -o-transition: all 0.2s ease-in-out;
			            transition: all 0.2s ease-in-out;
			            -webkit-transition: all 0.2s ease-in-out;
		            }
		
		
	
	        #metaltop-gold ul li.active a,
	        #metaltop-gold ul li.active a:hover {
		        color:#fff;
		        background:#000;
		        border-left:1px solid #000;
	        }
		    
		
    /* ================= 00. Social and Search Box ================= */		
	.social-search{width:100%; height:100%; background-color:#f4a804;}
	.social-search-box{width:1000px; height:48px;  margin-left:auto; margin-right:auto; padding:0 0;}
	
	/*Social Media*/
	.social-header{ width:auto; height:32px; padding:9px 1% 0px 0%; float:left;}
    .social-slide-icn {
	    height: 32px;
	    width: 32px;
	    margin: 0px 4px;
	    float: left;
	    -webkit-transition: all ease 0.3s;
	    -moz-transition: all ease 0.3s;
	    -o-transition: all ease 0.3s;
	    -ms-transition: all ease 0.3s;
	    transition: all ease 0.3s;
    }
    .social-slide-icn:hover {
	    background-position: 0px -32px;
	    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
    }
    .twitter-hover-icn {
	    background-image: url('../images/twitter-hover-icn.png');
    }
    .facebook-hover-icn {
	    background-image: url('../images/facebook-hover-icn.png');
    }
    .google-hover-icn {
	    background-image: url('../images/google-hover-icn.png');
    }
    .youtube-hover-icn {
	    background-image: url('../images/youtube-hover-icn.png');
    }
	.instagram-hover-icn {
	    background-image: url('../images/instagram-hover-icn.png');
    }
    /*Search Style*/
    .search-header{width:auto; height:22px; float:right; padding:9px 0% 0px 1%;}
	.iframe	{ height:30px; width: 366px;}        
	.input{width:277px; height:28px; padding:0px 3px; float:left; font-size:.8em; 
	        color:#275cab; 
							border: 1px solid #1d4d9e;
							background: #F0F0F0;
							margin:0px;
							color:#1d4d9e;}
    .input:hover, input:focus {
							 border:1px solid #5c92f7;
							 background-color:#FFF;	}						
	.button{float:left; padding:6px 15px;		
						height:auto;
						margin-right:0px; margin-top:0px; color:#FFF; background-color:#2357bd; border:1px solid #275cab; font-size:.89em; font-family:Georgia;}
					
					
	.button:hover {border:1px solid #275cab; background-color:#3a7cba;  cursor: pointer; cursor: hand;}
	/*Search End*/
	
	
    /* ================= 4. Banner ================= */
    .banner{ width:100%; height:100%; }
    .banner-cont{max-width:80%; height:100%;  margin-left:auto; margin-right:auto; overflow:hidden;}
    .stratosfera_tabs {
	    list-style: none;
	    padding: 0;
	    background:url("../images/slide_bg_orange.png") repeat-x;
	    font-size: 18px;
	    list-style: none;
	    margin: 0 auto 50px;
	    max-width: 100%;
	    padding: 10px 0;
	    width: 100%;
	    height:80px;
	    padding:0;
	    margin:0;
    }

    .stratosfera_tabs li {
	    float: left;
	    width: 20%;
	    padding:0;
	    margin:0;
		
    }

    .stratosfera_tabs li a {
	    width: auto;
	    height: 75px;
	    display:block;
	    padding:0;
	    margin:0;
	    border-top:5px solid #f04b45;
    }

    .stratosfera_tabs li a:hover {
	    border-top:5px solid #ef4c46;
	    background:#e5e5e5;
	    text-decoration:none;
	    margin:0;
	    padding:0;
    }

    .stratosfera_tabs li a h1 {
	    color:#ff7400;
	    font-size:.7em;
	    margin:0;
	    line-height:22px;
	    padding-top:17px;
    }

    .stratosfera_tabs li a img {
	    float:left;
	    margin:7px 10px 0 10px;
    }

    .stratosfera_tabs li a h2 {
	    color:#0c4796;
	    font-size:11px;
	    margin:0;
    }

    .stratosfera_tabs .stratosfera_here a {
	    background:#f4a804 /*url("../images/slide1_arrow.png") no-repeat top center*/;
	    margin-top:00px;
	    padding-top:5px;
	    z-index:999999;
	    position:relative;
	    border:0;
    }
 
    .stratosfera_tabs .stratosfera_here a h1 {
	    color:#fff;
    }
 
    .stratosfera_tabs .stratosfera_here a:hover{
	    background:#f4a804 /*url("../images/slide1_arrow.png") no-repeat top center*/;
	    margin-top:00px;
	    padding-top:5px;
	    z-index:999999;
	    position:relative;
	    border:0;
     }


    .portfolio_slider_container, .stratosfera_container {
	    margin-bottom:0px;
	    position: relative;
	    float: left;
	    width: 100%;
	    max-width:100%;
	
    }	

    .portfolio_slider, .stratosfera {
	    position: relative;
	    list-style: none;
	    overflow: hidden;
	    width: 100%;
	    padding: 0;
	    margin: 0;
    }

    .portfolio_slider li, .stratosfera li {
	    position: absolute;
	    width: 100%;
	    left: 0;
	    top: 0;
	    margin:0; padding:0;
    }

    .portfolio_slider img, .stratosfera img {
	    display: block;
	    position: relative;
	    z-index: 1;
	    height: auto;
	    width: 100%;
	    border: 0;max-height:500px;
    }

    .portfolio_slider .caption, .stratosfera .caption {
	    display: block;
	    position: absolute;
	    z-index: 2;
	    font-size: 20px;
	    text-shadow: none;
	    background: red;
	    color: #fff;
	    background: #000;
	    background: rgba(0,0,0, .4);
	    left: 0;
	    right: 0;
	    bottom: 0;
	    padding: 10px 20px;
	    margin: 0;
	    max-width: none;
	    font-size:14px;
    }

    .portfolio_slider_nav, .stratosfera_nav {
	    position: absolute;
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    top: 50%;
	    left: 0;
	    opacity: 0.7;
	    z-index: 3;
	    text-indent: -9999px;
	    overflow: hidden;
	    text-decoration: none;
	    height: 50px;
	    width: 38px;
	    background: transparent url(".//images/themes.png") no-repeat left top;
	    margin-top: -45px;
    }

    .portfolio_slider_nav:active, .stratosfera_nav:active {
	    opacity: 1.0;
    }

    .portfolio_slider_nav.next, .stratosfera_nav.next {
	    left: auto;
	    background-position: right top;
	    right: 0;
    }

    @media screen and (max-width: 600px) {
	    .portfolio_slider_nav, .stratosfera_nav {
		    top: 47%;
	    }
    }
     @media screen and (max-width: 1000px) {
	        .stratosfera_tabs li a h1 {
	        color:#ff7400;
	        font-size:.6em;
	        margin:0;
	        line-height:22px;
	        padding-top:17px;
        }
        .stratosfera_tabs li a h2{display:none;}
    }
 
    .banner-cont-inner{max-width:100%; height:100%; margin-left:auto; margin-right:auto; overflow:hidden; background:#fff; border-bottom:#0c4697 5px solid; border-top:#0c4697 1px solid;}
    .banner-cont-inner-cont{width:1000px; height:100px; margin-left:auto; margin-right:auto;}


    /* ================= 5. Ticker ================= */
    .ticker{max-width:100%; height:50px; background-color:#0c4796; margin-left:0; margin-right:0;}
    .ticker-heading{width:167px; height:44px; background:#ffd73c; color:#0c4796; margin-top:3px; margin-left:3px; float:left; font-family:Neuton; font-size:1.7em;  padding:0px 15px;}
    .ticker-heading:hover{ background:#fee37b;}
    .ticker-txt{ width:97%; height:30px;  padding:12px 10px 5px 20px; float:left; color:#fff; font-size:.8em;}
    .tickercontainer { /* the outer div with the black border */
    width: 100%; 
    margin: 0; 
    padding: 2px 0 0 0;
    overflow: hidden; 
    }
    .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    overflow: hidden;
    }
    ul.newsticker { /* that's your list */
    position: relative;
    left: 750px;
    list-style-type: none;
    margin: 0;
    padding: 0;

    }
    ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;

    }
    ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #ebebeb;
    margin: 0 50px 0 0;
    } 
    ul.newsticker span {
    margin: 0 10px 0 0;
    color:#ffd73c;
    } 
    .breadcrumb{width:1000px; height:30px; /*background-color:#fff;*/ margin-left:auto; margin-right:auto;}
    .breadcrumb-home{width:100px; height:25px; float:left;  padding:5px 0 0px 10px; background:url(../images/breadcrumb-bg.png)  right no-repeat;  color:#0c4697;}
    .breadcrumb-home a{font-family:'Trebuchet Ms'; font-size:1em; text-align:left; color:#0c4697; font-weight:800; 
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;}
    .breadcrumb-home a:link{font-family:'Trebuchet Ms'; font-size:1em; text-align:left; color:#0c4697; font-weight:800; 
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;}
	.breadcrumb-home a:active{font-family:'Trebuchet Ms'; font-size:1em; text-align:left; color:#0c4697; font-weight:800; 
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;}		    
    .breadcrumb-home a{font-family:'Trebuchet Ms'; font-size:1em; text-align:left; color:#0c4697; font-weight:800; 
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;}
    .breadcrumb-home a:hover{text-decoration:none; color:#ee681c;  margin-left:10px;}
    .breadcrumb-home-lt{width:800px; height:25px; float:left;  padding:7px 0 0px 10px; color:#0c4697; }
    .breadcrumb-home-lt a:link{font-family:'Trebuchet Ms'; font-size:.75em; text-align:left; color:#0c4697; vertical-align:top; padding-top:5px;
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;} 
    .breadcrumb-home-lt a:active{font-family:'Trebuchet Ms'; font-size:.75em; text-align:left; color:#0c4697; vertical-align:top; padding-top:5px;
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;} 
	.breadcrumb-home-lt a:visited{font-family:'Trebuchet Ms'; font-size:.75em; text-align:left; color:#0c4697; vertical-align:top; padding-top:5px;
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;} 
    .breadcrumb-home-lt a:hover{text-decoration:none; color:#f36e19;  margin-left:10px;}
    /* ================= 6. Box-Bar ================= */
    .box-bar{max-width:1000px; margin-left:auto; margin-right:auto;}
    .box-bar a{ text-decoration:none;}
    .box-bar-row{width:1000px; height:200px; clear:both;}
    .box-sports{width:200px; height:200px; background:#c82d3b url(../images/sports-icn.png) no-repeat center; float:left;}
    .box-sports:hover{opacity:.7}
    .box-sports h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#fff;}
    .box-forms{width:200px;  height:200px;  background: url(../images/forms-icn.png)  no-repeat center #f4f4f4; float:left;}
    .box-forms h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#78256d;}
    .box-forms:hover{opacity:.5}
    .box-health{width:200px; height:200px;  background: url(../images/healthcare-icn.png) no-repeat center #7cb226; float:left;}
    .box-health h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#fff;}
    .box-health:hover{opacity:.9}
    .box-transport{width:200px; height:200px;  background: url(../images/transportation-icn.png) no-repeat center #f4f4f4; float:left;}
    .box-transport h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#f36e19;}
    .box-transport:hover{opacity:.5}
    .box-news{width:200px; height:200px;  background: url(../images/news-icn.png) no-repeat center  #0c4697; float:left;}
    .box-news h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#fff;}
    .box-news:hover{opacity:.9}
    .box-vote{width:200px; height:200px;  background:  url(../images/vote-icn.png) no-repeat center  #ffffff; float:left;}
    .box-vote h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#ff7400;}
    .box-vote:hover{opacity:.5}
    .box-people{width:200px; height:200px;  background: url("../images/people.jpg") repeat-x ; float:left;}
    .box-people-bg{width:200px; height:200px;  background:  url(../images/people-icn.png) no-repeat center ; float:left;}
    .box-people-bg h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#0c4796;}
    .box-people:hover{opacity:.9}
    .box-video{width:200px; height:200px;  background:url(../images/videos-icn.png) no-repeat center #262626; float:left;}
    .box-video h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#fff;}
    .box-video:hover{opacity:.9}
    .box-dining{width:200px; height:200px;  background:url("../images/dining.jpg") repeat-x; float:left;}
    .box-dining-bg{width:200px; height:200px;  background:  url(../images/dining-icn.png) no-repeat center ; float:left;}
    .box-dining-bg h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#262626;}
    .box-dining:hover{opacity:.9}
    .box-contact{width:200px; height:200px;  background:url(../images/contact-icn.png) no-repeat center #ffffff; float:left;}
    .box-contact h1{font-family:Neuton; font-size:1.7em;  padding:155px 0 0 0; text-align:center; font-weight:normal; color:#dc1627;}
    .box-contact:hover{opacity:.5}

    /* ================= 7. Gray-Box ================= */
    .gray-box{width:100%; background:#dcdde1;}
    .gray-box-cont{width:1000px; height:250px; margin-left:auto;; margin-right:auto;}
    .gray-media{width:249px; height:250px; float:left; border-left:1px solid #c1c2c6;}
    .gray-box h1{ font-family:Neuton; color:#646464; font-size:2em; font-weight:400; padding:35px 0 20px 0;}
    .gray-box-txt{ font-size:.75em;  padding: 00px 20px 00px; font-family: Georgia, serif; font-style: italic; line-height:1.5; color:#646464; }
    .gray-box img{ margin-left:auto; margin-right:auto; padding:20px 0;}
    .gray-calendar{width:249px; height:250px; float:left; border-left:1px solid #c1c2c6;}
    .gray-gallery{width:249px; height:250px; float:left; border-left:1px solid #c1c2c6;}
    .gray-sponsor{width:248px; height:250px; float:left; border-left:1px solid #c1c2c6; border-right:1px solid #c1c2c6; }
    .view {
	       width: 100%;
	       height: 100%;
	       float: left;
	       overflow: hidden;
	       position: relative;
	       text-align: center;
	       cursor: default;
	 
	    }
	    .view .mask,.view .content {
	       width: 250px;
	       height: 100%;
	       position: absolute;
	       overflow: hidden;
	       top: 0;
	       left: 0;
	    }
	    .view img {
	       display: block;
	       position: relative;
	    }
	    .view h2 {
	       text-transform: uppercase;
	       color: #fff;
	       text-align: center;
	       position: relative;
	       font-size: 17px;
	       padding: 10px;
	       background: rgba(0, 0, 0, 0.8);
	       margin: 20px 0 0 0;
	    }
	    .view p {
	       font-family: Georgia, serif;
	       font-style: italic;
	       font-size: 12px;
	       position: relative;
	       color: #fff;
	       padding: 10px 20px 20px;
	       text-align: center;
	    }
	    .view a.info {
	       display: inline-block;
	       text-decoration: none;
	       padding: 7px 14px;
	       background: #646464;
	       font-family:Trebuchet Ms;
	       color: #fff;
	       text-transform: uppercase;
	       -webkit-box-shadow: 0 0 1px #000;
	       -moz-box-shadow: 0 0 1px #000;
	       box-shadow: 0 0 1px #000;
	    }
	    .view a.info: hover {
	       -webkit-box-shadow: 0 0 5px #000;
	       -moz-box-shadow: 0 0 5px #000;
	       box-shadow: 0 0 5px #000;
	    }

		
		
		    .view-tenth img {
	       -webkit-transform: scaleY(1);
	       -moz-transform: scaleY(1);
	       -o-transform: scaleY(1);
	       -ms-transform: scaleY(1);
	       transform: scaleY(1);
	       -webkit-transition: all 0.7s ease-in-out;
	       -moz-transition: all 0.7s ease-in-out;
	       -o-transition: all 0.7s ease-in-out;
	       -ms-transition: all 0.7s ease-in-out;
	       transition: all 0.7s ease-in-out;
	    }
	    .view-tenth .mask {
	       background-color: #e9e9e9;
	       -webkit-transition: all 0.5s linear;
	       -moz-transition: all 0.5s linear;
	       -o-transition: all 0.5s linear;
	       -ms-transition: all 0.5s linear;
	       transition: all 0.5s linear;
	       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	       filter: alpha(opacity=0);
	       opacity: 0;
	    }
	    .view-tenth h2 {
	       border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	       background: transparent;
	       margin: 20px 40px 0px 40px;
	       -webkit-transform: scale(0);
	       -moz-transform: scale(0);
	       -o-transform: scale(0);
	       -ms-transform: scale(0);
	       transform: scale(0);
	       color: #333;
	       -webkit-transition: all 0.5s linear;
	       -moz-transition: all 0.5s linear;
	       -o-transition: all 0.5s linear;
	       -ms-transition: all 0.5s linear;
	       transition: all 0.5s linear;
	       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	       filter: alpha(opacity=0);
	       opacity: 0;
	    }
	    .view-tenth p {
	       color: #333;
	       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	       filter: alpha(opacity=0);
	       opacity: 0;
	       -webkit-transform: scale(0);
	       -moz-transform: scale(0);
	       -o-transform: scale(0);
	       -ms-transform: scale(0);
	       transform: scale(0);
	       -webkit-transition: all 0.5s linear;
	       -moz-transition: all 0.5s linear;
	       -o-transition: all 0.5s linear;
	       -ms-transition: all 0.5s linear;
	       transition: all 0.5s linear;
	    }
	    .view-tenth a.info {
	       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	       filter: alpha(opacity=0);
	       opacity: 0;
	       -webkit-transform: scale(0);
	       -moz-transform: scale(0);
	       -o-transform: scale(0);
	       -ms-transform: scale(0);
	       transform: scale(0);
	       -webkit-transition: all 0.5s linear;
	       -moz-transition: all 0.5s linear;
	       -o-transition: all 0.5s linear;
	       -ms-transition: all 0.5s linear;
	       transition: all 0.5s linear;
	    }
	    .view-tenth:hover img {
	       -webkit-transform: scale(10);
	       -moz-transform: scale(10);
	       -o-transform: scale(10);
	       -ms-transform: scale(10);
	       transform: scale(10);
	       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	       filter: alpha(opacity=0);
	       opacity: 0;
	    }
	    .view-tenth:hover .mask {
	       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       filter: alpha(opacity=100);
	       opacity: 1;
	    }
	    .view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
	       -webkit-transform: scale(1);
	       -moz-transform: scale(1);
	       -o-transform: scale(1);
	       -ms-transform: scale(1);
	       transform: scale(1);
	       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       filter: alpha(opacity=100);
	       opacity: 1;
	    }


    /* ================= 8. Footer Quick Links ================= */
    .quick-links{width:100%; height:100%; margin-left:auto; margin-right:auto; background-color:#093d83;}
    .quick-link{width:1000px; height:250px; margin-left:auto; margin-right:auto; margin-bottom:0px;}
	     .quick-link-t{width:980px; height:18px; margin-left:auto; margin-right:auto; padding:7px 10px 5px 10px; color:#fff; font-family:Georgia; font-size:.85em; font-style:italic; text-align:right;}
	     .quick-link-b{width:1000px; height:95%; margin-left:auto; margin-right:auto; font-family:Georgia; }
	     .quick-link-b-l{width:239px; height:95%; float:left;  padding:5px;}
	     .quick-link-b-r{width:240px; height:95%; float:left;  padding:5px;  }
	     ul.quick-link-b-l{margin:0px; padding:0px; list-style:none;}
	     li.quick-link-b-l{margin:0px; padding:0px; list-style:none;}
	     ul.quick-link-b-r{margin:0px; padding:0px; list-style:none;}
	     li.quick-link-b-r{margin:0px; padding:0px; list-style:none;}
	     .quick-link-heading{width:97%; padding:5px 1% 5px 2%; border-bottom:1px solid #FFF; font-size:1.3em; font-family:"Neuton"; text-transform:capitalize; /*background:#0c4796;*/ color:#f4a804; letter-spacing:.5px;}
	     .quick-link-heading img{float:left; margin-right:10px; padding-left:5px;}
	     .quick-link-cont{width:97%; height:100%; font-size:.95em;  line-height:1.5; font-family:"Trebuchet MS";}
	     .quick-link-cont ul, li{line-height:1.2;}
	     .quick-link-cont a:link {font-size:.8em; line-height:1.5; text-decoration:none; color:#fff;}
	     .quick-link-cont a:active {font-size:.8em; line-height:1.5; text-decoration:none; color:#fff;}
	     .quick-link-cont a:visited {font-size:.8em; line-height:1.5; text-decoration:none; color:#fff;}
		 .quick-link-cont a:hover{color:#f4a804;}
	     .quick-link-cont ul{margin:0; padding:10px 0 10px 10px ; list-style:none;}
	     .quick-link-cont a:hover { text-decoration:underline;}
	     .quick-link-cont img{clear:both; width:200px; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:10px; border:1px solid #CCC; padding:5px; }


    /* ================= 9. Footer ================= */
    .footer{width:100%; height:100%; background-color:#0c4796;}
    .footer-cont{width:1000px; height:25px; margin-left:auto; margin-right:auto; padding-top:15px; color:#fff; font-size:.7em;}
    .footer-left-cont{width:500px;  float:left; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
    .footer-right-cont{width:500px;  float:right; color:#f36e19; text-align:right;}
    .footer-right-cont a{ color:#fff; text-decoration:none;}
    .footer-right-cont a:link {text-decoration:none; color:#fff;}
	.footer-right-cont a:active {text-decoration:none; color:#fff;}
    .footer-right-cont a:visited {text-decoration:none; color:#fff;}
    .footer-right-cont a:hover{color:#f4a804; text-decoration:underline;}

    /* ================= 10. Go to top ================= */
     .scrollToTop{
	            width:75px; 
	            height:100px;
	            padding:10px; 
	            text-align:center; 
	            background: whiteSmoke;
	            font:.7em  Arial, Helvetica, sans-serif ;
	            color:#f4a804;
	            text-decoration: none;
	            position:fixed;
	            bottom:30px;
	            right:20px;
	            display:none;
	            background: url('../images/arrow_up.png') no-repeat center;
            }
            .scrollToTop:hover{
	            text-decoration:none;
	            color:#f4a804;
            }
            
            .scrollToTop a{
	            text-decoration:none;
	            color:#f4a804;
            }




    .grid {

	    max-width: 1000px;
	    list-style: none;
	    text-align: center;
    }

    .grid li {
	    display: inline-block;
	    width: 195px;
	    text-align: left;
	    margin:0 0;
	    position: relative;
    }

    .grid figure {
	    margin: 0;
	    position: relative;
    }

    .grid figure img {
	    max-width: 100%;
	    display: block;
	    position: relative;
    }

    .grid figcaption {
	    position: absolute;
	    top: 0;
	    left: 0;
	    background: #2c3f52;
	    color: #ed4e6e;
    }

    .grid figcaption h3 {
	    margin: 0;
	    padding: 10px 10px 10px 0;
	    color: #fff;
	    font-size:1.5em;
    }

    .grid figcaption span:before {
	    content: 'PMU ';
    }

    .grid figcaption a {
	    text-align: center;
	    padding: 5px 10px;
	    border-radius: 2px;
	    display: inline-block;
	    background: #ed4e6e;
	    color: #fff;
    }

    /* Individual Caption Styles */



    /* Caption Style 4 */
    .cs-style-4 li {
	    -webkit-perspective: 1700px;
	    -moz-perspective: 1700px;
	    perspective: 1700px;
	    -webkit-perspective-origin: 0 50%;
	    -moz-perspective-origin: 0 50%;
	    perspective-origin: 0 50%;
		    font-size:.7em;
    }

    .cs-style-4 figure {
	    -webkit-transform-style: preserve-3d;
	    -moz-transform-style: preserve-3d;
	    transform-style: preserve-3d;
    }

    .cs-style-4 figure > div {
	    overflow: hidden;
    }

    .cs-style-4 figure img {
	    -webkit-transition: -webkit-transform 0.4s;
	    -moz-transition: -moz-transform 0.4s;
	    transition: transform 0.4s;
    }

    .no-touch .cs-style-4 figure:hover img,
    .cs-style-4 figure.cs-hover img {
	    -webkit-transform: translateX(25%);
	    -moz-transform: translateX(25%);
	    -ms-transform: translateX(25%);
	    transform: translateX(25%);
    }

    .cs-style-4 figcaption {
	    height: 100%;
	    width: 45%;
	    opacity: 0;
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    backface-visibility: hidden;
	    -webkit-transform-origin: 0 0;
	    -moz-transform-origin: 0 0;
	    transform-origin: 0 0;
	    -webkit-transform: rotateY(-90deg);
	    -moz-transform: rotateY(-90deg);
	    transform: rotateY(-90deg);
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	    transition: transform 0.4s, opacity 0.1s 0.3s;
			    padding:0 5px 0 5px;
    }

    .no-touch .cs-style-4 figure:hover figcaption,
    .cs-style-4 figure.cs-hover figcaption {
	    opacity: 1;
	    -webkit-transform: rotateY(0deg);
	    -moz-transform: rotateY(0deg);
	    transform: rotateY(0deg);
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
	    transition: transform 0.4s, opacity 0.1s;
    }

    .cs-style-4 figcaption a {
	    position: absolute;
	    bottom: 20px;
	    right:10px;
    }



    @media screen and (max-width: 31.5em) {
	    .grid {
		    padding: 10px 10px 100px 10px;
	    }
	    .grid li {
		    width: 100%;
		    min-width: 300px;
	    }
    }


    .content-cont{ width:1000px; height:100%;   margin-left:auto; margin-right:auto; font-size:.9em; color:#0c4796; }
    .content-cont-lt-banner{width:680px; height:100%; margin-left:auto; margin-right:auto; float:left;  }
    .content-cont-lt{ width:680px; height:100%;  min-height:850px; margin-left:auto; margin-right:auto; float:right; background:#fff; padding:0px 10px 10px 10px; line-height:1.7; font-size:.9em; font:'Trebuchet Ms'; color:#666; text-align:justify; box-shadow: 1px 1px 2px #ccc;}
    .content-cont a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none; color:#2050bb;  font-weight:normal;}
    .content-cont a:hover { text-decoration:underline;  }
    .content-cont-lt a:hover { text-decoration:underline;  }
    .content-cont-lt h3{font-size:1.1em; color:#2050bb;}
    .content-cont-lt h4{font-size:1em; color:#2050bb;}
    .content-cont-lt-txt{ width:680px; height:100%; margin-left:auto; margin-right:auto; line-height:1.7; }
    .content-cont-lt-txt ul, ol, li{line-height:1.8; margin-left:15px;}
    .content-cont-lt-img{float:left; margin-right:10px; border:1px solid #c1c1c1; padding:5px;}
    .content-cont-lt-h2{font-family:"RobotoSlab"; font-size:1.8em; font-weight:500; color:#2050bb; margin:0px 0 00px 0px; padding:5px; background:none; border-bottom:2px solid #DEDEDE; 
			    -moz-transition: all 0.3s ease-in-out;
			    -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
			    -webkit-transition: all 0.3s ease-in-out;}
    .content-cont-lt-h2-bt{ width:100%; height:20px; /*background:url(../images/h2-bg.png) no-repeat bottom right;*/}			
    .content-cont-lt-h2:hover{color:#ee681c;		}
    .content-cont-rt{ width:290px; height:100%; margin-left:auto; margin-right:auto; float:left; background:#fff; /*border:2px solid #e0e0e0;*/box-shadow: 1px 1px 5px #ccc;}
    .content-cont-rt  a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none; color:#2050bb;  font-weight:bold;}
    .content-cont-rt a:hover { text-decoration:underline;  }
    .content-cont-rt-hdng{ width:270px; height:100%; padding:5px 10px 5px 10px; background:#0c4697; color:#fff; font-family:"Lato"; font-size:1.2em; font-weight:500; border-bottom:1px solid #e0e0e0;}
    .content-cont-rt-hdng:hover{color:#f36e19; transition: all 0.3s ease;}
    .content-cont-rt-pic{ width:96%; height:200px; padding:5px 2%; border-bottom:1px solid #e0e0e0;}
    .content-cont-rt-pic img{width:100%; height:100%;}
    .content-cont-rt-menu{  width:96%; height:100%; padding:5px 2%; overflow:hidden;}
    .content-cont-rt-menu li { line-height:1;}

    /*Menu*/

    ul.container{
	    /* The topmost UL */
	    width:93%;
	    margin:0 0;
    }

    ul.container li{
	    list-style:none;
	    text-align:left;
    }

    li.menu{
	    /* The main list elements */
	    padding:0 0;
	    margin-left:-5px;
	    width:100%;	
    }

    li.button a{
	    /* The section titles */
	    display:block;
	    font-family:BPreplay,Arial,Helvetica,sans-serif;
	    height:100%;
	    overflow:hidden;
	    padding:10px 10px 10px ;
	    position:relative;
	    width:100%;
	    color:#2050bb;
    }

    li.button a:hover{
	    /* Removing the inherited underline from the titles */
	    text-decoration:none; background:#DDD;
	    }

    li.button a span{
	    /* This span acts as the right part of the section's background */
	    height:44px;
	    position:absolute;
	    right:0;
	    top:0;
	    width:4px;
	    display:block;
    }

    /* Setting up different styles for each section color */

    li.button a.blue{background:#e0e0e0;  border-bottom:1px solid #fff; font-weight:bold; font-size:.9em;
		    -moz-transition: all 0.3s ease-in-out;
		    -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		    -webkit-transition: all 0.3s ease-in-out;}
    li.button a.blue:hover{background:#DDD;  border-bottom:1px solid #fff;}
    li.button a.blue span{ background:#0c4697 url(../images/blue.png) repeat-x top right;}

    li.button a.green{background:#e0e0e0;  border-bottom:1px solid #fff; font-size:.9em;}
    li.button a.green:hover{background:#DDD; border-bottom:1px solid #fff; }
    li.button a.green span{ background:#0c4697 url(../images/green.png) repeat-x top right;}

    li.button a.orange{background:#e0e0e0; border-bottom:1px solid #fff; font-size:.9em;}
    li.button a.orange:hover{background:#DDD; border-bottom:1px solid #fff;}
    li.button a.orange span{ background: #0c4697 url(../images/orange.png) repeat-x top right;}

    li.button a.red{background: #e0e0e0; font-size:.9em;}
    li.button a.red:hover{background: #DDD; }
    li.button a.red span{ background:#0c4697 url(../images/red.png) repeat-x top right;}

    /* The hover effects */

    li.button a:hover{ background-position:bottom left;}
    li.button a:hover span{ background-position:bottom right;}

    .dropdown{
	    /* The expandable lists */
	    display:none;font-size:.8em;
    }

    .dropdown li{
	    /* Each element in the expandable list */
	    background-color:#fff;
	    border-bottom:1px solid #fff;
	    margin:0px 0;
	    padding:1px 10px;
    }
    .dropdown li a{color:#2050bb;}
    .dropdown-sub a:link{ color:#f36e19;}
    .dropdown-sub a:active{ color:#f36e19;}
    .dropdown-sub a:visited{color:#f36e19;}
    .dropdown-sub ul{ line-height:1;}


    /*Menu*/

    .content-cont-rt-social{ width:90%; height:100%; padding:5px 5%;border-bottom:1px solid #e0e0e0; margin-left:auto; margin-right:auto;}
    /*Social Media*/
    .social-slide {
	    height: 48px;
	    width: 48px;
	    margin: 0px 8px;
	    float: left;
	    -webkit-transition: all ease 0.3s;
	    -moz-transition: all ease 0.3s;
	    -o-transition: all ease 0.3s;
	    -ms-transition: all ease 0.3s;
	    transition: all ease 0.3s;
    }
    .social-slide:hover {
	    background-position: 0px -48px;
	    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
    }
    .twitter-hover {
	    background-image: url('../images/twitter-hover.png');
    }
    .facebook-hover {
	    background-image: url('../images/facebook-hover.png');
    }
    .google-hover {
	    background-image: url('../images/google-hover.png');
    }
    .youtube-hover {
	    background-image: url('../images/youtube-hover.png');
    }
    /*Social Media*/
    .content-cont-rt-youtube{ width:96%; height:220px; padding:5px 2%; border-bottom:1px solid #e0e0e0;}
    .content-cont-rt-photo{ width:90%; height:200px; padding:5px 5%;}
    /*Table Design*/
	        .box-table-a tr td img {display:block; margin: 0 auto;}
	        .box-table-a
            {	width:100%;
	            text-align: left;
	            border-collapse: collapse;
	            vertical-align:top;
            }
            .box-table-a th
            {	
	            font-weight: bold;
	            padding:5px 10px; text-align:center;
	            background: #0c4697;
	            border:1px solid #0b3d7b;
	            color: #FFF;
			    font-size:1em;
            }
            .box-table-a_rowup
            {	
	            background:#dbe5f1;
	        
            }
            .box-table-a_rowbtm
            {	
	            background:#b8cce4;
	        
            }
            .box-table-a td
            {
	            padding:5px 10px;
	            /*background: #e8edff; */
	            border-bottom: 1px solid #0b3d7b;
	            border-left: 1px solid #0b3d7b;
	            border-right: 1px solid #0b3d7b;
	            border-top: 1px solid #0b3d7b;
	            color:#0b3d7b;
	            vertical-align:top;
            }
            .box-table-a tr:hover td
            {
	            background: #f5f5f5/*d0dafd*/;
			    -moz-transition: all 0.3s ease-in-out;
			    -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
			    -webkit-transition: all 0.3s ease-in-out;
	
            }
            .box-table-a ul{margin-left:15px;}
        
        
            /*Make sure your page contains a valid doctype at the top*/
            #simplegallery1{ //CSS for Simple Gallery Example 1
            position: relative; /*keep this intact*/
            visibility: hidden; /*keep this intact*/
            border: 5px solid #e0e0e0;
            }

            #simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
            text-align: left;
            padding: 2px 5px;
            }
		
		
		
		    /*news container*/
		    .mid-box-cont-heading{width:97%; height:25px; padding:8px 1% 0px 2%; border-bottom:1px solid #039; font-size:1.1em; font-family:"Trebuchet MS"; text-transform:capitalize; color:#2357bd;}
		    .pagination{width:100%; height:30px; margin-left:auto; margin-right:auto; text-align:center; font-size:.9em; background:#fff;}
		    .mid-box-cont-cont-newsp{width:100%; height:100%; font-size:.9em; padding:5px 0 3px 0; color:#666666; line-height:1.8;}
		    .mid-box-cont-newsp{ width:100%; height:100%; font-size:1em;}
		    .news-cont-row-newsp{width:100%; height:65px; margin-bottom:5px; clear:both;}
		    .news-date-newsp{width:10%; height:40px; float:left; text-align:center; padding:15px 1% 10px 1%; font-family:Georgia; line-height:normal; background-color:#f4a804; color:#fff; font-size:1.4em; font-weight:normal;}
		    .news-content-newsp{width:86%; height:59px; float:left; padding:2px; border:1px solid #f0f0f0; color:#666666; background:#FFF;}
		    .news-content-newsp img{float:left; margin-left:5px; margin-right:5px;  height:60px;}
		    .news-content-newsp:hover{background-color:#EFEFEF;}
		    .news-content-newsp a:link {color:#666666; line-height:1.5; text-decoration:none; margin-left:5px; font-weight:normal;}
		    .news-content-newsp a:active {color:#666666; line-height:1.5; text-decoration:none;}
		    .news-content-newsp a:visited {color:#666666; line-height:1.5; text-decoration:none;}
		    .news-content-newsp a:hover {color:#2458a4; text-decoration:underline;}
		    .news-icn{padding:5px 0 0 0;}
		
		
		    /*pagination css*/
			    /* Page Numbers */
			    .pages {
			     font: 83%/1.4 arial, helvetica, sans-serif;
				    clear: left;
				    font-size: 85%;
				    padding-left:33%;
				    }
			
			    .pages a, .pages span {
				    color:#003366;
				    display: block;
				    float: left;
				    padding: 0.2em 0.5em;
				    margin-right: 0.1em;
				    border: 1px solid #fff;
				    background: #fff;
			    }
			
			    .pages span.current {
				    border: 1px solid #093d83;
				    font-weight: bold;
				    background: #2357bd;
				    color: #fff;
			    }
			
			    .pages a {
				    border: 1px solid #0c4796;
				    text-decoration: none;
			    }
			
			    .pages a:hover {
				    border-color: #2357bd;
				    background:#2357bd;
				    color:#fff;
			    }
			
			    .pages a.nextprev {
				    font-weight: bold;
			    }
			
			    .pages span.nextprev {
				    color: #666;
			    }
			
			    .pages span.nextprev {
				    border: 1px solid #ddd;
				    color: #999;
			    }
			
			    .pages .nextprev-next {
				    float: right;
			    }
			
			    input.f-submit	{
			    padding:9px 14px;		
			    height:auto;
			    margin-left:5px; margin-top:10px; color:#FFF; background-color:#2357bd; border:1px solid #275cab; font-size:1em; font-family:Georgia; 	}
			    input.f-submit:hover {
				     border:1px solid #275cab; background-color:#f4a804; cursor:pointer; cursor:hand;
			    }

			    /*photogallery*/
			    #main ul li {display:inline;}
			    #main {	width:100%;}
			
			
			    /**/
			    .box-cont-inner{ width:100%; height:100%; min-height:90px; background:#fff;}
			    .box-cont-inner-hdng{width:120px; height:80px; float:left; padding:5px; border:1px solid #c1c1c1;}
			    .box-cont-inner-hdng img{width:120px; height:80px;}
			    .box-cont-inner-hdng-txt{width:500px; height:100%; min-height:90px; float:right; line-height:1.8; padding:0px 10px; background:#FFF; /*opacity:0.8;*/}
			    .box-cont-inner-hdng-txt li{line-height:1.8}
			    .box-cont-inner-hdng-txt:hover{ background:#efefef;
			    -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;}
			    .box-cont-inner-hdng-txt a{  line-height:1.8; font-size:1em; color:#2050bb;}
			    .box-cont-inner-hdng-txt a:hover{ color:#f36e19; text-decoration:none;
                -moz-transition: all 0.5s ease-in-out;
			    -o-transition: all 0.5s ease-in-out;
			    transition: all 0.5s ease-in-out;
			    -webkit-transition: all 0.5s ease-in-out;}
			    .box-cont-inner-hdng-txt ul{ list-style:none;}
			
			
			    .club-organization{width:98%; height:100%; padding:1%; /*background:#fff; border-bottom:1px solid #ccc;  box-shadow: 1px 1px 10px  #ccc;*/ margin-bottom:0px;}
			    .club-organization-name{width:100%; height:20px; padding:0%; margin-top:0px;}
			    .club-organization-name h4{ color:#2050bb; font-family:Georgia; font-weight:normal; font-size:1.3em;}
			    .club-organization-desp{margin-top:10px;  text-align:justify; line-height:1.6;}
			    .club-organization-hdng{background-color:#2050bb; padding:2px 5px; width:100px; color:#FFF; margin:0px 5px 5px 0px; float:left; font-weight:bold;}
			    .club-organization-desp img{ float:right; margin-left:10px;}
			    .club-organization-prdnt{margin-top:10px;}
			    .club-organization-advsor{margin-top:10px;}
			    
			    			    
			    /* ##### Top level items #####*/

                #acdnmenu 
                {
                    /* Note about height: 
                    Set "height:auto;" if flexible height is required. 
                    Usually a fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
                    height: auto;
                    width: 100%;
					background:
                }


                #acdnmenu ul.top
                {
	                padding-left:0;
                    background:white;
                   /* border:1px solid #D2D8DE;*/
                }

                #acdnmenu div.heading, #acdnmenu a.link
                {
                    padding:8px; padding-left:10px;
                    text-align:left;
                    font:bold 1.1em BPreplay,Arial,Helvetica,sans-serif;
                    color:#2050bb; 
                    background:#EEE /*url(../images/acd-bg.gif) repeat-x 0 0*/;
                    text-decoration:none;
                    outline:none;
                }

                #acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link
                {
                    color:#2050bb;
                    font-weight:bold;
                    text-decoration:none;   
                    background-position:0 -64px;
                }

                /* arrow image for the top headings */
                #acdnmenu div.arrowImage {
                    width:12px;
                    height:12px;
                    top:9px;
                    right:2px; /* Changing it to "left:2px;" will position the arrow image to the left */
                    background-image:url(../images/acd-arrows.gif);
                    background-position:0 0;
                }

                #acdnmenu div.current div.arrowImage {
                    background-position:0 -12px;
                }

                #acdnmenu li.separator
                {
                    border-top:1px solid #D2D8DE;/*1*/
                    border-bottom:none; 
                }


                /* ##### Sub level items #####*/
                #acdnmenu ul.sub
                {
	                padding-left:8px; /*This determines the hierarchical offset*/ 
                }

                #acdnmenu ul.sub div.heading
                {
                    text-align:left;
                    font:bold	 1em BPreplay,Arial,Helvetica,sans-serif;
                    padding:5px; padding-left:20px;
                    color:#2050bb;
                    background:none; 
                }
                #acdnmenu ul.sub div.heading a
                {
                    color:#2050bb;
                }

                #acdnmenu ul.sub div.current
                {
                    color:#2050bb;
                    background:none; 
	                font:bold;
                }

                #acdnmenu ul.sub a.link
                {
                    font:normal 1em Arial;
                    color:#2050bb;
                    padding:4px; padding-left:10px;
                    text-decoration:none;
                    background:none; 
					
                }

                #acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current
                {
                    color:#fff;
                    text-decoration:none;
                    background:#f36e19; 
					
                }


                #acdnmenu ul.sub div.arrowImage {
                    width:12px;
                    height:12px;
                    top:6px;
                    left:4px;
                    background-image:url(../images/acd-arrows.gif);
                    background-position:0 -24px;
                }
                #acdnmenu ul.sub div.current div.arrowImage {
                    background-position:0 -36px;
                }



                /* ##### Followings usually don't need modification ###### */
                /*Hack the font-size:0 bug for IE6 */
                #acdnmenu,  #acdnmenu ul
                {
                    display:block;
                    font-size:0px;
                    line-height:0px;
                }
                #acdnmenu li {font-size:12px; line-height:16px;}
                #acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
                #acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {*zoom:1;}
                #acdnmenu li {*float:left;*width:100%;}

                #acdnmenu ul
                {
	                position:relative;/*!*/
	                overflow:hidden;
	                padding:0;margin:0;list-style-type: none;padding-left:10px;
                }
                #acdnmenu>ul{visibility: hidden;}
                #acdnmenu li {padding:0;margin:0;}

                #acdnmenu div.heading, #acdnmenu div.current
                {
	                position:relative;
                    cursor: pointer;
                }
                #acdnmenu div.heading:hover{ background:#F6F6F6;}
                #acdnmenu div.arrowImage {position:absolute; overflow:hidden;}
                /*acdmenu ends here*/
                
                
                /*PhotoGallery and Events Calendar*/
                .photogallery{width:98%; height:100%; min-height:150px; padding:1%; background:#fff; border-bottom:1px solid #2050bb; margin-bottom:10px;}
                .photogallery-thmub{width:120px; height:100%; float:left; margin:0 15px 0 18px; background:#eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
                .photogallery-thmub:hover{ background:#DEDEDE; cursor:default;}
                .photogallery-thmub-img{width:120px; height:100px;}
                .photogallery-thmub-img img{width:120px; height:100px; border:none;}
                .photogallery-thmub-txt{width:91.5%; height:91.5%; background:#2050bb; text-align:center; padding:5px; color:#fff;}
                .photogallery-thmub-txt a:link{color:#fff; text-decoration:none;}
                .photogallery-thmub-txt a:active{color:#fff; text-decoration:none;}
                .photogallery-thmub-txt a:visited{color:#fff; text-decoration:none;}
                .photogallery-thmub-txt:hover{ background:#f36e19;}
			    .photogallery-event-name{width:100%; height:20px; padding:0%; margin-top:0px;}
			    .photogallery-event-name h4{ color:#2050bb; font-family:Georgia; font-weight:normal; font-size:1.3em;}
			    .photogallery-event-desp{margin-top:5px;  text-align:justify;}
			    .photogallery-event-hdng{background-color:#2050bb; padding:2px 5px; width:100px; color:#FFF; margin:0px 5px 0px 0px; float:left; font-weight:bold;}
			    .photogallery-event-desp img{ float:left; margin:0 10px 0 0; border:1px solid #eee; padding:5px;}
			    .photogallery-event-date{margin-top:5px; font-weight:bold;}
			    .photogallery-event-place{margin-top:5px; font-weight:bold;}
			    
			    .event-list-cont{ width:100%; height:100%; clear:both;}
			    .event-list-cont-hdng{ width:100%; height:30px; clear:both; background:#0c4796; color:#fff;}
			    .event-list-cont-hdng-dt{ width:15%; height:20px; float:left; border-right:1px solid #fff; padding:5px;}
			    .event-list-cont-hdng-time{ width:20%; height:20px; float:left; border-right:1px solid #fff; padding:5px;}
			    .event-list-cont-hdng-title{ width:60%; height:20px; float:left; padding:5px;}
                
                .event-list-cont-txt{ width:100%; height:25px; clear:both; border-bottom:0px solid #dedede; padding:5px 0;}
                .event-list-cont-txt:hover{ background-color:none;}
			    .event-list-cont-txt-dt{ width:15%; height:100%; float:left;  padding:5px 5px 0px 5px; color:#2050bb; font-weight:bold;}
			    .event-list-cont-txt-time{ width:20%; height:100%; float:left; padding:5px 5px 0px 5px; color:#2050bb;}
			    .event-list-cont-txt-title{ width:60%; height:100%; float:left; padding:5px 5px 0px 5px;}
                
                /* module: shadowbox
	             */
	 
	            div.mod-shadowbox div.box-t1 { background: url(../images/module_shadowbox_corners.png) 0 0 no-repeat; }
	
	            div.mod-shadowbox div.box-t2 { 
		            padding: 0px 60px 0px 60px;
		            background: url(../images/module_shadowbox_corners.png) 100% -10px no-repeat;
	            }
	
	            div.mod-shadowbox div.box-t3 { 
		            height: 5px;
		            background: url(../images/module_shadowbox_corners.png) 0 -20px repeat-x;
	            }
	
	            div.mod-shadowbox div.box-1 { background: url(../images/module_shadowbox_edges.png) 0 0 repeat-y; }
	
	            div.mod-shadowbox div.box-2 { 
		            padding: 0px 5px 0px 5px;
		            background: url(../images/module_shadowbox_edges.png) 100% 0 repeat-y;
	            }
	
	            div.mod-shadowbox div.box-3 { 
		            padding: 5px;
		            background: #FFF;
		            overflow: hidden;
	            }
	
	            div.mod-shadowbox div.box-b1 { background: url(../images/module_shadowbox_corners.png) 0 -30px no-repeat; }
	
	            div.mod-shadowbox div.box-b2 { 
		            padding: 0px 60px 0px 60px;
		            background: url(../images/module_shadowbox_corners.png) 100% -45px no-repeat;
	            }
	
	            div.mod-shadowbox div.box-b3 { 
		            height: 10px;
		            background: url(../images/module_shadowbox_corners.png) 0 -60px repeat-x;
	            }
	
	            #headermodules div.mod-shadowbox,
	            #bottom2 div.mod-shadowbox {
		            color: #858586;
		            text-shadow: none;
	            }
     
	            
	
	            .media-cont{ width:49%; height:100%; float:left; margin-left:1%;}
	            .mid-box-cont-heading{width:97%; height:25px; padding:8px 1% 0px 2%; border-bottom:1px solid #039; font-size:1.1em; font-family:"Trebuchet MS"; text-transform:capitalize; color:#2357bd;}
	            .mid-box-cont-heading img{float:left; margin-right:10px;}
	            .media-cont_box_uplft{ width:50%; height:400px; float:left; margin-right:20px;}
                .media-cont_box_uplrt{ width:48%; height:400px; float:left;}
                .media-cont_box_rgt{ width:330px; height:100%; float:left;}
                #youmax{width:100% !important; height:320px;}
                .table-contact {float:left; width:50%; height:100%;}
                .lrc-iframe{ width:100%; height:75px; background-color:#FFF;}
                
                
                /*inner banner*/
                .inner-banner {width:1000px; height:100%; margin:00px auto;}
                
                
                /********Calendar********/
                
				fieldset.calendar{ width:96%; border:0px solid #e0e0e0; padding:5px; color:#2050bb; font-family:Arial; font-size:.8em;}
				.calendar legend{ color:#2050bb; font-family:Georgia; font-weight:normal; font-size:1.6em;}
				input.calendar {
							font:1em Trebuchet Ms; color:#275cab;
							border: 1px solid #1d4d9e;
							padding: 2px;
							background: #F0F0F0;
							margin:0px;
							width:400px;
							height:20px;
							margin-top:5px;
							margin-bottom:5px;
							color:#1d4d9e;
						}
						input.calendar-date {
							font:1.2em Trebuchet Ms; color:#275cab; font-weight:bold;
							border: 1px solid #1d4d9e;
							padding: 2px;
							background: #F0F0F0;
							margin:0px;
							width:175px;
							height:20px;
							margin-top:5px;
							margin-bottom:5px;
							color:#1d4d9e;
						}
						textarea.calendar {
							font:1.2em Trebuchet Ms; color:#275cab; font-weight:bold;
							border: 1px solid #1d4d9e;
							padding: 2px;
							background: #F0F0F0;
							margin:0px;
							width:400px;
							height:100px;
							margin-top:5px;
							margin-bottom:5px;
							color:#1d4d9e;
						}
						select.calendar {
							font:.9em Trebuchet Ms; color:#275cab; font-weight:bold;
							border: 1px solid #1d4d9e;
							padding: 2px;
							background: #F0F0F0;
							margin:0px;
							width:405px;
							height:25px;
							margin-top:5px;
							margin-bottom:5px;
							color:#1d4d9e;
						}
					input.calendar:hover, input.calendar:focus, select.calendar:focus, select.calendar:hover, textarea.calendarTextBox:focus {
							 border:1px solid #5c92f7;
							 background-color:#FFF;
						}
						
					input.calendar-submit	{
						padding:5px 20px;		
						height:auto;
						text-align:center; margin-right:5px; margin-top:0px; color:#FFF; background-color:#2357bd; border:1px solid #275cab; font-size:1em; font-family:Georgia; 	}
					
					
					input.calendar-submit:hover {
						 border:1px solid #275cab; background-color:#3a7cba;
					}
                /********Calendar********/
                
                   /* Form*/
                fieldset.form{ width:97%; border:1px solid #1d4d9e;}
                input.form {
			                font:.9em Trebuchet Ms; color:#275cab; font-weight:bold;
			                border: 1px solid #1d4d9e;
			                padding: 2px;
			                background: #F0F0F0;
			                margin:0px;
			                width:400px;
			                height:21px;
			                margin-top:5px;
			                margin-bottom:5px;
			                color:#1d4d9e;
		                }
		                input.date-form {
			                font:.9em Trebuchet Ms; color:#275cab; font-weight:bold;
			                border: 1px solid #1d4d9e;
			                padding: 2px;
			                background: #F0F0F0;
			                margin:0px;
			                width:175px;
			                height:20px;
			                margin-top:5px;
			                margin-bottom:5px;
			                color:#1d4d9e;
		                }
		                textarea.form {
			                font:.9em Trebuchet Ms; color:#275cab; font-weight:bold;
			                border: 1px solid #1d4d9e;
			                padding: 2px;
			                background: #F0F0F0;
			                margin:0px;
			                width:400px;
			                height:100px;
			                margin-top:5px;
			                margin-bottom:5px;
			                color:#1d4d9e;
		                }
		                select.form {
			                font:1em Trebuchet Ms; color:#275cab; font-weight:bold;
			                border: 1px solid #1d4d9e;
			                padding: 2px;
			                background: #F0F0F0;
			                margin:0px;
			                width:405px;
			                height:27px;
			                margin-top:5px;
			                margin-bottom:5px;
			                color:#1d4d9e;
		                }
	                input.form:hover, input.emp_form:focus, select.emp_form:focus, select.emp_form:hover, textarea.emp_TextBox:focus {
			                 border:1px solid #5c92f7;
			                 background-color:#FFF;
		                }
		
	                input.submit	{
		                padding:5px 14px;		
		                height:auto;
		                margin-left:5px; margin-top:0px; color:#FFF; background-color:#2357bd; border:1px solid #275cab; font-size:1em; font-family:Georgia; 	}
	
	
	                input.submit:hover {
		                 border:1px solid #f36e19; background-color:#f4a804; cursor: pointer; cursor: hand;
	                }
	                
	                .archive-cont{width:96%; height:100%; background:#fff; border-bottom:5px solid #efefef; padding:10px 2%;}
                    .archive-cont:hover{ background-color:#efefef;}