* { margin:0; padding:0; }
.column-fix { padding:0 10px; }
.alpha .column-fix { padding: 0; }
.omega .column-fix { padding: 0; }
.alpha.omega .column-fix { padding:0; }

body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

body { padding: 0; background: transparent ; font: 16px/1.6 'Roboto Slab', serif; font-size: 15px; color: #666666;  text-align: center;  }

a {color:#1b8bb4; text-decoration:none; border:none;}

a:link, li a.active {color:#1b8bb4; text-decoration:none; border:none;}

a:hover {color:#1b8bb4; text-decoration: underline; border:none;}

img {max-width: 100%; height: auto; } 

img a { border:none; }

h1, h2, h3, h4, h5, h6 { font-family:  font-family: 'Roboto Slab', serif; margin:0 0 10px 0; }

h1 { font-size:130%; }

h2 { font-size:120%; font-weight: bold;}

h3 { font-size:110%; font-weight: bold;}

h4 { font-size:100%; font-weight: bold;}

h5 { font-size:100%; }

h1.title {              border-bottom: 0 none;
    color: #1968b1;
    font-size: 25px;
    font-weight: normal;
    padding-left: 20px;
    padding-top: 10px;
 }

.node h2 a { color:#1c8cb5; font-size: 26px; }

p { margin:0 0 10px 0; }

blockquote { border: 1px solid #ced1da; background: #eef0f5; margin:20px 0; padding: 20px; color:#788093; font-weight:bold; font-style:italic; }

.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

/*
 * Page
 */
#page { background: #fff; }

/*
 * Header-top
 */
 
.hd-pan {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 none;
    height: 85px;
    position: relative;
    width: 100%;
    z-index: 100;
}
 
#header-top {
    float: right;
    margin-bottom: 10px;
}
 
#header-top-inside {  height:52px; margin:0 auto; }

#header-top-inside-left {
    color: #485766;
    float: left;
    font-size: 14px;
    margin-top: 15px;
    padding: 0 0 0 20px;
    text-align: left;
    text-transform: uppercase;
}

#header-top-inside-left a  { color: #6a87a3; }

#header-top-inside-left-feed { float:left; padding:20px 0 0 0; }

#header-top-inside-right { float:right; text-align:right; padding:15px 0 0 0; }

/*
* Header menu
*/
.region-header ul.menu li { float:left; display:block; overflow:hidden; list-style-type:none; padding:0 10px; margin:0; border-right:1px solid #6a87a3;  }

.region-header ul.menu li.first { padding:0 10px 0 0; }

.region-header ul.menu li.last { border-right:none; }

/*
 * Wrapper
 */
#wrapper {
    background: transparent url("../images/main-bg.jpg") repeat-x  top center;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
}

#header {     padding-top: 0px;}

#logo-floater {     
    float: left;
    margin: 5px 0 0;
    text-align: left;
 }
 
 .weekly  {display: none !important;}

#logo-floater a { outline:none; }

#site-name a { color:#ffffff; font-size:14px; outline:none; }

#slogan { color:#485766; text-transform:uppercase; font-size:10px; }

#navigation { 
    background: transparent none repeat scroll 0 0;
    display: block;
    float: right;
    margin: 0px;
    text-align: right;
    width: 100%;
    margin-top: 25px;
}

#highlighted { padding:0 0 20px 0; }

#main-area {  } 

#main-area-inside {  display:block; overflow:hidden; background: #FFF; } 

#main { padding:20px;  min-height: 400px; } 

.no-sidebars #main { padding:20px 40px 20px 20px; } 

.no-sidebars #main-area-inside { background: #ffffff; }

#flower {
    margin-left: -81px;
    margin-top: -160px;
    position: absolute;
}


.home-links .content  {
    float: left;
    padding: 0 3% !important;
    text-align: center;
    width: 44%;
}


.home-links .content   h3 a{
    color: #1968b1;
    float: left;
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 10px;
    padding-top: 5px;
    width: 100%;
}

.home-links .content  p{
    float: left;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
}


/*
* Taxonomy - Feed Pages
* .node-teaser
*/
.node-teaser { display:block; margin:0 0 25px 0; padding:0 0 5px 0; border-bottom:1px dotted #84A1AF; }

/*
 * Region-sidebar-first
 */
#right { background: transparent; }

#right .block h2 {  
    border-bottom: 1px dashed #ccc;
    color: #1968b1;
    font-size: 25px;
    font-weight: 400 !important;
    margin: 0;
    padding: 0 0 10px 10px;
 }
 
#block-views-latest-post-block-1 .views-row {
    background: transparent url("../images/read-more-1.jpg") no-repeat scroll 0 0;
    padding-bottom: 25px;
    padding-left: 33px;
    float: left;
}

#block-views-latest-post-block-1  .views-field-title a{
    color: #333;
    font-size: 16px;
    font-weight: 600;
}


#block-views-latest-post-block-1 .views-field-field-spevent-date{
    color: #1968b1;
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 5px;
}


#block-views-latest-post-block-1 .views-field-body{
    font-size: 15px;
    padding-left: 10px;
}

#block-views-latest-post-block-1 .views-field-view-node {
    float: left;
}


#block-views-latest-post-block-1 .views-field-view-node a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #1968b1;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    padding: 0;
}

#block-block-18 ul,
#block-block-17 ul,
#block-block-22  ul,
#block-block-23  ul {
    list-style: outside none none;
    margin: 0;
}

#block-block-18 ul li,
#block-block-17 ul li,
#block-block-22  ul  li,
#block-block-23  ul  li {
    background: transparent url("../images/download_document.jpg") no-repeat scroll 0 0;
    padding-bottom: 10px;
    padding-left: 40px;
}
#block-block-18 ul li a,
#block-block-17 ul li a ,
#block-block-22  ul  li a,
#block-block-23  ul  li a{
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

#right .block .content { padding: 20px 0; } 

#right .block.block-menu .content,

#right .block.block-system .content { padding:10px; margin:0; } 

#right .block ul.menu { padding:0; margin:0; } 

#right .block ul.menu ul { padding:0 0 0 10px; }

#right .block ul.menu li { padding:0; margin:0; list-style: none; } 

#right .block ul.menu li a { background: url("../images/menu-right-bg.png") no-repeat scroll 96% center #E0E3EB; color: #747C93; display: block;
font-family:  Verdana, Arial,Helvetica,sans-serif; font-weight: 600; overflow: hidden; padding: 10px 20px 10px 10px; margin:0 0 2px 0; } 

#right .block ul.menu li ul.menu li a { background-image:none; margin:0 0 2px 0; }

/*
 * Home
 */
#home-blocks-area {     clear: both;
    min-height: 100px;
    overflow: hidden;
    padding: 10px 0 0;
    padding-bottom: 30px;
} 

/* Example overrides */

.home-block-area { float:none; padding:0; } 

.home-block-area.first { padding-left:0; }

.home-block-area.last { padding-right:0;  }

#home-blocks-area .region-home-area-3-b .block { background:none; margin: -6px 0 0; }

#home-blocks-area .block { background:transparent ; padding-bottom:0px;  }

#home-blocks-area .block h2 {   
    color: #333333;
    font-size: 35px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0 0 20px;
 }

#home-blocks-area .region-home-area-1 .block h2 { 
    background: transparent;
    padding: 0px;
}

#home-blocks-area .region-home-area-2 .block h2 { 
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 13px;
    padding: 0;
 }

#home-blocks-area .region-home-area-3 .block h2 { background:transparent; padding:0px; }

#home-blocks-area .block .content {     
    background: transparent none repeat scroll 0 0;
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    overflow: hidden;
    padding: 10px 0;
 }
 
#home-blocks-area .block .content .readmore{     
    background: #e5e5e5 url("../images/read-more-1_h.jpg") no-repeat scroll right center;
    color: #1968b1;
    float: left;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    padding: 4px 45px 4px 10px;
    text-decoration: none;
}
 
