/*
SPC CSS
style.css

Colors
======
Green:          #154e02 green color in the logo
Agreen0         #5e914c
AGreen1:        #424807
AGreen2         #383711
AGreen3         #846f14
AGreen4         #c29827 green used for text in top navigation and news update background
AGreen5         #6f5300 
Agreen6         #714015
green           #2c4435 green background used for the navigation and side bar
beige           #ebe4c5


*/

* {
	padding:0px;
	margin:0px;
}

#topstroke {
    background: #c29827;
    width: 100%;
    height: 3px;
    margin: 0;
}

body {
	/*background:url(../images/bg.jpg) repeat-x top #fff; */
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#333333;
    
    -webkit-font-smoothing: antialiased;
}

a {
	color:#666;
	text-decoration:none;
	outline:none;
}
a img {
	border:none;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.black {
	color:black;
}
ul, li {
	list-style-type:none;
	list-style-image:none;
}
h1, h3, h4, h6 {
	color:#1b2a36!important; 
    /*color:#c29827;*/
}
h1 {
	font-size:25px;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	font-size:28px;
	font-weight:normal;
    /*color:dodgerblue; */
}
h3 {
	font-size:18px;
	font-weight:normal;
}
h4 {
	font-size:16px;
	font-weight:normal;
}
h5 {
	font-size:14px;
	font-weight:normal;
    color: white;
}
h6 {
	font-size:12px;
	font-weight:normal;
}
p {
	line-height:18px;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
.white {
	color:#fff;
}
input {
	font-size:11px;
	border:0px;
	color:#7f7f7f;
}
.itlc {
	font-style:italic;
}

.colr {
	color:#1b2a36 !important;
}
/*
=======================================================================
	
=======================================================================
*/

.nobdr {
	border:none!important;
}
/*

=======================================================================
	Wrapper Section Rules
=======================================================================
*/

#wrapper_sec {
	width:960px;
	margin:0px auto;
}


/*
=======================================================================
	MasterHead Rules
=======================================================================
*/

#masterhead {
	width:960px;
	height:139px;
	float:left;
	padding-bottom:10px;
}
/*
=======================================================================
	Logo Rules
=======================================================================
*/

.logo {
    float: left;
    padding: 20px 0 20px 0px;
    
}

.topright_sec{
    float: right;
    width: auto;
    color: 
}

/*
=======================================================================
	Top Navigation Rules
=======================================================================
*/

.topnavigation {
    width:auto;
	height:30px;
	float:right;
}

.topnavigation ul {
    float: left;
    background-color: #2c4435;
    border-radius: 0 0 10px 10px;
    
}

.topnavigation ul li {
 	height:30px;
	float:left;
    list-style: none;
}

.topnavigation ul li.last {
    border: none;
}
    

.topnavigation ul li a {
    display: block;
    color: #c29827;
    text-decoration: none;
    line-height: 30px;
	padding: 0 8px 0 9px;
	font-size: 11px;
	float: left;
    border-right: solid 1px #455418;
}

.topnavigation ul li a.navsep {    
   border-right-style: none;


}

.topnavigation ul li a:hover {
	color:#fff;
}

.usericon {
    margin-right: 5px;
    margin-top: 6px;
    float: left
}

/*
.noborder a {
    border-right: 0;
}
*/

/*
.topnavigation ul li.last {
    border-left:none;
}
    
.topnavigation ul li.noborder{
            border-right: none;
}
*/

=======================================================================
	Search
=======================================================================
*/

.top_search {
	position:relative;
	height:51px;
	float:right;
	width:327px;
	padding-bottom:15px;
    
}

.top_search ul {
	float:right;
	width:330px;
}

.top_search li {
	float:left;
}
.top_search input {
	background-color:#f3f3f3;
	line-height:24px;
	height:23px;
	width:219px;
	border:solid 1px #d5d5d5;
	float:left;
    margin-top: 40px;
	margin-right:6px;
	padding:0 9px;
}


a.search {
	background-image:url(../images/search_icon.png);
	background-repeat:no-repeat;
	background-position:13px 7px;
	width:55px;
	height:25px;
	background-color:#2c4435;
	display:inline-block;
	float:left;
	color:#c29827;
	line-height:25px;
	padding-left:30px;
    margin-top: 40px;
	
}


