body {
    color: #2E2E2E; 
    background-color: #FFFFFF;
	}
	
    /* fix form style */
    .form-control option{
    border: 0px;
    }    
     
    img {
    width: auto;
    }
    /* table */
	.table-fit{
	width: auto;  /* make table fit its contents */
	}
    
    .form-control {
    width: auto;
    }

    .input-group-addon{
    width: auto;
    }
    
      .margin-12{
    margin: 12px;
    }
    
    .clear-well{
		min-height: 20px;
		padding: 19px;
		margin-bottom: 20px;
		border-radius: 4px;
		}
    
    /* change form text colour */
    button, input, optgroup, select, textarea{
		color: #000000;
		}
    
    /* breadcrumb, panel, well and jumbotron text/bg color and borders */
    .well, .panel-body, .panel-body a, .panel-body a:visited, .jumbotron, .jumbotron p {
		color: #333333;
		background-color: #E0F0FF;
		}
    
    .breadcrumb, .breadcrumb a, .breadcrumb a:visited, .breadcrumb > li + li:before, .panel-default > .panel-heading{
		color: #4D4D4D;
		background-color: #A4CBED;
		}
    
    .panel-default, .well, .jumbotron, .panel-default > .panel-heading {
		border-color: #8FB1CF;
		}
    
    .centred{
		margin: 0 auto;
		}
		
    /*
    hover dropdowns
    */
    .dropdown:hover .dropdown-menu {
		display: block;
		}
		
    .site_footer {
		background-color: #000800;
		border-color: #110022;
		color: #EEEEEE;
		padding: 16px 16px 22px 16px;
				}
  
    .site_footer a, .site_footer a:link, site_footer a:visited, site_footer a:hover, site_footer a:active {
    color: #EEEEEE !important;
    }    
    
    .nav_logo{
		font-size: 42px;
		color: #EEEEEE;
		padding-right: 50px;
		padding-left: 12px;
		}
    
    /*
    navbar colour scheme
    */
    
    .navbar-default {
	    background-color: #000800;
	    /*border-color: #110022;*/
	    box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.48);
	    
    }
    .navbar-default .navbar-brand {
	    color: #EEEEEE;
	    padding-top: 25px;
    }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	    color: #EEEEEE;
    }
    .navbar-default .navbar-text {
	    color: #EEEEEE;
    }
    .navbar-default .navbar-nav > li > a {
	    color:#EEEEEE;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	    color: #FFFFFF;
	    background-color: #71AFDE;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	    color: #FFFFFF;
	    background-color: #71AFDE;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	    color: #FFFFFF;
	    background-color: #71AFDE;
    }
    .navbar-default .navbar-toggle {
	    border-color: #71AFDE;
	    color: #FFFFFF;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: #FFFFFF;
	    color: #71AFDE;
    }
    
    .navbar-default .navbar-toggle .icon-bar {
	    background-color: #71AFDE;
	    color: #FFFFFF;
    }    
    
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
	    border-color: #555555;
    }
    .navbar-default .navbar-link {
	    color: #ff0000;
    }
    .navbar-default .navbar-link:hover {
	    color: #00ff00;
    }
    
    .dropdown-menu > li > a:hover {
	background-color: #71AFDE;
	color: #FFFFFF; 
    }
    

    /* change navbar height/ padding */
    .navbar-nav > li > a  {
       padding-top: 12px !important;
       padding-bottom: 12px !important;
    }
    
    .navbar-text{
       margin-top: 12px !important;
       margin-bottom: 12px !important;
    }
        
    .navbar {
    /*min-height: 60px !important;*/
    border: none !important; 
    }
    
    /* mobile size*/
    @media (max-width: 767px) {
	    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		    color: #EEEEEE;
	    }
	    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		    color: #FFFFFF;
		    background-color: #71AFDE;
	    }
	    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		    color: #EEEEEE;
		    background-color: #000800;
	    }
	    .navbar-default .navbar-brand {
	    padding-top: 15px;
	    }
    }
    
    
    .carousel-caption h1 .carousel-caption p .carousel-caption a  {	
	color: #FFFFFF;	
    }
 
    .carousel-highlight{
		display: inline;
		color: #FFFFFF;
		background: #71AFDE;
		box-shadow: 15px 0 0 #71AFDE, -15px 0 0 #71AFDE;
		box-decoration-break: clone;
		padding-top: 8px;
		padding-bottom: 8px;
		}
    .carousel-highlight a{
    	color: #FFFFFF !important;
		}
		
    .carousel h1 {
		text-align: left;
		width: 75%;
		line-height: 2.2em;
		letter-spacing: 0.12em;
		font-size: 1.4em;
		}
	 
    /* make sidebar nav vertical */ 
    @media (min-width: 768px) {
		.sidebar-nav .navbar .navbar-collapse {
			padding: 0;
			max-height: none;
			}
		.sidebar-nav .navbar ul {
			float: none;
			}
		.sidebar-nav .navbar ul:not {
			display: block;
			}
		.sidebar-nav .navbar li {
			float: none;
			display: block;
			}
		.sidebar-nav .navbar li a {
			padding-top: 12px;
			padding-bottom: 12px;
			}
    }    
    /*
    end
    */       
    
    p {color:#2E2E2E;}
    
    h1 {color:#555555; font-weight: bold;}
    h2 {color:#555555; font-weight: bold;}
    h3 {color:#555555; font-weight: bold;}
    h4 {color:#555555; font-weight: bold;}
    
    /* line under h tags? */
    /*
    h1:after, h2:after, h3:after{
    	display:block;
    	content: "";
    	width: 35px;
    	padding-bottom: 12px;
    	border-bottom: 3px #3e5087 solid;
    }
    */
    
    hr{
    	background-color:  #FFFFFF;
    }
    .rounded {
	border-radius: 6px;
    }
    
    .discussion_icon{
     vertical-align: baseline;
    }    
    
     /*overlay*/
    .overlay {
    	position: relative;
    }
    .overlay img{
    	z-index: 1;
    	width: 100%;
    	min-height: 300px;
    }
    .overlay div{
		position: absolute;
		left: 5%;
		right 5%;
		bottom: 0;
		padding: 4px;
    }
    .overlay div.o_label:before {
        background-color: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity: 0.5;
        width: 100%;
      }
    .overlay div.o_label {
        z-index: 3;
        color: white;
        padding: 12px 12px 20px 20px;
      }
      
	.overlay a{
		display: block;
		width: 120px;
		height: 45px;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		background-color: #3983bb;
		color: #fff;
		padding: 15px;
		position: relative;
		/*top: -70px;*/
		/*left: 120px;*/
		z-index: 5;
	}
    
	.overlay a:hover{
		background-color: #83b5da;
	}
	
    .overlay p{
		color: #fff;
    	font-weight: bold;
    	font-size: 1.0em;
    	line-height: 1em;
    	background-color: rgb(131,181,218);
    	background-color: rgba(131,181,218,0.5);    	
    	padding: 6px;
    	border-radius: 3px;
    	/*margin-bottom: 32px;*/    	
    } 
    
    .overlay .p_sm{
    	font-size: 1.0em;
    	line-height: 1.2em;
    }
    
    .overlay .h_sm{
		font-size: 1.4em;
    }    
    
    .overlay h3{
		font-size: 1.4em;
	}    
    
    .overlay h3 span{
    	background-color: rgb(131,181,218);
    	background-color: rgba(131,181,218,0.8);    	
    	padding: 6px;
    	border-radius: 3px;
    }
    
    @media (min-width: 767px) {
		.overlay p{
			font-size: 1.2em;
			line-height: 1.4em;
			/*background-color: transparent;*/
		}		
		.overlay h3{
			font-size: 1.4em;
			line-height: 1.6em;
		}	                                 
		.overlay h3 span{
			/*background-color: transparent;*/
		}	
    }
    @media (min-width: 991px) {
		.overlay p{
			font-size: 1.4em;
			line-height: 1.6em;
		}			
		.overlay h3{
			font-size: 1.8em;
			line-height: 1.9em;
		}		
    }
    @media (min-width: 1200px){
		.overlay p{
			font-size: 1.8em;
			line-height: 1.9em;
    	}
		.overlay h3{
			font-size: 3.2em;
		}		
    }
    
    .overlay a:after{
    	content: "";
    	position: absolute;
    	width: 45px;
    	height: 45px;
    	right: -45px;
    	background-image: url("https://spider.science.strath.ac.uk/template_v3//pics/white_arrow_on_blue.png");
    	top: 0px;    	
    }
    
    
    .overlay .p_lg{
    	background-color: transparent;    
    }
    
    .overlay .h_lg span{
    	background-color: transparent;
	}    
    
    /*  footer    */
    
	.footer_h {
    	color: #fff;
    	font-weight: bold;
		display:block;    	
    }
    .footer_h:after{
    	display:block;
    	content: "";
    	width: 12%;
    	padding-bottom: 12px;
    	border-bottom: 3px #4983BD solid;
    }
    
    
    /*news*/
    
    .div_news_column{
    	margin: 4px 2px 12px 4px;
		padding-left:12px; 
		border-bottom: solid 1px #8FB1CF;
		}
    
    .div_news_header_container	{
		clear: both; 
		float:  left; 
		width: 100%; 
		height: auto;
		overflow: hidden;
		}
    
    .news_header_left{
    	float: left;
    	width: 54px;
		}
 
    .news_title{
    	margin: 0px 2px 12px 2px;
    	padding: 0px 0px 0px 0px;
    	/*float: left;*/
		}
    
    .news_title h2{
    	padding: 0px 0px 11px 4px;
    	margin: 0px 0px 12px 0px;
    	vertical-align: middle;
		}
    
    .news_date{
    	background: url(https://spider.science.strath.ac.uk/template_v3//pics/icon_cal.png) no-repeat;
    	width: 48px;
    	height: 52px;
    }
    
    .news_y{
    	font-size: 9px;
    	display: block;
    	text-align: center;
    	color: #eeeeee;
    	padding-top: 3px;
    }
    .news_d{
    	font-size: 14px;
    	display: block;
    	text-align: center;
    	color: #333333;
    	padding: 1px 2px 0px 1px;
    	font-weight: bold;
    	font-family: Arial,Geneva,Helvetica,sans-serif;
    	line-height: 14px;
    }
    .news_m{
	font-size: 9px;
    	display: block;
    	text-align: center;
    	color: #555555;
    	padding-top: 0px;  
		font-family: Arial,Geneva,Helvetica,sans-serif;	
    }

    
    .news_body{
    	padding: 4px 4px 12px 4px;
    	border-bottom: 1px solid #8FB1CF; 
    }
    
    
    /* tool icons */
    
    .tool_icons{
	list-style-type:none;
	margin:20px 0px 40px 40px;
	display:block;
    }
    
    .tool_icons li{
	float: left;
	height: 57px;
    	width: 59px;
	display:block;
	margin: 4px 17px 60px 17px;
    }

    .tool_icon_div{
    	float: left;
    	padding: 58px 2px 2px 2px;    	
		width: 80px;
		margin-left: -12px;  /* puts sprite icon toward middle of div*/

    }
    
    .tool_icons p{
	text-align: center;
    }
        
    .tool_sprite{
    	background: url(https://spider.science.strath.ac.uk/template_v3//pics/sprite_icons.png) no-repeat;
    }
    
    .icon_profile{background-position: -57px 1px;}
    .icon_profile:hover{background-position: 1px 1px;}
    .icon_discussion{background-position: -57px -56px;}
    .icon_discussion:hover{background-position: 1px -56px;}
    .icon_documents{background-position: -57px -112px;}
    .icon_documents:hover{background-position: 1px -112px;}
    .icon_gallery{background-position: -57px -168px;}
    .icon_gallery:hover{background-position: 1px -168px;}
    .icon_meetings{background-position: -57px -224px;}
    .icon_meetings:hover{background-position: 1px -224px;}
    
    .icon_links{background-position: -173px 1px;}
    .icon_links:hover{background-position: -115px 1px;}
    .icon_news{background-position: -173px -56px;}
    .icon_news:hover{background-position: -115px -56px;}
    .icon_pages{background-position: -173px -112px;}
    .icon_pages:hover{background-position: -115px -112px;}
    .icon_navigation{background-position: -173px -168px;}
    .icon_navigation:hover{background-position: -115px -168px;}
    .icon_config{background-position: -173px -224px;}
    .icon_config:hover{background-position: -115px -224px;}
    
    .icon_users{background-position: -289px 1px;}
    .icon_users:hover{background-position: -231px 1px;}
    .icon_users_add{background-position: -289px -56px;}
    .icon_users_add:hover{background-position: -231px -56px;}
    .icon_users_edit{background-position: -289px -112px;}
    .icon_users_edit:hover{background-position: -231px -112px;}
    .icon_users_delete{background-position: -289px -168px;}
    .icon_users_delete:hover{background-position: -231px -168px;}
        
    .icon_lock{background-position: -289px -224px;}
    .icon_lock:hover{background-position: -231px -224px;}
    
    .icon_mail{background-position: -405px 1px;}
    .icon_mail:hover{background-position: -347px 1px;}
    .icon_mail_archive{background-position: -405px -56px;}
    .icon_mail_archive:hover{background-position: -347px -56px;}
        
    .icon_calendar{background-position: -405px -112px;}
    .icon_calendar:hover{background-position: -347px -112px;}
    .icon_event_add{background-position: -405px -168px;}
    .icon_event_add:hover{background-position: -347px -168px;}
    .icon_event_edit{background-position: -405px -224px;}
    .icon_event_edit:hover{background-position: -347px -224px;}
    
    .icon_upload{background-position: -57px -280px;}
    .icon_upload:hover{background-position: 1px -280px;}
    .icon_download{background-position: -173px -280px;}
    .icon_download:hover{background-position: -115px -280px;}    
    .icon_edit_list{background-position: -289px -280px;}
    .icon_edit_list:hover{background-position: -231px -280px;}
    .icon_search_users{background-position: -405px -280px;}
    .icon_search_users:hover{background-position: -347px -280px;}    
    
    .icon_fees{background-position: -57px -336px;}
    .icon_fees:hover{background-position: 1px -336px;} 
    .icon_q{background-position: -173px -336px;}
    .icon_q:hover{background-position: -115px -336px;} 
    .icon_q_edit{background-position: -289px -336px;}
    .icon_q_edit:hover{background-position: -231px -336px;} 
    .icon_rx{background-position: -405px -336px;}
    .icon_rx:hover{background-position: -347px -336px;}
    
    .icon_signage_view{background-position: -57px -394px;}
    .icon_signage_view:hover{background-position: 1px -394px;}
    .icon_signage_edit{background-position: -173px -394px;}
    .icon_signage_edit:hover{background-position: -115px -394px;}
    .icon_flask{background-position: -289px -394px;}
    .icon_flask:hover{background-position: -231px -394px;}
    .icon_spill{background-position: -405px -394px;}
    .icon_spill:hover{background-position: -347px -394px;}
    
    .icon_search_doc{background-position: -57px -450px;}
    .icon_search_doc:hover{background-position: 1px -450px;}
    .icon_search_form{background-position: -173px -450px;}
    .icon_search_form:hover{background-position: -115px -450px;}
    
    .icon_nav_reverse{background-position: -57px -280px;}
    .icon_nav_reverse:hover{background-position: 1px -280px;}
    .icon_edit_list{background-position: -289px -280px;}
    .icon_edit_list:hover{background-position: -231px -280px;}
    .icon_search{background-position: -405px -280px;}
    .icon_search:hover{background-position: -347px -280px;}
    
    /* end tool icons */