.bottom-box {
    background: url("../images/event-bg.jpg") repeat  center;
}

#block-views-latest-post-block  h2 {
    border-bottom: 1px dashed #333;
    color: #333;
    font-size: 45px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 30px;
}

#home-blocks-area .block .content h1, 
#home-blocks-area .block .content h2, 
#home-blocks-area .block .content h3, 
#home-blocks-area .block .content h4 { color:#ffffff; }

#home-blocks-area .block .content h3 { font-size:17px; }

#home-blocks-area .block .content .detail h3 { font-size:14px; padding:0; margin:0; }
#home-blocks-area .block .content .detail h4 { color: #6a7796; font-size: 14px; line-height: 16px; padding:0; margin:0; font-weight:normal; }

#home-blocks-area .block .content p.post-note{  font-size: 12px; margin-top: -8px; }

#home-blocks-area .block .content p.post-note a{ color: #3f9fcf; }


#block-views-latest-post-block .views-row  {
    background: transparent none repeat scroll 0 0;
    float: left;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 12px;
    text-align: left;
    width: 31%;
    min-height: 270px;
}


#block-views-latest-post-block .views-row-last {
	    margin-right: 10px;
}

.view-latest-post  .views-row  .views-field-title  {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    line-height: 1.1;
    padding: 3px 10px;
}

.view-latest-post  .views-row  .views-field-field-spevent-date  {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    padding: 10px 10px 0;
}

#block-views-latest-post-block-1.views-row  .views-field-title  {
    background: none repeat scroll 0 0 #9F9F9F;
    padding: 4px;
}


#block-views-latest-post-block .views-row  .views-field-title a  {
    color: #1968b1;
    font-size: 25px;
    font-weight: 400;
}



#block-views-latest-post-block .views-row  .views-field-field-post-image  {
	margin-top: 1px;
}


#block-views-latest-post-block .views-row  .views-field-body  {
    color: #494949;
    font-size: 17px;
    font-weight: 500;
    min-height: 60px;
    padding: 10px 10px 5px;
}


#block-views-latest-post-block .views-row  .views-field-view-node  {
    float: left;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-top: 15px;
}


#block-views-latest-post-block .views-row  .views-field-view-node a  {
    background: #1968b1 url("../images/read-more-1.jpg") no-repeat scroll right center;
    color: #fff;
    font-size: 15px;
    padding: 4px 45px 4px 10px;
    text-decoration: none;
}

#block-views-latest-post-block .views-row  .views-field-view-node a:hover  {
    background: #fff url("../images/read-more-1_h.jpg") no-repeat scroll right center;
    color: #1968b1;
}

.page-special-events  #block-views-latest-post-block-1 {display: none;}

.page-student-blog .view-student-blog .views-row,
.page-special-events .view-latest-post .views-row {
    border-bottom: 1px dashed #ccc;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.page-student-blog  .view-student-blog .views-row-last,
.page-special-events .view-latest-post .views-row-last {
    border-bottom: 0;
}

.page-student-blog  .view-student-blog .views-row h2,
.page-special-events .view-latest-post .views-row .views-field-title {
    margin-bottom: 0;
    padding: 0 0 5px;
}

.page-student-blog  .view-student-blog .views-row h2 a,
.page-special-events .view-latest-post .views-row .views-field-title a {
    color: #1968b1;
    font-size: 20px;
    font-weight: 400
}

.node-type-blog  .submitted { display: none !important;}
.page-student-blog  .view-student-blog .views-row .submitted {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    color: #000;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    padding-bottom: 10px !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    width: 100%;
}

.blog_usernames_blog {
display: none !important;
}

.page-special-events .view-latest-post .views-row .views-field-field-spevent-date {
    padding: 5px 0;
}

.page-student-blog .view-student-blog .views-row .node-readmore ,
.page-special-events .view-latest-post .views-row .views-field-view-node {
    background: transparent none repeat scroll 0 0;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    padding: 0;
}

.page-student-blog .view-student-blog .views-row .node-readmore a,
.page-special-events .view-latest-post .views-row .views-field-view-node a {
    background: #1968b1 url("../images/read-more-1.jpg") no-repeat scroll right center !important;
    color: #fff !important;
    font-size: 15px !important;
    padding: 4px 45px 4px 10px !important;
    text-decoration: none;
}

.page-student-blog .view-latest-post .views-row .node-readmore a:hover,
.page-special-events .view-latest-post .views-row .views-field-view-node a:hover {
background:  #ccc url("../images/read-more-1_h.jpg") no-repeat scroll right center  !important;
    color: #1968b1  !important;
}

.field-name-field-spevent-date {    color: #333;
    font-size: 17px;
    padding-bottom: 10px;
    padding-top: 5px; font-weight: bold;}

#block-block-3 .content {padding: 0 !important;}

.date-top {
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-top: 1px;
    white-space: nowrap;
}

.nav-table td {
    color: #FFFFFF;
}


#calendarTitle {
    color: #FFFFFF;
    font-family: 'Scada',sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}

#block-block-9 .content,
#block-block-4 .content {
	padding: 0 !important;
	background: #fff !important;
}

#calendarTitle {display: done;}

#block-locale-language {
    float: left;
    margin-right: 15px;
    margin-top: 0;
}

#block-locale-language  .language-switcher-locale-url{
   margin: 0 0 5px;
}

#block-locale-language  .language-switcher-locale-url li{
    float: left;
    height: 25px;
    list-style: none outside none;
    margin-right: 3px;
    margin-top: 0px;
    padding: 0;
}

#block-locale-language  .language-switcher-locale-url li a{
    background: transparent none repeat scroll 0 0;
    color: #ffffff;
    font-weight: normal;
    padding: 4px !important;
}


#block-locale-language  .language-switcher-locale-url li a:hover{
color: #60aff8;
}


#block-locale-language  .language-switcher-locale-url li .active{
    background: transparent;
    color: #60aff8;
    font-weight: normal;
}

#block-block-20 {
    float: right;
    padding-bottom: 5px;
    padding-right: 15px;
}

#block-block-5 {
    float: right;
    margin-right: 3px;
    margin-top: 10px;
}

#footer-bottom-inside-right {
   float: left;
    width: 100%;
}

#block-block-6,
#block-block-8
 {
    float: left;
    width: 100%;
}

#block-block-6  h2,
#block-block-8  h2{
    color: #333;
    font-size: 22px;
    font-weight: normal;
}


#block-block-6  p,
#block-block-8  p{
    color: #626262;
font-family: 'Roboto Slab', serif;
    font-size: 17px;
}

#block-block-6  ul,
#block-block-8  ul{
    list-style: none outside none;
    margin: 0;
}

#block-block-6  ul li,
#block-block-8 ul li{
    color: #626262;
    font-family: "Roboto Slab",serif;
    font-size: 16px;
}

#block-block-6  ul li a,
#block-block-8  ul li a{
    color: #1968b1;
    font-size: 17px;
}

#block-block-6 .left,
#block-block-8 .left  {

}

#block-block-6 .right,
#block-block-8 .right{

}


#block-block-31 {
float: left;
background: #EFEFEF;
padding: 15px 15px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 12px;
border: 1px dashed #1968B1;
margin-right: 20px;
}

#block-block-31 p{
font-size: 15px;
line-height: 1.5;
color: #333;
}

#block-block-31 p a{
background: #e5e5e5 url("../images/read-more-1_h.jpg") no-repeat scroll right center;
color: #1968b1;
float: left;
font-size: 15px;
font-weight: 500;
margin-top: 20px;
padding: 4px 45px 4px 10px;
text-decoration: none;
}

#block-block-33 {
float: left;
background: #EFEFEF;
padding: 15px 15px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 12px;
border: 1px dashed #1968B1;
margin-left: 0;
min-height: 169px;
margin-right: 20px;
}