/*
=======================================================================
	Content Section Rules
=======================================================================
*/

#content_section {
    float: left;
    padding-bottom: 10px;
    position: relative;
    width: 960px;
    z-index: 0;
}
#content_sec1 {
	width:100%;
	padding-top:31px;
	float:left;
	padding-bottom:24px;
}


/*

=======================================================================
	Col Section Rules
=======================================================================
*/
.col1 {
	width:710px;
	float:left;
	padding-top:10px;
/*    background-color: #154e02;*/
}
.col2 {
	width:240px;
	padding-top:10px;
	float:right;
/*  background-color: #154e02;*/
}
/*
=======================================================================
	New Updates Rules
=======================================================================
*/
.news_updates {
	width:958px;
	background-image:url(../images/newsbg.gif);
	background-repeat:repeat-y;
	height:40px;
   	border:solid 1px #bbc1c4;
	line-height:36px!important;
    text-align:center;
}

.news_update {
	width:90px;
	display:inline-block;
	color:#fff;
	height:38px;
	float:left;
	margin:1px;
	background:#c29827;
	text-align:center;
    font-size: 12px
}

.news_des {
    width: 850px;
	color:#1b2a36;
	float:left;
	margin-top: 10px;
    overflow: hidden;
    position: relative;
    
    font-size: 14px
}
.news_des h4 {
	/*color:#1b2a36; */
    color: #2c4435;
    width: 100%;
    height: 100%;
    font-weight: 300px;
     /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: news_des 30s linear infinite;
 -webkit-animation: news_des 30s linear infinite;
 animation: news_des 30s linear infinite;
    
}

/* Move it (define the animation) */
@-moz-keyframes news_des h4 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes news_des {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}

@keyframes news_des {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
   }


 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
   }
}


.next {
	float:right;
	margin-top:7px;
	padding-right:7px;
}
/*
=======================================================================
	Banner Rules
=======================================================================
*/
#banner {
	height:320px;
	padding-top:0px;
	position:relative;
	width:710px;
}

#banner .contentdiv {
	visibility: hidden; /*leave as is*/
	position: relative; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 710px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height:320px;
}
.banner_des {
	width:520px;
	height:66px;
	padding-right:167px;
	color:#fff;
	padding-left:20px;
	padding-top:12px;
	position:absolute;
	bottom:1px;
	left:1px;
	background-image:url(../images/bannerdesc.png);
}

.banner_des h4 {
	font-weight:bold;
	padding-bottom:2px;
	color:#fff!important;
}

.banner_des p {
	padding-right:80px;
}

#slider2 {
	width:710px;
	position:relative;
	padding-top:0px;
	margin:auto;
	height:320px;
	overflow:hidden;
}

.pagination {
	width:auto; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	float:right;
	right:15px;
	bottom:27px;
	z-index:9999;
	position:absolute;
}
.pagination a {
	background:#486b55;
	width:23px;
	line-height:23px;
	text-align:center;
	line-height:23px;
	color:#fff;
	display:inline-block;
	margin-right:1px;
	font-weight:bold;
}
.pagination a:hover, .pagination a.selected {
	background-color:#000;
}
.pagination a:hover, .pagination a.selected {
	background-color:#000;
}
.pagination a.prev {
	font-size:0px;
	display:none;
}
.pagination a.next {
	font-size:0px;
	display:none;
}

/*
=======================================================================
	Content Heading Rules
=======================================================================
*/

.spc58years {
	width:710px;
	float:left;
	height:320px;
	padding-bottom:10px;
}


#pcipalmsg {
    float: left;
    background-color:#EEF0EB;
	border:solid 1px #d5d5d5;
    box-shadow: 3px 3px 2px #D9D2D2;
    margin-top: 10px;
}

/*
.content_heading {
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
    margin-bottom: 5px;
    
}

.wellcome{
    float:left;
    padding-right: 15px;
    
}

.heading {
	width:587px;
	float:left;
}
.heading h2 {
	color:#1b2a36;
	padding:0px;
	margin:0px;
}
*/
/*
=======================================================================
	Principal Message Rules
=======================================================================

*/
.principalMSG h2 {
	color:#1b2a36;
    text-align: center;
	padding:0px;
	margin:0px;
}


