hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #666;
    margin: 12px 0;
    padding: 0; 
}

td {
    display: table-cell;
    vertical-align: top;
    padding:4px;
}
.redtext {color: #A60002;} .smalltext {font-size: 80%;}

.photoleft{
	margin: 0 26px 26px 0;
	width: 120px;
	height: auto;
	float: left;
}
.photoleftsmall {
	margin: 0 12px 0 0;
	width: 60px;
	height: auto;
	float: left;
}
.photoright{float:right; margin:0 0 26px 26px; width:120px; height:auto;}

.socialicon{margin: 0 8px 0 0;
	width: 60px; height: auto;}


.courseimage {float: right; margin:0 0 30px 30px; width: 30%;}
#headerarea {background-image: url("images/site/BG-security-certifications.jpg"); background-repeat: repeat; background-position: bottom center;}
#topmenucontainer {background-color: #034f8e;}
#topmenuarea {padding: 6px 0;}
#topmenu {float: right; text-align: right; width: auto;}
#topmenuarea ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#topmenuarea li {
    float: left;
    border-right: 1px solid #fff;
}

#topmenuarea li a {
    display: block;
    color: white;
    text-align: center;
    padding: 2px 20px;
    text-decoration: none;
    font-size: 14px;
    
}

/* Change the link color to #111 (black) on hover */
#topmenuarea li a:hover {
    background-color: rgba(0,0,0,0.4);
}

.buttongreen {background-color: #0cbc03; padding-left: 18px; padding-right: 18px; margin-right:8px;}
li.buttongreen a:hover {
    background-color: #0cbc03 !important;
}
.buttonred {background-color: #e40505; padding-left: 18px; padding-right: 18px;}
li.buttonred a:hover {
    background-color: #e40505 !important;
}
#topmenuarea li.last {border-right: 0px solid #fff !important;}

#logocontainer {background-color: rgba(255, 255, 255, 0.9);height: 90px;}
#mainmenucontainer {background-color: #034f8e;padding:0px;margin:0;}
#mainmenuarea {}
#bannercontainer h1 {font-family: 'Open Sans', Arial, Helvetica,  sans-serif; color: #fff; font-size: 100px; line-height:0.9em; text-shadow: 0px 0px 20px #000; font-weight:800; margin-bottom: 30px;}
#bannercontainer h2 {font-family: 'Open Sans', Arial, Helvetica,  sans-serif; color: #fff; font-size: 60px; line-height:0.9em; text-shadow: 0px 0px 20px #000; font-weight:800; margin-bottom: 30px;}
#bannercontainer p {color: #fff; font-size: 34px; line-height:1.2em; text-shadow: 0px 0px 20px #000; font-weight:800;margin-bottom: 80px;}
.skull {background-image: url("images/site/security-university-skull-logo.jpg"); background-repeat: no-repeat; background-position: center right;}
.suskulls {background-image: url("images/site/su-skulls.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover;}
.blackoverlay {background-color: rgba(0,0,0,0.44);}
.whiteoverlay {background-color: rgba(255,255,255,0.9);}
a.buttonwhite {display:inline-block; border: 2px solid #fff; border-radius: 12px; margin:0 30px 18px 0; padding:8px 20px; color:#fff; text-decoration: none; font-weight: bold; text-shadow: none; }
a.buttonwhite:hover {background-color: #fff; color:#034f8e !important;}

a.button-register {display:inline-block; border: 2px solid #e40505; border-radius: 12px; margin:0 30px 0 0; padding:8px 30px; color:#e40505; text-decoration: none; font-weight: bold; text-shadow: none; text-align: center; width:100%;}
a.button-register:hover {background-color: #e40505; color:#fff !important;}

a.button-blue {display:inline-block; border: 2px solid #034f8e; border-radius: 12px; margin:0 30px 0 0; padding:8px 30px; color:#034f8e; text-decoration: none; font-weight: bold; text-shadow: none; text-align: center; width:100%;}
a.button-blue:hover {background-color: #034f8e; color:#fff !important;}

.blogpost-home {background-position: center center; background-repeat: no-repeat; background-size: cover;}
.blogpadding {margin:0; padding: 5% 10%;}

.oddone, .blog3 {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.0) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.0) 100%); 
    border-bottom: 1px solid #fff;
    height:390px;
}

.oddtwo, .blog4 {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.6) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.6) 100%); 
    border-bottom: 1px solid #fff;
    height:390px;
}

.evenone, .blog1, .blog5 {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.6) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.6) 100%); 
    border-bottom: 1px solid #fff;
    height:390px;
}

.eventwo, .blog2, .blog6  {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 100%); 
    border-bottom: 1px solid #fff;
    height:390px;
}

.blog1, .blog3, .blog5,{border-right: 1px solid #fff;}

.forty-forty {padding: 40px 0 !important;}
.twenty-twenty {padding: 20px 0 !important;}
.ten-ten {padding: 10px 0 !important;}




#testimonials {background-image: url("images/site/BG-testimonials.jpg"); background-repeat: no-repeat; background-position: center center;}

.lastrow {border-bottom: 0px solid #fff !important;}
.text-center {text-align: center !important;}
@media only screen and (min-width: 920px) {
    #blog .grid_6 {
        width: 50%;
    }
}
#subfooter p {margin:0 ; padding: 0;}

.testimonialsarea {padding:20px 15%;}

.callout {width:30%; height: auto; margin:0px auto 10px auto; padding:0;}
.calloutbox {margin:0; padding:20px 20px 10px 20px; min-height:260px;}
.calloutbox p {margin:0;padding:0;}
.calloutbox:hover {background-color: #fff;}
.calloutbox img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.calloutbox:hover img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}

#fullschedule {display:none;}
#scheduletable {font-size: 80%;}
#scheduletable thead tr {background-color: #034f8e; color: #fff;}
#scheduletable thead th {padding: 4px 4px 4px 10px; text-align: left; }
#scheduletable tbody tr {border-top: 1px solid #000;}
#scheduletable tbody td {padding: 4px 4px 4px 10px; text-align: left; }
#fullschedule p {margin:0;padding:0;}

#scheduletable .odd {background-color: #fff;}
#scheduletable .even {background-color: #eaeaea;}
#schedulerolldown {text-align: right; cursor: pointer; cursor: hand; }
#schedulerolldown span {color:#fff;
    font-family: 'Open Sans', Arial, Helvetica,  sans-serif;
    font-size:1.3em;
    line-height:1em; 
    text-transform: uppercase;
}

.whitetext {color: #fff !important;}
#whysecurity a,
#whysecurity a:visited,
#whysecurity a:active,
#whysecurity a:hover {color:#FFF; text-decoration:none;}