#block-block-32 {
float: left;
background: #EFEFEF;
padding: 15px 15px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 12px;
border: 1px dashed #1968B1;
margin-left: 20px;
min-height: 169px;
}

.flex-direction-nav {display: none;}

#block-block-33 h2,
#block-block-32 h2{
color: #1968b1;
}

#block-block-33 p,
#block-block-32 p{
font-size: 15px;
line-height: 1.5;
color: #333;
}

#block-block-32 a,
#block-block-33 a {
background: #e5e5e5 url("../images/read-more-1_h.jpg") no-repeat scroll right center;
color: #1968b1;
float: right;
font-size: 15px;
font-weight: 500;
margin-top: 20px;
padding: 4px 45px 4px 10px;
text-decoration: none;
}

#block-block-33 .read-more-red { 
background: #DD0000 url("../images/read-more-1-red.jpg") no-repeat scroll right center;
color: #fff;
float: left;
}

#block-views-latest-post-block-1   .content ,
#block-views-latest-post-block  .content {
	background:  transparent !important;
    padding: 10px 0 !important;
}

.node-special-events .field-type-image {
    float: left;
    padding-right: 25px;
}

.node-special-events .submitted {

}

.view-special-events .views-field-title  a{
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
}

.view-special-events .views-field-field-spevent-date {
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
    width: 100%;
}

.view-special-events .views-field-field-spevent-image {
    float: left;
    padding-right: 25px;
}

.view-special-events .views-field-body {

    padding-bottom: 25px;
}

.social-link-bo {
   padding-top: 15px;
}

.ico { float: left; margin: 0 20px 10px 0;  }

.ico2 img { margin-right: 5px; width: auto;} 
 
.clear{ clear: both; }

.view-cap, .view-container-border {
    background: none repeat scroll 0 0 transparent !important;
}

.view-image-gallery-  .views-row{
    background: none repeat scroll 0 0 #ececec;
    float: left;
    margin-bottom: 20px;
    padding: 7px;
    width: 100%;
}

.view-image-gallery-  .views-row .views-field-title a{
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0;
    padding-left: 10px;
    width: 100%;
}

.view-image-gallery-  .views-field-created{
    padding-bottom: 5px;
    padding-left: 10px;
}

.view-image-gallery-  .views-field-field-images a{
    background: none repeat scroll 0 0 #fff;
    float: left;
    margin: 5px;
    padding: 5px;
	-webkit-box-shadow: 0 0 2px 1px #D4D4D4;
box-shadow: 0 0 2px 1px #D4D4D4;
}

/* Social Icon */

.social-icon {
    float: right;
}

.social-icon  .icon{
    float: left;
}

.social-icon  .icon a{
    float: left;
    padding: 0 8px;
	height: 30px;
	width: 30px;
}

.social-icon  .fb a{
	 background:url(../images/facebook_m.png) no-repeat center; 
}

.social-icon  .in a{
	 background:url(../images/linkedin_m.png)  no-repeat center; 
	 width: 22px;
}

.social-icon  .tw a{
	 background:url(../images/twitter_m.png)  no-repeat center; 
}

.social-icon  .fb a:hover{
	 background:url(../images/facebook-h.png) no-repeat center; 
}

.social-icon  .in a:hover{
	 background:url(../images/linkedin-h.png)  no-repeat center; 
}

.social-icon  .tw a:hover{
	 background:url(../images/twitter-h.png)  no-repeat center; 
}

.title-bg {
    background: #e5e5e5 none repeat scroll 0 0;

}



/* End social Icon */

.hd-top {
    background: #333 none repeat scroll 0 0;
    padding-bottom: 5px;
}

/*
 * Footer
 */
#footer { clear:both; margin:0 auto; text-align:center; display: block; background-color: #0F131F; border-bottom: 1px solid #040507; display: none;
min-height:100px; }

#footer-inside { margin:0 auto; text-align:left; padding:20px 0; }

#footer a { color:#417893; }

#footer a:link, #footer li a.active { color:#417893; }

#footer a:hover { color:#417893; }

#footer h2{ color: #8c94ac; background: transparent; font-size:22px; padding:0 0 10px 0; }

#footer .content{ color: #ffffff; }

#footer ul.menu li { margin: 0 0 0.25em 0; } 

#footer ul.menu li.leaf { list-style:none; }

#footer ul.menu li a { color:#606574; }

#footer-bottom { 
    background: #e5e5e5 none repeat scroll 0 0;
    border-top: 0 none;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 20px 0 0;
    text-align: center;
}
	
.so-icon {
    background: #333 none repeat scroll 0 0;
    padding: 7px;
}



#footer-bottom-inside { 
    color: #6a7796;
    font-size: 11px;
    margin: 0 auto;
    min-height: 50px;
    padding-bottom: 20px;
    text-align: left;
}

#footer-bottom-inside a {color:#6a7796;}

/*
 * Footer Gallery block 
 */   
.footer-gallery-block img { background-color: #191F2F; border: 1px solid #252C3E; float: left; margin-bottom: 10px; margin-right: 9px; padding: 5px; width: auto;} 

/*
 * Footer Twitter block 
 */
#footer ul.twitter { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url("../images/tweetbg.png") repeat scroll 0 0 transparent;
list-style-type: none; padding: 10px; margin-left:0; }

#footer ul.twitter{ padding:10px; }

#footer ul.twitter li, #footer li.twitter-message { color: #417893; font-family:  Verdana; font-size: 12px; margin: 0; }

#footer a.twitter-link, #footer a.twitter-user { color: #B8E2F6; }

#footer .twitter-timestamp { color: #305465; display: block; font-family:  Verdana; font-size: 11px; margin-top: 25px; }

/*
 * Node
 */
div.field-type-taxonomy-term-reference { color: #444955; font-size:11px; font-weight: bold; background: url(../images/tag.png) no-repeat left; padding-left: 28px; margin-top: 10px; display:block;
overflow:hidden; }