.principalMSG {
    width: 100%;
    height:1000px;
    margin-top: 40px;
} 

.principal {
    color:#38393A;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.principal_hl {
    margin-top: 30px;
    width:50%;
    margin-left: 25%;
    height: 1px;
    background: #c29827;
}

.principalMSG_chd {
	width:100%;
	align-content: center;
    
	padding-top:11px;
	padding-bottom:12px;
}

.principalMSG_hd {
	width:100%;
	align-content: center;
    margin-top: 15px;
    margin-bottom: 12px;
}

.principalMSG1 {
    text-align:  center;
    margin-top: 20px;
    margin-bottom: 10px;
}


.text {
    
    font-weight:normal;
    text-align: justify;
    font-size: 12px;
    letter-spacing: 0.2px;
        
}


.readmore {
    color: #c29827; 
}


.col1 p {
	padding-bottom:15px;
}


/*
=======================================================================
	Academics rules
=======================================================================
*/

.academicPrgm {
	width:100%;
	padding-top:10px;
	float:left;
}

.academicPrgm1 {
    margin-bottom: 20px;
    width: 100%;
    height: 1000px;
    float: left;
}


.academicPrgm1 ul {
    float: left;
    padding:2px 0;
}

.academicPrgm1 li {
	padding:6px 2px;
	width:100%;
	float:left;
}

.academicPrgm1 li .academicstext {
    width:100%;
    background:url(../images/listarrow.png);
    background-repeat:no-repeat;
    background-position:left;
    text-decoration:underline;
    float: left;
    padding-left: 8px;
    font-size: 12px;
    letter-spacing: 0.2px;
    margin-left: 40px;
}

.academicshdr h2 {
    margin-top: 20px;
    text-align: center;
    
}

.academics_col1 {
    width:300px;
	float:left;
	padding-top:10px;
    margin-top: 15px
}

.academicthumbs {
    margin-bottom: 10px;
}
.academics_col2 {
	width:650px;
	height: 1000px;
	padding-top:10px;
	float:right;
}

.academics_col21 {
    margin-bottom: 20px;
    width: 650px;
    float: left;
}

.academics {
    float: left;
}

.academics_col21 ul {
    float: left;
    padding:2px 0;
}

.academics_col21 li {
	padding:6px 2px;
	width:640px;
	float:left;
}

.academics_col21 li .academicstext {
    width:630px;
    background:url(../images/listarrow.png);
    background-repeat:no-repeat;
    background-position:left;
    text-decoration:underline;
    float: left;
    padding-left: 8px;
    font-size: 12px;
    letter-spacing: 0.2px;
    
}

/*
=======================================================================
	WASSCE Result
=======================================================================
div class spcCalForum is also reference here
*/

.wassceResult {
	width:960px;
	float:left;
	height:800px;
	padding-bottom:10px;
}

/*
=======================================================================
	Staffs rules
=======================================================================
*/

.staffs {
	width:100%;
	float:left;
	margin-top:5px;

}

.staffshdr h2 {
	margin-top: 10px;
	text-align: center;

}

.staffs ul {
    float: left;
	margin-left: 30%;
    margin-top: 30px;

}


.staffs ul li {
	float: left;
	width: 80%;
    margin-bottom: 30px;
    margin-top: -10px;
    padding-left: 10px
   
}

.staffs ul li .spcthumbs {
	float: left;
	width: 200px

}


.staffsdescr {
    width: 350px;
    height: 125px;
    padding-right: 20px;
    padding-top:55px;
    margin-left: 200px;
    
}


.staffstxt {
    color:#1b2a36;
    font-size: 14px;
    font-weight: bold;
}

.staffstxt0 {
    color:#c29827;
    font-size: 12px;
    font-weight: bold;
    
}