div.field-type-taxonomy-term-reference a { color: #1b8bb4;}

div.field-type-taxonomy-term-reference .field-label { float:left; display:block; clear:both; }

div.field-type-taxonomy-term-reference .field-items .field-item { float:left; display:block; padding:0 5px ;}


.node .content img { border: 1px solid #ced1da; background: #eef0f5; padding: 1%; margin:0; max-width: 97.5%;} 

/*
 * contact form
 */
form#contact_form label { font-weight: bold; }

form#commentform input, form#contact_form input[type="text"] { background: none repeat scroll 0 0 #EEF0F5; border: 1px solid #CED1DA; font-size: 18px; height: 2em;width: 95%; }

form#contact_form input[type="text"] { width: 43%; }

form#commentform textarea, form#contact_form textarea { background: none repeat scroll 0 0 #EEF0F5; border: 1px solid #CED1DA; font-family: Verdana; font-size: 14px;
height: 170px; margin: 0 0 10px 10px; width: 290px; }

form#contact_form textarea { height: 300px; margin-left: 0; width: 100%; }

#map_wrap { float: right; margin-right: 0; }

p.map { display: block; font-weight: bold; margin: 0; }

form#commentform input#submit, form#contact_form button { background: none repeat scroll 0 0 #11719F; border: 0 none; color: #FFFFFF; float: right; font-weight: bold; margin-top: 10px; padding: 0 5px; width: 80px; }

form#contact_form button { height: 45px; margin: 0; width: 120px; }

/*
 * Module contact form
 */
.contact-form label { font-weight:bold; padding:5px 0; }

.contact-form .form-text { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; height:25px; line-height:25px; width: 98%; padding:5px; color: #666666; } 

.contact-form textarea { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:5px; font-family: Verdana, Helvetica, sans-serif; color: #666666; }

.contact-form .form-submit {  
    background: #1968b1 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-family: "Roboto Slab",serif;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0;
    padding: 10px;
 }

/*
 * Comments
 */
#comments { clear:both; }

.comment-form label { font-weight:bold; padding:5px 0; }

.comment-form .form-text { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; height:25px; line-height:25px; width: 98%; padding:5px; color: #666666; } 

.comment-form textarea { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:5px; 
font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height:120%; color: #666666; }

.comment-form .form-submit {  background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 10px 0 0 10px; padding: 10px; cursor:pointer; 
font-family: Arial, Verdana, Helvetica, sans-serif; }

.comment { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:20px; margin:20px 0;  }

.comment .submitted { color:#777d8a; font-size:11px; }

.comment h3 a.permalink { font-size:12px; font-family: Verdana, Helvetica, sans-serif; }

/*
 * Form items
 */
.form-item, .form-actions { clear: both; display: block; margin-bottom: 1em; margin-top: 1em; overflow: hidden; }

/*
 * List items
 */
ul.menu { margin: 0 0 0.75em; padding: 0; list-style:inside; }

ul.menu li { margin: 0 0 0.25em 1.5em; padding: 0; } 

.links { clear:both; overflow:hidden; margin:10px 0; }

ul li.leaf { list-style-type: disc; list-style-image:none; }

ul.inline li.node-readmore, ul.inline li.comment-add { background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 7px 0 0 7px;  cursor:pointer; 
font-family: Arial, Verdana, Helvetica, sans-serif; padding:10px; }

.node-readmore a, .comment-add a, .comment-add a.active { color:#ffffff; padding:10px; }

.home-block-area .node-readmore , .home-block-area .comment-add { margin:0 5px; }

.home-block-area .node-readmore a, .home-block-area .comment-add a{ font-size:12px; padding:0 5px; }

.user-picture { float:left; margin:0 20px 0 0; background: #ffffff; border: 1px solid #CED1DA; padding:4px; }

.user-picture a, .user-picture img { padding:0; margin:0; display:block; overflow:hidden; }

/*
 * Pager
 */
ul.pager { 
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    display: block;
    margin: 15px 0;
    overflow: hidden;
    padding: 15px;
}

ul.pager li { padding:0; margin:0; }

ul.pager li.pager-current {
    position: relative; 
    height: 34px; 
    width: 34px; 
    padding: 10px 17px; 
    background-color: #333; 
    border-radius: 150px; 
    top: 0px; 
    color: #fff;
}

ul.pager a { 
    background: transparent none repeat scroll 0 0;
    color: #333;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
 }

ul.pager a:hover { background: transparent; }

/*
 * Main menu links
 */
#navigation .block-menu h2 { display: none; }

/* Superfish menu essential styles */ 
#navigation ul.sf-menu, #navigation ul.sf-menu * { margin:0; padding: 0; list-style: none; }

#navigation ul.sf-menu { line-height: 1.0; }

#navigation ul.sf-menu ul { position: absolute; top: -999em; width: 190px !important; /* left offset of submenus need to match (see below) */}

#navigation ul.sf-menu ul li { width: 100%; }

#navigation ul.sf-menu li:hover {	visibility:	inherit; /* fixes IE7 'sticky bug' */ }

#navigation ul.sf-menu li { float: left; position: relative; }

#navigation ul.sf-menu a { display: block; position:	relative; }

#navigation ul.sf-menu li:hover ul, #navigation ul.sf-menu li.sfHover ul { left: 0; top: 33px; /* match top ul list item height */ z-index: 99; }

#navigation ul.sf-menu li:hover li ul, #navigation ul.sf-menu li.sfHover li ul { top: -999em; }

#navigation ul.sf-menu li li:hover ul, #navigation ul.sf-menu li li.sfHover ul { left: 190px !important; /* match ul width */ top: 0; }

#navigation ul.sf-menu li li:hover li ul, #navigation ul.sf-menu li li.sfHover li ul { top: -999em; }

#navigation ul.sf-menu li li li:hover ul, #navigation ul.sf-menu li li li.sfHover ul { left: 190px !important; /* match ul width */ top: 0; }

/* 1st level */
#navigation ul.menu, #navigation ul.sf-menu  { float:right; display:block; padding:0; margin:0; position:relative; z-index:1; }

#navigation ul.menu:after, #navigation ul.sf-menu:after, #navigation .content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#navigation ul.menu li, #navigation ul.sf-menu li { 
    display: inline-block;
    float: left;
   margin: 0 5px 0 0;
    padding: 0;
    vertical-align: middle;
 }

#navigation ul.menu li.last, #navigation ul.sf-menu li.last {     margin-right: 0;
    padding: 0; }

#navigation ul.menu li a, #navigation ul.sf-menu li a {
    color: #333;
    display: block;
    font-family: font-family: 'Roboto Slab', serif;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 11px 4px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 1px;
 }
 
 #navigation ul.menu li .active-trail, #navigation ul.sf-menu li .active-trail {
  background: #1968B1;
  color: #fff;
   margin-bottom: 1px;
 }

 #navigation ul.menu li a:hover, #navigation ul.sf-menu li a:hover {
  background: #1968B1;
  color: #fff;
 }
 
.so-icon-right {
    float: right;
    margin-top: 8px;
    padding-right: 0;
    text-align: right;
}

.so-icon-left {
    float: left;
    text-align: left;
}

#block-block-9,
#block-block-4 {
	text-align: right;
}

.membership {
background: transparent !important;
border: 0 !important;
}

.membership .form-item {
width: 100% !important;
text-align: left !important;
}

.membership .form-item .form-radio {
    float: left !important;
    margin-top: 7px !important;
    width: 20px !important;
}

.membership .form-item  label {
    color: #333;
    float: left;
    font-weight: bold !important;
    padding: 0 !important;
    text-align: left !important;
    width: 90% !important;
    margin-left: 15px !important;
}

.webform-component--i-we-hereby-apply {
background: transparent !important;
border: 0 !important;
margin-top: 0;
}

.webform-component--i-we-hereby-apply label {
    float: left !important;
    width: 100% !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.webform-component--i-we-hereby-apply .form-type-radio {
    clear: none;
    float: left !important;
    width: 100% !important;
}

.webform-component--i-we-hereby-apply .form-type-radio .option {
float: left !important;
width: 90% !important;
text-align: left !important;
margin-left: 15px !important;
margin-top: 10px !important;
font-weight: bold !important;
}

.webform-component--i-we-hereby-apply .form-type-radio .form-radio {
color: #333 !important;
float: left !important;
font-weight: bold !important;
padding: 0 !important;
    padding-left: 0px;
padding-left: 0px !important;
text-align: center !important;
width: 20px !important;
margin-top: 15px !important;
 }
 
 .webform-component--following-manner label {
 width: 100% !important;
margin-bottom: 25px !important;
margin-right: 0 !important;
padding-left: 0 !important;
 }
 
  .webform-component--following-manner .form-type-checkbox input{
float: left;
width: 16px;
text-align: left;
margin-right: 15px;
 }
 
 
   .webform-component--following-manner .form-type-checkbox label{
float: left !important;
width: 90% !important;
line-height: 1;
margin-bottom: 15px !important;
font-weight: bold;
 }
 
 
 
 
 

#navigation ul.menu li a:hover, #navigation ul.menu li a.active, #navigation ul.sf-menu li a:hover, #navigation ul.sf-menu li a.active{    
    background: #1968b1 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none;  }

#navigation ul.menu li a:after, #navigation ul.sf-menu li a:after { content: none; }

#navigation ul.menu li.expanded, #navigation ul.sf-menu li { position: relative; }

#navigation ul.menu li.expanded:hover a, #navigation ul.sf-menu li:hover a { background: #1968B1; color: #fff;}

#navigation ul.sf-menu a.sf-with-ul {padding-right: 2.25em;}

#navigation ul.sf-menu li a { line-height: 23px; }

/* 2nd level */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {	left: 0; top: 27px; /* match top ul list item height */ z-index:99; }

#navigation ul.menu li.expanded ul.menu, #navigation ul.sf-menu li ul { width: 190px; z-index:100; font-size:12px; padding:0; background: transparent; display: none; position: absolute;  border-top: 4px solid #f79400; }

#navigation ul.menu li.expanded ul.menu, #navigation ul.sf-menu li ul { 
width: 200px; 
z-index:100; 
font-size:12px; 
padding:0; 
background: transparent; 
display: none; 
position: absolute;  border-top: 0; 
}


#navigation ul.menu li.expanded:hover > ul.menu, #navigation ul.sf-menu li:hover > ul { display: block; }

#navigation ul.menu li.expanded ul.menu li a, #navigation ul.sf-menu li ul li a { 
    border-radius: 0;
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    text-align: left;
    width: 200px; }

#navigation ul.menu li.expanded ul.menu li a:hover, #navigation ul.sf-menu li ul li a:hover { color: #ffffff;  background :#0085d7;}

/* 3rd, 4th, 5th, (...) level  */
#navigation ul.menu li ul ul { display: none; left: 200px; top:0; }

#navigation ul.sf-menu li ul ul { display: none; left: 200px; top:0; }

/*Superfish support: Reset background/border*/
#navigation ul.sf-menu li { background: transparent; border-top:none; }

#navigation ul.sf-menu a {border: none; }

#navigation ul.sf-menu li li { border:none; } 

#navigation ul.sf-shadow ul {border-radius: 0;}

/*
 * Secondary menu links
 */
#footer-bottom-inside-right ul#secondary-menu, #footer-bottom-inside-right ul.menu  { padding:0; margin:0; text-align:right; }

#footer-bottom-inside-right ul#secondary-menu:after, #footer-bottom-inside-right ul.menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#footer-bottom-inside-right ul#secondary-menu li, #footer-bottom-inside-right ul.menu li { padding:0; margin:0; border-right:1px solid #6A7796; display:inline-block; float:left; }

#footer-bottom-inside-right ul#secondary-menu li a, #footer-bottom-inside-right ul.menu li a { padding:0 10px; line-height:140%; }

#footer-bottom-inside-right ul#secondary-menu li.first a, #footer-bottom-inside-right ul.menu li.first a { padding:0 10px 0 0; }

#footer-bottom-inside-right ul#secondary-menu li.last, #footer-bottom-inside-right ul.menu li.last { border-right:none; }

#footer-bottom-inside-right ul#secondary-menu li.last a, #footer-bottom-inside-right ul.menu li.last a { padding:0 0 0 10px;  } 

/*
 * Search block
 */
#search-block-form {  
    background: transparent url("../images/s-bg.png") no-repeat scroll right top;
    border: 1px solid #ccc;
    padding: 0 5px;
    width: 200px;
}

#search-block-form .form-text { background: transparent; border:none; color: #6A87A3; font-size: 11px; width:170px; outline:none; height:25px; line-height:25px; }

#search-block-form label{ display: none; }

#search-block-form .form-submit { background: url("../images/search.png") no-repeat scroll center center transparent; border: 0 none; width: 25px;
text-indent:-9999px; cursor:pointer; height:25px; line-height:25px; }

/*
 * Front-page Slider 
 */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}

.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles */
/*-----------------------------*/
.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {    display: block;
    max-height: 450px;
    width: 100%;}

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider bluemasters Styles */
/*-----------------------------*/
#slideshow{ margin-top: 0px; position: relative; padding: 0 0 1px 0;  }

.slideshow-pan {}

.flexslider {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    display: none;
    margin-bottom: 20px;
    position: relative;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
.slider-item-caption {    
    background: transparent url("../images/home-block-box-bg-main.png") repeat scroll 0 0;
    color: #ffffff;
    font-size: 1.7em;
    height: 100%;
    left: 0;
    padding: 45px 50px 30px 25px;
    position: absolute;
    top: 0;
    width: 33%;
    z-index: 101;
 }
 
.slider-item-caption-red {    
    background: transparent url("../images/home-block-box-bg-main-red.png") repeat scroll 0 0 !important;
 }
	
.slider-item-caption h2 {   
    color: #fff;
    font-size: 47px;
    font-weight: 500;
    line-height: 1;
}

.slider-item-caption p {         color: #fff;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 20px; }
    
.slider-item-caption .readmore {      
    background: #1968b1 url("../images/read-more-1.jpg") no-repeat scroll right center;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    padding: 4px 45px 4px 10px;
    text-decoration: none;
 }
 
 .slider-item-caption .readmore:hover {      
    background: #FFF url("../images/read-more-1_h.jpg") no-repeat scroll right center;
    color: #1968b1;
 }
 
 .slider-item-caption .readmore-red {      
    background: #DD0000 url("../images/read-more-1-red.jpg") no-repeat scroll right center;
    color: #fff;
 }
 
 .slider-item-caption .readmore-red:hover {      
    background: #FFF url("../images/read-more-1_h-red.jpg") no-repeat scroll right center;
    color: #DD0000;
 }
 
.page-node-90  #block-block-16 {display: none;}
.page-node-93  #block-block-16 {display: none;}

/* Control Nav */
.flex-control-nav {
position: relative;
text-align: center;
width: 100%;
z-index: 6;
margin-top: 15px;
}

.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-paging li a {background:url(../images/slide-nav-button.png) no-repeat center; width:14px; height:14px; display:inline-block; margin: 4px; border:none; outline:none; cursor: pointer; text-indent: -9999px;}

.flex-control-paging li a:hover {font-weight: bold; border:none; outline:none;}

.flex-control-paging li a.flex-active {background:url(../images/slide-nav-button-hover.png) no-repeat center; border:none; outline:none; cursor: default;}

/*
 * Top social, Network
 */
#topSocial ul { list-style: none outside none; padding:0; margin:0;}

#topSocial ul li { display:inline; }

#topSocial ul li a { display:block; float:left; height:16px; width:16px; text-indent:-9999px; padding:0 5px 0 0; outline:none; }

#topSocial ul li a.twitter { background:url(../images/twitter-top.png) 0 0 no-repeat; }	

#topSocial ul li a.facebook { background:url(../images/facebook-top.png) 0 0 no-repeat; }

#topSocial ul li a.rss { background:url(../images/rss-top.png) 0 0 no-repeat; }

.network { display:block; text-align:center; padding:15px 0; }

.network a { display:inline-block; overflow:hidden; height:32px; width:32px; text-indent:-9999px; padding:0 5px 0 0; outline:none; }

.network a.twitter { background:url(../images/twitter2.png) 0 0 no-repeat; }

.network a.facebook { background:url(../images/facebook.png) 0 0 no-repeat; }

.network a.in { background:url(../images/in.png) 0 0 no-repeat; }

.network a.tumblr { background:url(../images/tumblr.png) 0 0 no-repeat; }

.network a.youtube { background:url(../images/youtube.png) 0 0 no-repeat; }

.network a.flickr { background:url(../images/flickr.png) 0 0 no-repeat; }

/*
 * Credits
 */
.credits-container {     color: #FFFFFF;
    font-family: font-family: 'Roboto Slab', serif;
    font-size: 14px;
    height: auto;
    margin: 0 auto;
    padding: 0; }

.credits-container a { text-decoration: underline; }

a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,  
a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover {
background: url("../images/footer-logo-smashing.png") no-repeat scroll center top transparent; display: block; float: left;
height: 54px; margin: 0; outline: 0 none; padding: 0; text-indent: -9999px; width: 154px; display: none; }

a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover {
background: url("../images/footer-logo-drupalizing.png") no-repeat scroll center top transparent; display: none; }	


#header-top-inside-left #block-block-1{
    float: left;
    margin-top: 10px;
}

#header-top-inside-left #block-search-form{
	float: left;
}

#header-top-inside-left #block-block-1 #login{
    background: url("../images/login-bg.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    height: 29px;
    margin-bottom: 10px;
    width: 139px;
}