.staffstxt1{
    
    font-weight:normal;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.staffstxt2{
    color: blue;
    font-weight:bolder;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.staffs_hl {
    margin-top: 20px;
    width:100%;
    height: 1px;
    background: #c29827;
}


/*
=======================================================================
	SPC Calendar rules
=======================================================================
*/

.spcCalForum{
    width: 100%;
	height: 1000px;
    margin-top: 40px;
  
}

.spcCalForum h2 {
    color:#1b2a36;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*
=======================================================================
	Our History rules
=======================================================================
*/

.ourhistory{
    width: 100%;
	height: 1200px;
    margin-top: 30px;

}

.ourhistory0 p{
    text-align: center;
    color: #47494A;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.2px;
}
    
.ourhistory00 {
	margin-top: 20px;
    height: 80px;
    text-align: center;
    line-height: 140%;
    color: #47494A;
    /*color:#38393A; */
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
   
}

.ourhistory_hl {
    width:100%;
    height: 1px;
    align-content: center;
    background: #c29827;
    margin-bottom: 15px;
    margin-top: -5px;
}

.ourhistory1 {
    color: #242526;
    font-size: 12px;
    font-weight: bold;
}


    

.donation {
    margin-left: 20px;
    border-collapse:collapse;
    border-spacing:0;
    
}    
 
.donation td{
    /*font-family:Arial, sans-serif; */
    font-size:12px;
    padding:10px 5px;
    border-width:1px;overflow:hidden;
    word-break:normal;
    letter-spacing: 0.2px;
}

.donation .donation1 {
    vertical-align: top;
    
}
    


.course_listing {
	width:708px;
    border:solid 1px #bbc1c4;
	background-color:#fafafa;
}

ul.listheading {
	font-weight:bold;
	background-color:#ebe4c5;
	color:#08387f;
	border-bottom:solid 1px #bbc1c4;
	height:26px;
	line-height:26px;
}
.course_listing li {
	float:left;
	border-right:solid 1px #bbc1c4;
    font-size: 12px;
    letter-spacing: 0.2px;
}
.course_listing li.code {
	width:83px;
	text-align:center;
}
.course_listing li.coursename {
	width:252px;
	padding-left:13px;
}
.course_listing li.time {
	width:160px;
	padding-left:13px;
}

.course_listing li.instructor {
	width:171px;
	padding-left:13px;
	border:none!important;
}

ul.courselisting {
	float:left;
	width:708px;
	border-bottom:solid 1px #bbc1c4;
}
ul.courselisting li {
	float:left;
	padding:13px 0;
}
.course_listing li.coursename a {
	color:#08387f;
}
.course_listing li a {
	text-decoration: none;
}

.listingblock {
	width:710px;
	float:left;
	padding-bottom:21px;
    margin-left: 12%;
}

.curr_Principal {
    color: #c29827;
    font-weight: bold;
}

.tg  {
    margin-left: 32%;
    margin-top: 10px;
    margin-bottom: 20px;
    border-collapse:collapse;
    border-spacing:0;
    
}
.tg td{
    /*font-family:Arial, sans-serif; */
    font-size:12px;
    padding:10px 5px;
    border-style:solid; 
    border-width:1px;overflow:hidden;
    word-break:normal;
    letter-spacing: 0.2px;
}

.tg th{
    /*font-family:Arial, sans-serif; */
    font-size:12px;
    font-weight:normal;
    padding:10px 5px;
    border-style:solid; 
    border-width:1px;
    overflow:hidden;
    word-break:normal;
    letter-spacing: 0.2px;
}

.tg .tg-n48t{
    background-color:#ebe4c5
}

.tg .tg-yw4l{
    vertical-align:top;
}


=======================================================================
	Our History Pgination rules
=======================================================================
*/
.pginaiton {
	background-color:#e7f1ff;
	width:710px;
	height:23px;
	margin-bottom:8px;
	border-bottom:solid 1px #89ab20;
    
}
.pginaiton ul {
	float:left;
    margin-bottom: 20px;
    margin-left: 32%;
}

.pginaiton li {
	float:left;
	padding-right:6px;
}
.pginaiton li.dots {
	float:left;
	color:#747474;
	padding-top:6px;
	padding-right:6px;
}
.pginaiton li.nextpage {
	float:left;
	padding:3px 0 0 0;
}
.pginaiton li.nextpage a {
	width:54px;
	height:17px;
	display:inline-block;
	background-image:url(../images/nextbg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px!important;
	font-weight:normal!important;
	line-height:17px!important;
	padding:0px!important;
}
.pginaiton li.nextpage a:hover {
	color:#747474!important;
}
.pginaiton li a {
	line-height:23px;
	padding:0 9px;
	color:#747474;
	display:inline-block;
	font-weight:bold;
}
.pginaiton li a:hover {
	color:#fff;
    background-color: #c29827;
}

/*
=======================================================================
	Content Block Rules
=======================================================================
*/
.contentblock {
	width:100%;
	float:left;
	padding-top:9px;
}
.edu_videos {
	width:320px;
	float:right;
    background-color:#EEF0EB;
	border:solid 1px #d5d5d5;
	padding-bottom:10px;
    box-shadow: 3px 3px 2px #D9D2D2;
}

.edu_videos h5 {
    background: -webkit-linear-gradient(bottom, #2c4435, #467C5B);
    width:309px;
    padding-top:10px;
    padding-bottom: 10px;
	font-size:18px;
	color: white;
	font-weight:bold;
	height:15px;
	float:left;
	padding-left:13px;
	border-bottom:solid 1px #d5d5d5;
    text-align: center;
    
}

.text1 {
    font-size: 12px;
    letter-spacing: 0.2px;
    font-weight:normal;
        
}

.text2 {
    font-size: 12px;
    font-weight:normal;
}

.text2em a {
    float: right;
    font-size: 12px;
    font-weight:normal;
    font-weight: bold;
    margin-top: -15px;
    margin-right: 15px;
}

.text2em2 a {
    float: right;
    font-size: 12px;
    font-weight:normal;
    font-weight: bold;
    margin-top: -14px;
    margin-right: 15px;
}

.text3em3 a {
    float: right;
    font-size: 12px;
    font-weight:normal;
    font-weight: bold;
    margin-top: -31px;
    margin-right: 5px;
}

.rtarrow1 {
    width: 12px;
    margin-left: 255px;
    margin-top: 20px;
}

.rtarrow2 {
    width: 12px;
    margin-top: 25px;
    margin-left:200px
}

.rtarrow3 {
    width: 12px;
    margin-left: 105px;
    margin-top: 5px;
   
}

.rtarrow4 {
    width: 12px;
    margin-left: 120px;
    margin-top: 18px;
    margin-bottom: 17px;
   
}

.edu_videos_hdr {

    padding-bottom: 5px;
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: center
}
.edu_videos ul {
	float:left;
    padding: 4px 0;
}

.edu_videos ul li {
	padding:5px 1px 1px 10px;
	width:305px;
	float:left;
    border-bottom: solid 1px #e1e1e1;
}

.edu_videos ul li .thumb{
	width:150px;
	height:145px;
	float:left;
    padding-right: 3px;
}

.edu_videos ul li .thumb img .computer {
	
}

.computer {
 padding-left: 15px;
    
}

.nbbdr {
	border-bottom:none!important;
    margin-bottom: 10px;
}

.edu_videos ul li.nbbdr {
	border-bottom:none!important;
    margin-bottom: -3px
}


.spc_news {
	width:376px;
	float:left;
    background-color:#EEF0EB;
	border:solid 1px #d5d5d5;
    box-shadow: 3px 3px 2px #D9D2D2;
}

.spc_news h5 {
    background: -webkit-linear-gradient(bottom, #2c4435, #467C5B);
    width:367px;
    padding-top:10px;
    padding-bottom:10px;
	font-size:18px;
	color: White;
	font-weight:bold;
	height:15px;
	float:left;
	padding-left:12px;
	border-bottom:solid 1px #d5d5d5;
    text-align: center;
    
}

.spc_news  ul {
	float:left;
	padding:2px 0;
}

.spc_news ul li {
	padding:9px 10px 2px 10px;
	width:358px;
	float:left;
    border-bottom: solid 1px #e1e1e1;
    margin-bottom: px;
}

 .text3{
    font-size:12px;
    font-weight: bold;
    margin-bottom: -11px;
    margin-top: -5px;
}


.spcEmblem img{
    margin-left: -10px;
}

.spc_news  ul li .thumb {
	width:70px;
	height:65px;
	float:left;
    padding-right:2px;
}

.spc_news  ul li .descripton p {
    padding-bottom:12px;

}

.nbbdr {
	border-bottom:none!important;
}

/*
=======================================================================
	Right cols Type Rules
=======================================================================

*/
.widget {
    background: #2c4435;
	width:240px;
    float:left;
	margin-bottom:10px;
    padding-top: 10px;
           
}

.col2 .widget h2 {
    padding: 0 10px;
    /*color: dodgerblue; */
    color: #c29827;
    text-align: center
}

.widget p {
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 11px;
    color: white;
}

.widget h2{
   text-align: center;
    color: #c29827;
    margin-top: 4px;
}
 .widget1{
    color: dodgerblue;
}

.widget2 {
    color: dodgerblue; 
}
    
.widget.socials {
    padding-top: 20px;

}

.widget.socials a {
    display: inline-block;
    position: relative;
    padding-left: 30px;
        
} 

.nobg {
	background-image:none!important;
}
/*
=======================================================================
    Educational Resources
=======================================================================
*/

.educateRes_col {
	width:238px;
    margin-bottom: 10px;
	float:left;
	background-color:#EEF0EB;
 	border:solid 1px #d5d5d5; 
    padding-bottom:1px;
    box-shadow: 3px 3px 2px #D9D2D2;
}
.educateRes_col h5 {
    background: -webkit-linear-gradient(bottom, #2c4435, #467C5B);
	width:225px;
	padding-top:10px;
    padding-bottom: 10px;
	font-size:18px;
	color:white;
	font-weight:bold;
	height:15px;
	float:left;
	padding-left:13px;
	border-bottom:solid 1px #d5d5d5;
    text-align: center;
}
.educateRes{
    float: left;
    color: #c29827;
    font-weight: 200px;
    
}
.educateRes_col ul {
	float:left;
}
.educateRes_col li {
    
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:7px 2px;
	width:230px;
	float:left;
}

.educateRes_col li .description {
    width:220px;
    background:url(../images/listarrow.png);
    background-repeat:no-repeat;
    background-position:left;
	text-decoration:underline;
    float: left;
    padding-left: 8px;
    
}

.educateRes_col li .description a{
    color: blue;
    font-size: 13px;
}

/*
=======================================================================
    College	Gallery Rules
=======================================================================
*/

.college_gallery {
	width:238px;
	margin-bottom:10px;
	float:left;
	background-color:#EEF0EB;
	border:solid 1px #d5d5d5;
    box-shadow: 3px 3px 2px #D9D2D2;
}
.college_gallery h5 {
    background: -webkit-linear-gradient(bottom, #2c4435, #467C5B);
    background: -moz-box-linear-gradient(bottom, #2c4435, #467C5B);
    background: linear-gradient(bottom, #2c4435, #467C5B);
	width:225px;
	padding-top:10px;
    padding-bottom:10px;
	font-size:18px;
	color:#white;
	font-weight:bold;
	height:15px;
	float:left;
	padding-left:13px;
    border-bottom:solid 1px #d5d5d5;
    text-align: center;
}
.college_gallery ul {
	float:left;
	padding:2px 0;
}
.college_gallery ul li {
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:10px 11px 9px 11px;
	width:216px;
	float:left;
}
.college_gallery ul li .thumb {
	margin-top: 12px;
	width:27px;
	height:27px;
	float:left;
}
.college_gallery ul li .description {
	width:190px;
	float:left;
	margin-left: -2px;
    margin-top: 8px;
}
.college_gallery ul li .description h6 {
	color:#30393d;
	font-size:13px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}
.college_gallery ul li:hover {
	background-image:url(../images/lihover.gif)!important;
	background-repeat:no-repeat;
	background-position:bottom;
}


/*
=======================================================================
    Alumni SPCOOSA Page Rules
=======================================================================
*/
.alumni {
	width:960px;
    
}

.alumni_heading h2 {
    text-align: center;
    margin-top: 20px;
    color:#2c4435;
}

.alumni_hl {
    margin-top: 20px;
    width:100%;
    align-self: center;
    height: 1px;
    background: #c29827;
}

.gallery_top {
    margin-top: 10px;
	width:100%;
	float:left;
	padding-top:16px;
	height:51px;
	padding-bottom:10px;
}

.gallery_heading h3 {
    text-align: center;
    margin-left: 10%;
    margin-top: 10px;
}

.gallery_heading {
	width:867px;
	height:44px;
	border-bottom:dotted 1px #999999;
	line-height:44px;
    float:left;
	color:#2c4435;
	font-size:20px;
}

.select_gallery {
	width:93px;
	padding-top:4px;
	height:51px;
	float:right;
}
.select_gallery a.photo {
	background-image:url(../images/picshow.gif);
	background-repeat:no-repeat;
	display:inline-block;
	width:47px;
	float:left;
	height:51px;
}
.select_gallery a.photo:hover {
	background-image:url(../images/photoactive.gif);
	background-repeat:no-repeat;
}
.select_gallery a.pactive {
	background-image:url(../images/photoactive.gif);
	background-repeat:no-repeat;
}
.select_gallery a.movie {
	background-image:url(../images/movie.gif);
	background-repeat:no-repeat;
	display:inline-block;
	margin-left:-1px;
	float:left;
	width:47px;
	height:51px;
}
.select_gallery a.movie:hover {
	background-image:url(../images/movieactive.gif);
	background-repeat:no-repeat;
}
.select_gallery a.mactive {
	background-image:url(../images/movieactive.gif);
	background-repeat:no-repeat;
}

.thumbdiv {
	width:760px;
	float:right;
	overflow:hidden;
	padding-left:20px;
    position:relative;
	border-left:solid 1px #d5d5d5;
}
.thumbdiv ul {
	width:780px;
	float:left;
}
.thumbdiv ul li {
	padding-right:20px;
	padding-bottom:20px;
	float:left;
}
.thumbdiv ul li img {
	border:solid 1px #d5d5d5;
}

.alumni_txt {
    margin-left: 20px;
    font-weight:normal;
    text-align: justify;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.alumni .alumni_heading1 h5 {
    margin-top: 30px;
    color: #2c4435;
    text-align: center;
}

.alumni .alumni_heading1 h3 {
    margin-top: 20px;
    color: #2c4435;
    text-align: center;
}

.alumni_txt ul li {
    list-style-type: disc;
    line-height: 20px;
    
}



/*
=======================================================================


/*
=======================================================================
    Contact 	Section  Rules
=======================================================================
*/
.note1 p {
    width: 800px;
	padding-bottom:20px!important;
    font-size: 12px;
    letter-spacing: 0.2px;
    font-weight:normal;
}
.contactblock {
	width:100%;
	float:left;
	padding-bottom:17px;
}

.contactus {
	width:100%;
    height: 1000px;
	float:left;
	padding-bottom:17px;
}

.contactus h1{
    text-align: center;

}

.block1 {
	width:268px;
	float:left;
}
.contactblock h5 {
	color:#08387f;
	font-weight:bold;
	padding-bottom:5px;
}
.mailingaddress {
    font-size: 12px;
    letter-spacing: 0.2px;
    font-weight:normal;
	float:left;
	padding-left:29px;
	background-image:url(../images/mail.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	color:#222427;
	padding-bottom:5px;
	width:221px;
}
.teleno {
	float:left;
	padding-left:29px;
	background-image:url(../images/telco1.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#08387f;
	font-size: 12px;
    letter-spacing: 0.2px;
    font-weight:normal;
	padding-bottom:10px;
	width:221px;
}

.emailaddress {
	width:100%;
	padding-bottom:14px;
	float:left;
	padding-left:29px;
	background-image:url(../images/email.png);
	background-repeat:no-repeat;
	background-position:left 3px;
}

.emailaddress a {
    font-size: 12px;
    letter-spacing: 0.2px;
    font-weight:normal;
	color:#222427;
	display:inline-block;
	width:100%;
	padding-bottom:5px;
}
.mailingaddress p {
	padding-bottom:0 !important;
}

.block2 {
	width:401px;
	float:right;

}

ul.inquiry {
	width:100%;
	float:left;
	padding-top:15px;
}
ul.inquiry li {
	width:100%;
	float:left;
	padding-bottom:11px;
    font-size: 13px;
    
    
}
ul.inquiry li input {
	width:400px;
	height:40px;
	line-height:21px;
	padding:0 8px;
	color:#a9a8a8;
	/*border:solid 1px #d4d6d6; */
    border:solid 1px #7B7D7D;
    font-size: 16px;
    color:#222427;
}
ul.inquiry li select {
	width:268px;
	height:30px;
	line-height:21px;
	padding:3px;
	font-size:16px;
	color:#222427;
	border:solid 1px #7B7D7D;
}
ul.inquiry li .txtarea {
	width:400px;
	height:67px;
	padding:7px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#222427;
	border:solid 1px #7B7D7D;
}

.action1 {
	width:145px;
	float:left;
	height:35px;
	/*background-image:url(../images/actionsep.gif); */
	background-repeat:no-repeat;
	background-position: 66.21% center;
	line-height:35px;
	padding-bottom:2px;
    margin-bottom: 40px;
}

.btn1 {
	width:100px;
	height:35px;
	line-height:35px;
	text-align:center;
    font-size: 16px;
	color:#fff;
	font-weight:bold;
	background-color:#2c4435;
    display:inline-block;
    border-radius: 5px 5px 5px 5px;   
}

a.right {
    
}
/*
=======================================================================
    Bottom	Section  Rules
=======================================================================
*/

#bottom_seciton {
    margin-top: 50px;
	width:100%;
    background:#3e3d3d;
	border-top:solid 3px #c29827;
    
}

#footer {
    
	width:960px;
	margin:auto;
	padding-top:21px;
	font-family:Arial, Helvetica, sans-serif;
    
}
#footer h5 {
	color: white;
	padding-bottom:14px;
	font-weight:bold;
}
#footer ul {
	float:left;
    margin-bottom: -15px
}
#footer li {
    background:url(../images/listarrow.png);
    background-position:left 3px;
    background-repeat:no-repeat;
    padding-left:15px;
	padding-bottom:4px;
    
   
}
#footer li a {
	font-size:10px;
	font-weight:bold;
	color:#c29827;
    
}
#footer li a:hover {
	text-decoration:underline;
}
.find_your_way {
	width:189px;
	padding-left:10px;
	float:left;
}
.help_support {
	width:196px;
	float:left;
}
.quick_links {
	width:189px;
	float:left;
}
.Addmissoin {
	width:194px;
	float:left;
}

.contact_us {
	width:182px;
	float:left;
}
.contact_us ul {
}
.contact_us li {
	padding-left:24px!important;
    color:#c29827;
}
.contact_us li.telephone_no {
	background:url(../images/telco.png) no-repeat !important;
	background-position:left important;
    background-repeat:no-repeat;
}
.contact_us li.mailing_address {
	background:url(../images/mail.png) no-repeat !important;
	background-position:left 2px!important;
	background-repeat:no-repeat;
    
    
}
.contact_us li.email_address {
	background:url(../images/email.png) no-repeat !important;
	background-position:left 0px!important;
	background-repeat:no-repeat;
}
.contact_us li.googlemaps {
	background:url(../images/googlemail.gif) no-repeat !important;
	background-position:left 2px!important;
	background-repeat:no-repeat;
}
.contact_us li.googlemaps a {
	font-weight:bold;
	text-decoration:underline;
}

hr {
    height: 0;
    border-style: groove;
    border-width: 1px 0 0 0;
    border-color: #817f7f;
    
}

#bottom_Section {
    background:#3e3d3d;
	width:100%;
	height:60px;
}
#pagebottom {
	width:960px;
	padding-top:20px;
	margin:auto;

}
.copyright {
	margin-top: 2px;
	float:left;
	padding-right:27px;
    margin-left: 35%;
	color:#999999;
}
.copyright a {
	color:#c29827;
	text-decoration:underline;
}

/**********************/

#fancybox-left-ico {
	left: 0px !important;
}
#fancybox-right-ico {
	left: auto !important;
	right: 0px !important;
}

.hdiv {
	position:absolute;
	height:20px;
	background-color:#fff;
	width:1px;
	bottom:0px;
	left:-1px;
	z-index:99999;
	border-left:solid 1px #fff;
}