#header-top-inside-left #block-block-1 #login a{
    color: #FFFFFF;
    float: left;
    font-family: font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: 500;
    padding-left: 17px;
    padding-right: 0;
    padding-top: 3px;
    text-transform: uppercase;
	text-shadow: 0 0 2px #000000;
}

#flag {
    background: url("../images/sd_r2_c4.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    height: 27px;
    margin-right: 27px;
    width: 46px
}

#block-menu-menu-top-menu {
	float: right;
}

#block-menu-menu-top-menu .menu{
    list-style: outside none none;
    margin: 0 15px 0 0;
}

#block-menu-menu-top-menu .menu li{
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 3px 10px;
}

#block-menu-menu-top-menu .menu li a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
}

#block-menu-menu-top-menu .menu li a:hover{
    color: #67ABE9;
}

#nav
{
    /* container */
}
    #nav > a
    {
        display: none;
    }
 
 
    /* second level */
 
    #nav li .res-pan
    {
        display: none;
        position: absolute;
        top: 100%;
    }
        #nav li:hover .res-pan
        {
            display: block;
        }
		
#header-mobile { display: none;}

.view-dhamma-resources .views-row {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    margin-bottom: 2%;
    margin-right: 2%;
    padding: 0;
    width: 47%;
}

.view-dhamma-resources .views-row  .views-field-title{
    background: #ddd none repeat scroll 0 0;
    color: #1968b1;
    font-size: 15px;
    line-height: 1.2;
    padding: 10px;
}

.view-dhamma-resources .views-row  .views-field-field-video{
    padding: 10px;
}

.video-cat-page {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.video-cat-page .item {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    float: left;
    margin-bottom: 15px;
    padding: 2%;
    width: 95%;
}

.video-cat-page .item  .image{
    float: left;
    height: 93px;
    margin-right: 10px;
}

.video-cat-page .item  .image img{
    border: 0 none;
    padding: 0;
}

.video-cat-page .item  h2{

}

.video-cat-page .item  h2 a{
 font-size: 20px;
}

.video-cat-page .item  .readmore{
    background: #1968b1 url("../images/read-more-1.jpg") no-repeat scroll right center;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 500;
    margin-top: 19px;
    padding: 4px 45px 4px 10px;
    text-decoration: none;
}

.video-cat-page .item  .readmore:hover{
    background: #fff url("../images/read-more-1_h.jpg") no-repeat scroll right center;
    color: #1968b1;
}


.webform-client-form .form-item   label{
    float: left;
    padding-left: 10px;
    width: 225px;
}

.webform-client-form .form-item .form-select {
    background: #eef0f5 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: left;
    height: 35px;
    line-height: 25px;
    padding: 5px;
    width: 54%;
}

#edit-submitted-how-many-would-you-like-to-donate,
#edit-submitted-qty {
    width: 100px;
}

.webform-client-form .form-item  .form-text{
    border: 1px solid #ccc;
    float: left;
    height: 25px;
    width: 54%;
}

.webform-client-form  .webform-submit   {
    background: #1968b1 url("../images/read-more-1.jpg") no-repeat scroll right center;
    border: 1px solid #1968b1;
    color: #fff;
    font-family: "Roboto Slab",serif;
    font-size: 15px;
    font-weight: bold;
    margin-left: 11px;
    padding: 4px 45px 4px 10px;
    text-decoration: none;
    margin-top: 25px;
    cursor:  pointer;
}

.webform-client-form  .webform-submit:hover  {
    background: #fff url("../images/read-more-1_h.jpg") no-repeat scroll right center;
    color: #1968b1;
}

.captcha .description  {
    float: left;
    padding-left: 10px;
    padding-top: 20px;
}



/*
 * EXTRA
 */

/*  --------------------------------------------------------------------- */
table { margin:15px 0; border: 1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%;}

th {background:#9097A9; color:#ffffff;}

tr.even { background-color:#e0e3eb; }

tr.odd { background-color:#ffffff; }

td,th { padding:10px; }

td { border: 1px solid #cdcdcd;}

td.active { background:none; border: 1px solid #cdcdcd;}

/*  --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:none; }

div.messages { margin: 0 10px 20px 10px; }

.progress-bg {
	margin: 0 auto;
	width: 100%;
	height: 78px;
	border-radius: 10px;
  text-align: center;
	background: url("http://www.atsu.edu/stlclinic/images/progress-bar-bg.jpg") repeat;
	-moz-box-shadow:    inset 0 0 10px #ccc;
	-webkit-box-shadow: inset 0 0 10px #ccc;
	box-shadow:         inset 0 0 10px #ccc;
}

.progress-bar {
	height: 78px;
	border-radius: 10px;
	float: left;
	width: 30%;
	/* fallback */ 
	background-color: #1c314a; 
	
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c314a), to(#27425f)); 
	
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #1c314a, #27425f); 
	
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #1c314a, #27425f); 
	
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #1c314a, #27425f); 
	
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #1c314a, #27425f);	
}

.progress-bg h3.goal, .progress-bg h3.raised {
    display: inline;
    font-family: Arial,sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 78px;
    margin: 0;
    padding: 0;
    text-align: center;
}


.progress-bg h3.raised {
    color: #fff;
    float: left;
    line-height: 1;
    margin: 0;
    padding-bottom: 0;
    padding-top: 13px;
}

.progress-bg h3.goal {
	color: #b2b2b2;
  text-align: center;
}

body .progress-bg h3.raised {
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}?

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}?

.progress-bg h3.goal {
	float: right;
	display: inline;
	padding: 0 25px 0 0;
  text-align: center;
}

body .progress-bg div {
	-webkit-animation: progress-bar 2s ease forwards;
	-moz-animation: progress-bar 2s ease forwards;
	-o-animation: progress-bar 2s ease forwards;
	animation: progress-bar 2s ease forwards;
}

@-webkit-keyframes progress-bar {
    from { width: 0%; }
    to { width: 15%; }
}

@-moz-keyframes progress-bar {
    from { width: 0%; }
    to { width: 15%; }
}

@-o-keyframes progress-bar {
    from { width: 0%; }
    to { width: 15%; }
}

@keyframes progress-bar {
    from { width: 0%; }
    to { width: 15%; }
}


/* style untuk link popup */
a.popup-link {
padding:17px 0;
text-align: center;
margin:10% auto;
position: relative;
width: 300px;
color: #fff;
text-decoration: none;
background-color: #FFBA00;
border-radius: 3px;
box-shadow: 0 5px 0px 0px #eea900;
display: block;
}
a.popup-link:hover {
background-color: #ff9900;
box-shadow: 0 3px 0px 0px #eea900;
-webkit-transition:all 1s;
transition:all 1s;
}
/* end link popup*/
/* animasi popup */@-webkit-keyframes autopopup {
from {opacity: 0;margin-top:-200px;}
to {opacity: 1;}
}
@-moz-keyframes autopopup {
from {opacity: 0;margin-top:-200px;}
to {opacity: 1;}
}
@keyframes autopopup {
from {opacity: 0;margin-top:-200px;}
to {opacity: 1;}
}
/* end animasi popup */
/*style untuk popup */
#popup {
background-color: rgba(0,0,0,0.7);
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
-webkit-animation:autopopup 2s;
-moz-animation:autopopup 2s;
animation:autopopup 2s;
z-index: 1000;
}
#popup:target {
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
opacity: 0;
visibility: hidden;
}@media (min-width: 768px){
.popup-container {
width:600px;
}
}
@media (max-width: 767px){
.popup-container {
width:100%;
}
}
.popup-container {
position: relative;
margin:5% auto;
padding:30px 0px;
background-color: #fff;
color:#333;
border-radius: 3px;
}a.popup-close {
position: absolute;
top:3px;
right:3px;
background-color: #333;
padding:7px 10px;
font-size: 20px;
text-decoration: none;
line-height: 1;
color:#fff;
}
/* end style popup *//* style untuk isi popup */
.popup-form {
margin:10px auto;
}
.popup-form h2 {
margin-bottom: 5px;
font-size: 37px;
text-transform: uppercase;
}
.popup-form .input-group {
margin:10px auto;
}
.popup-form .input-group input {
padding:17px;
text-align: center;
margin-bottom: 10px;
border-radius:3px;
font-size: 16px;
display: block;
width: 100%;
}
.popup-form .input-group input:focus {
outline-color:#FB8833;
}
.popup-form .input-group input[type="email"] {
border:0px;
position: relative;
}
.popup-form .input-group input[type="submit"] {
background-color: #FB8833;
color: #fff;
border: 0;
cursor: pointer;
}
.popup-form .input-group input[type="submit"]:focus {
box-shadow: inset 0 3px 7px 3px #ea7722;
}

.webform-client-form .webform-component-radios {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 34px;
    width: 90%;
}

.webform-client-form  .webform-component-radios .form-item{
    clear: none;
    float: left !important;
    width: 25%;
}

.webform-client-form  .webform-component-radios .form-item .form-radio{
    float: left;
    margin-top: 5px;
    width: 100%;
}

.webform-client-form  .webform-component-radios .form-item  label{
    color: #333;
    float: left;
    font-weight: bold;
    padding: 0;
    text-align: center;
    width: 100%;
}

.webform-client-form .form-item label {
    float: left;
    margin-right: 1em;
    padding-left: 10px;
    width: 32%;
}


.webform-client-form .form-item .form-text {
    background: #eef0f5 none repeat scroll 0 0;
    border: 1px solid #ced1da;
    color: #666666;
    float: left;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    padding: 5px;
    width: 53%;
}

.webform-client-form .webform-component-date .form-item {
    clear: none;
    float: left;
    margin: 0;
    width: 117px;
}

.webform-client-form .webform-component-date .form-item .form-select  {
    background: #eef0f5 none repeat scroll 0 0;
    border: 1px solid #ced1da;
    height: 34px !important;
    line-height: 25px;
    padding: 5px;
    width: 90%;
}


.webform-client-form  input.webform-calendar {
    display: none;
    padding: 0;
    vertical-align: top;
    width: 25px;
}

.webform-client-form .webform-component--annually  input.webform-calendar {
    display: none;
}

.webform-client-form fieldset {margin: 0;
}



.webform-client-form legend {
width: 100%;
}

.webform-client-form fieldset   .fieldset-legend {
font-size: 120%;
font-weight: bold;
color: #1968b1;
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
padding-bottom: 7px;
}


.today-button {
    font-size: 85%;
    padding: 0 1px;
    vertical-align: middle;
    display: none !important;
}

.page-node-137 #block-block-18 {
    display: none;
}

/* end style isi popup */


.view-projects .views-row {
background: #fff;
padding: 15px;
border: 1px dashed #ccc;
padding-bottom: 0;
}

.view-projects .views-row .views-field-title {
font-size: 20px;
font-weight: 400;
color: #1968b1;
border-bottom: 1px dashed #ccc;
margin: 0;
    margin-bottom: 0px;
padding-bottom: 5px;
margin-bottom: 15px;	
}

.view-projects .views-row .views-field-field-project-description {
	
}

.view-projects .views-row .views-field-field-after ,
.view-projects .views-row .views-field-field-before {
background: #f9f9f9;
margin-bottom: 15px;
padding: 15px;
}


.view-projects .views-row .views-field-field-after .views-label,
.view-projects .views-row .views-field-field-before .views-label  {
float: left;
width: 100%;
padding-left: 0;
font-size: 17px;
font-weight: 600;
padding-bottom: 10px;	
}

.view-projects .views-row .views-field-field-after .item-list  ul ,
.view-projects .views-row .views-field-field-before .item-list  ul {
margin: 0;
padding: 0;
list-style: none;	
}

.view-projects .views-row .views-field-field-after .item-list  ul  li,
.view-projects .views-row .views-field-field-before .item-list  ul  li{
margin: 0;
padding: 0;
display: inline;
padding-right: 10px;	
}

.view-projects .views-row .views-field-field-after .item-list  ul  li img,
.view-projects .views-row .views-field-field-before .item-list  ul  li img{
padding: 5px;
border: 1px solid #ced1da;
background: #eef0f5;	
}


/*
 * Responsive styles 
 */
@media (max-width: 480px) {
	/*#home-blocks-area*/
	#home-blocks-area .block h2 { font-size:16px; }
	#home-blocks-area .block .content h3 { font-size:14px; line-height: 18px;}
	#home-blocks-area-mobile { display: block;}
	#home-blocks-area-desktop  { display: none;}
	#block-views-slideshow-block-1 { display: none;}
	#block-views-slideshow-block { display: block;}
	
	#header-top-inside-left {
    display: none;
   
}
	
}

/*LANDSCAPE PHONE TO PORTRAIT TABLET*/
@media all and (max-width: 719px) {
	/*top header*/
	#header-top-inside-left { float: none; display: inline-block; }
	#header-top-inside-left-feed { float: none; padding: 30px 0 0 0; display: inline-block; }
	#header-top-inside-right { float: none; padding: 20px 0 0 0;display: inline-block; }
	/*header*/
	#header { padding: 120px 0 21px 0; }
	#logo-floater { text-align: center; float: none; }
	/*main navigation*/
	#navigation { margin: 30px auto 20px; width: 55%; float: none; min-width: 220px; }
	select { width: 100%; padding: 7px; border: 1px solid black; }
	select:focus { outline: none;}
	/*banner*/
	#slideshow { background: none; }
	/*main-area*/
	#main-area-inside { background: #ffffff; }
	/*footer*/
	#footer h2 { padding: 30px 0 10px 0; }
	#footer #footer-left-1 h2 { padding: 0 0 10px 0; }
	#footer-bottom a { display: inline-block; float: none;}
	/*footer secondary menu*/	
	#footer-bottom-inside, #footer-bottom-inside-right ul#secondary-menu, #footer-bottom-inside-right ul.menu { text-align: center; }
	#footer-bottom-inside-right ul#secondary-menu li, #footer-bottom-inside-right ul.menu li { padding: 0; margin: 4px 0; border-right: none; display: block; float: none; }
	#footer-bottom-inside-right ul#secondary-menu li a, #footer-bottom-inside-right ul#secondary-menu li.first a,
	#footer-bottom-inside-right ul.menu li a, #footer-bottom-inside-right ul.menu li.first a { padding:0; }
	/*comment-forms*/
	.comment-form .form-text { width: 93%; } 
	.contact-form .form-text { width: 93%; }
	



#header-top-inside-right {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
    width: 100%;
}

#block-menu-menu-top-menu {
    float: right;
    text-align: center;
}

.social-icon {
    display: none;
}
.social-icon2 {
    float: right;
    padding-right: 10px;
    padding-top: 7px;
}

.social-icon2  .icon{
    float: left;
}

.social-icon2  .icon a{
    float: left;
    padding: 0 8px;
	height: 30px;
	width: 30px;
}

.social-icon2  .fb a{
	 background:url(../images/facebook_m.png) no-repeat center; 
}

.social-icon2  .in a{
	 background:url(../images/linkedin_m.png)  no-repeat center; 
	 width: 22px;
}

.social-icon2  .tw a{
	 background:url(../images/twitter_m.png)  no-repeat center; 
}

.social-icon2  .fb a:hover{
	 background:url(../images/facebook-h.png) no-repeat center; 
}

.social-icon2  .in a:hover{
	 background:url(../images/linkedin-h.png)  no-repeat center; 
}

.social-icon2  .tw a:hover{
	 background:url(../images/twitter-h.png)  no-repeat center; 
}

#header {
    padding: 0 0 5px;
}

.hd-pan {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 none;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 100;
}

#block-views-latest-post-block .views-row {
    width: 90%;
}



#block-block-6 .left, #block-block-8 .left {
    text-align: left;
}

.slider-item-caption {
    background: transparent url("../images/home-block-box-bg-main.png") repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 1.7em;
    height: auto;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 101;
}

.slider-item-caption h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    padding-left: 10px;
    padding-top: 12px;
	    padding-right: 10px;
}

.slider-item-caption p {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.slider-item-caption .readmore {
    background: #1968b1 url("../images/read-more-1.jpg") no-repeat scroll right center;
    color: #fff;
    float: left;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 4px 45px 4px 10px;
    text-decoration: none;
}


#block-views-latest-post-block h2 {
    border-bottom: 1px dashed #333;
    color: #333;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#block-views-latest-post-block .views-row .views-field-title a {
    color: #1968b1;
    font-size: 23px;
    font-weight: 400;
}

#block-views-latest-post-block .views-row .views-field-title a {
    color: #1968b1;
    font-size: 23px;
    font-weight: 400;
}

.hd-pan {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 100;
}

.hd-menu {  display: none;}

 #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #nav > .res-pan
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
	background: transparent url("../images/res-menu-bg.png") repeat;
	z-index: 100;
	margin-top: 44px;
    }
        #nav:target > .res-pan
        {
            display: block;
        }
	
#navigation {
    float: none;
    margin: 0;
    min-width: auto;
    padding: 10px 0;
    width: 100%;
}

#navigation ul.menu li.expanded, #navigation ul.sf-menu li {
    position: relative;
    width: 100%;
    padding: 0;
}

#navigation ul.menu li a, #navigation ul.sf-menu li a {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    outline: medium none;
    padding: 10px 20px;
    text-align: left;
    text-decoration: none;
	width:70%;
}

#navigation ul.menu li.expanded  {
    background:  url("../images/expanded-icon.png") no-repeat scroll right 5px;
}

#navigation ul.menu li.expanded ul.menu, #navigation ul.sf-menu li ul {
    display: none;
    font-size: 12px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 100;
}


#navigation ul.menu li, #navigation ul.sf-menu li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}

#navigation ul.menu li.expanded ul.menu li a, #navigation ul.sf-menu li ul li a {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 17px;
    margin-top: 2px;
    padding: 10px 10px 10px 45px;
    text-align: left;
    width: auto;
}

.menu-icon {
    background: #1968b1 none repeat scroll 0 0;
    float: left;
    height: 45px;
    text-align: left;
    width: 20%;
}
#navigation ul.menu li a:hover, #navigation ul.menu li a.active, #navigation ul.sf-menu li a:hover, #navigation ul.sf-menu li a.active{ text-decoration:none; color: #FFFFFF;  background: transparent; }

#header-mobile {     background: #1968b1 none repeat scroll 0 0;
    display: block;}

#block-menu-menu-top-menu {
    display: none;
}

#block-menu-menu-top-menu-2 {
    background: #333 none repeat scroll 0 0;
    float: left;
    padding: 10px 0;
    width: 100%;
}

#block-menu-menu-top-menu-2 .menu{
    list-style: outside none none;
    margin: 0 15px 0 0;
    padding-left: 12px;
}

#block-menu-menu-top-menu-2 .menu li{
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 3px 10px;
}

#block-menu-menu-top-menu-2 .menu li a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
}

#block-menu-menu-top-menu-2 .menu li a:hover{
    color: #67ABE9;
}

#block-block-20 {
    float: right;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-top: 5px;
}

#header-top-inside-left {
    color: #485766;
    float: left;
    font-size: 14px;
    margin-top: 15px;
    padding: 0 0 0 5px;
    text-align: left;
    text-transform: uppercase;
}

#header-top-inside-right {
    display: inline-block;
    float: right;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
    width: auto;
}

#block-block-6, #block-block-8 {
    float: left;
    text-align: left;
    width: 100%;
}

}

/*LANDSCAPE DESKTOP TO DOWN*/
@media all and (max-width: 960px) {
	.column-fix, .alpha .column-fix, .omega .column-fix, .alpha.omega .column-fix { padding:0; }
	/*home-blocks*/
	#home-blocks-area { padding-top: 10px; }
	/*footer*/
	#footer h2 { font-size: 18px; }
	.footer-gallery-block img { float: none; width: 44px; height: 41px; }
	
}

/*PORTRAIT TABLET TO LANDSCAPE AND DESKTOP*/
@media all and (min-width: 720px) and (max-width: 959px) {
	/*main navigation*/
	#navigation { margin:0;  }
	#navigation select { width: 100%; padding: 7px; border: 1px solid black; }
	#navigation select:focus { outline: none;}
	/*banner*/
	/*home-blocks*/
	#home-blocks-area .region-home-area-1 .block h2, #home-blocks-area .region-home-area-2 .block h2, #home-blocks-area .region-home-area-3 .block h2 { background: none; padding: 10px 0 0 10px; }
	#home-blocks-area .block .content { padding: 10px; }
	#home-blocks-area ul.inline li.node-readmore, #home-blocks-area ul.inline li.comment-add { margin: 10px 0 0 5px;  padding:7px 1px; }
	#home-blocks-area ul.inline li.node-readmore.last { margin: 10px 0 0 0px; }
	.ico { margin: 0 10px 10px 0; }
	/*main-area*/
	#main-area-inside {  }
	/*comment-forms*/
	.comment-form .form-text { width: 97%; }
	.contact-form .form-text { width: 97%; }
	

    #home-blocks-area .block h2 {
    line-height: 1;
}

.slider-item-caption {
    background: #333;
    color: #ffffff;
    float: left;
    font-size: 1.7em;
    height: auto;
    left: 0;
    padding: 5%;
    position: relative;
    top: 0;
    width: 90%;
    z-index: 101;
}

.slider-item-caption h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}

.slider-item-caption p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 20px;
}

#block-views-latest-post-block .views-row {
    background: transparent none repeat scroll 0 0;
    float: left;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 12px;
    min-height: 270px;
    text-align: left;
    width: 90%;
}

#right .block h2 {
    border-bottom: 1px dashed #ccc;
    color: #1968b1;
    font-size: 19px;
    font-weight: 400 !important;
    margin: 0;
    padding: 0 0 10px 10px;
}

#header-top-inside-right {
    float: right;
    padding: 15px 0 0;
    text-align: right;
    width: 100%;
}

#navigation select {
    border: 1px solid black;
    margin-top: 30px;
    padding: 7px;
    width: 60%;
}

}	

/*DESKTOP SCREENS*/
@media all and (min-width: 960px) {




} 

/*DESKTOP SCREENS*/
@media all and (min-width: 960px) and (max-width: 1279px) {

#home-blocks-area .block h2 {
    line-height: 1;
	font-size: 28px;
}

#navigation ul.menu li a, #navigation ul.sf-menu li a {
    font-size: 15px;
    padding: 5px 5px 4px;
}

.slider-item-caption {
    background: transparent url("../images/home-block-box-bg-main.png") repeat scroll 0 0;
    color: #ffffff;
    font-size: 1.7em;
    height: 100%;
    left: 0;
    padding: 30px 30px 10px 25px;
    position: absolute;
    top: 0;
    width: 54%;
    z-index: 101;
}

.slider-item-caption h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.slider-item-caption p {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 20px;
}




} 


/*DESKTOP SCREENS*/
@media all and (min-width: 1280px) and (max-width: 1359px) {



} 

@media all and (min-width: 1360px) and (max-width: 1599px) {
.slider-item-caption {
    background: transparent url("../images/home-block-box-bg-main.png") repeat scroll 0 0;
    color: #ffffff;
    font-size: 1.7em;
    height: 100%;
    left: 0;
    padding: 45px 50px 30px 25px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 101;
}

.slider-item-caption h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}


.slider-item-caption p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 20px;
}


} 


@media all and (min-width: 1600px) and (max-width: 1919px) {

.slider-item-caption h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
}

}