/*
#------------------------------------------------------------------------
# Fashion - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */
/* colors: rgb(0,15,73), rgb(255,185,28), rgb(255,251,240)*/
body {
    background: url("../images/bg_body2A.jpg") repeat-x top center rgb(0,15,73);
    color: #575757;
	line-height: 1.7;
}

#gkSocialAPI {display:none;}
/*
#gkLogo.cssLogo {
    background-image: url("../images/shs_logo.png");
	width: 190px;
	height:51px;
}
*/
#gkLogo {
   background: url("/images/shs_logo_shield.png") 0 0 no-repeat;
	height: 50px;
	margin:0;
	padding:0;
}

#gkLogo.text > span {
	margin-top:0px;
	padding-top:0;
	text-indent: 48px;
    display: block;
    font-size: 30px;
	letter-spacing:-1px;
    line-height: 36px;
	text-shadow: none;
	color:rgb(255,251,240);
}
#gkLogo.text .gkLogoSlogan {
	text-indent: 52px;
    display: block;
	font-family: Arial, Helvetica;
    font-size: 12px;
	letter-spacing:5px;
    line-height: 20px;
	text-shadow: none;
	color:rgb(255,251,240);
	}

/*
#gkLogo.text > span {
	margin-top:0px;
	padding-top:0;
	text-indent: 20px;
    display: block;
    font-size: 30px;
	letter-spacing:1px;
    line-height: 30px;
	text-shadow: none;
	color:rgb(255,251,240);
}

#gkLogo.text .gkLogoSlogan {
	text-indent: 24px;
    display: block;
	font-family: Arial, Helvetica;
    font-size: 12px;
	letter-spacing:7px;
    line-height: 20px;
	text-shadow: none;
	color:rgb(255,251,240);
	}
*/

#gkHeader {height: 70px; margin-bottom: 20px;}
#gkHeader > div > h2 {
    background: url("/images/shs-ibLogo.png") -90px 0 no-repeat;
	color:rgb(164,167,212);
	height: 70px;
	font-size: 34px;
	font-weight: 400;
	text-indent: 90px;
	padding-top: 10px;
	display:;
	}

#gkLogo, #gkHeader, #gkMainMenu, #gkPageTop {border: 0px solid; }
#gkLogo 	{border-color: yellow}
#gkHeader 	{border-color: lime; }
#gkMainMenu {border-color: cyan }
#gkPageTop 	{border-color: red }

#gkPageTop {
	background: transparent;
	padding: 0;
	margin-bottom: 28px !important;
}

h1, h2, h3, h4, h5 {
    color: #053c96;
}
/* off-white
.box > div, .box_text > div, .box_menu > div {
    background: rgb(255,251,240);
    box-shadow: none;
}
*/
.box > div, .box_text > div, .box_menu > div {
    background: #fff;
    box-shadow: none;
}
.box_menu > div {
    padding: 16px;
}
#gkMainMenu {
    margin: 20px 0 0 0px;
}
.box_menu > div {
  background-color: rgb(255,185,28);
}
.gkMenu > ul > li > a {
    color: #e1e1e1;
	font-weight:500;
    text-shadow: none;
}

.gkMenu > ul > li:hover > a, .gkMenu > ul > li:active > a, .gkMenu > ul > li:focus > a, .gkMenu > ul > li.active:hover > a, .gkMenu > ul > li.active:active > a, .gkMenu > ul > li.active:focus > a, .gkMenu > ul > li.active > a {
  background-color: rgb(255,185,28);
    color: #FFFFFF;
    text-shadow: none;
}
.gkMenu > ul div.childcontent-inner {
  background-color: rgb(255,185,28);
}
.box_menu ul li a {
    color: #1b3766;
    font-size: 16px;
    line-height:26px;
}

/* sub menu */
.gkMenu > ul div.childcontent a {
    color: #1b3766;
    line-height:26px;
}
.gkMenu > ul div.childcontent header {
    border-bottom: 1px solid #fff;
    color: #FFFFFF;
}
/* sub menu description - small*/
.gkMenu > ul div.childcontent small {
    color: #fff;
}
.gkMenu > ul div.childcontent div.childcontent {
	border: 1px solid #fff;
	border-bottom: none;
	border-right: none;
}

.pagination ul {
background: #1b3766;
text-align: center;
}
.pagination ul li a, .pagination ul li span {
border-left: 1px solid #456;
}
.gkMenu > ul > li {
	height: 30px;
	font-size: 16px;
	background: transparent;
	margin: 0 8px;
}
.gkFooter {
    border-top: 0px solid #a4a7d4;
    border-bottom: 0px solid #a4a7d4;
}
.gkFooter > small {
	color: #f3f3f3;
	text-shadow: 1px 1px 0 black;
}
.gkFooter > p {
	color: #829BC3;
	font-size:12px;
	text-shadow: none;
}

#gkInset .gkFooter > div {
    border-bottom: 1px solid rgb(164,167,212);
	border-top: none;
}

.transparent > ul {
	list-style-type: disc;
	padding:0 0 0 20px;
	}
.transparent > div > h3.header {
	color: #585c84;
	border-bottom: 1px solid #585c84;
	
	}
.item-page ul {
    list-style-type: disc;
}
.orange > div {background: rgb(255,185,28); color: #fff;}
.purple > div {background: #9d4dd9; color: #fff;}
.blue > div {background: #044482; color: #fff;}
.cyan > div {background: #00a0ff; color: #888;}
.green > div {background: #60b710; color: #123;}
.lime > div {background: #cde708; color: #123;}
.lemon > div {background: #d9b404; color: #123;}
.white > div {background: rgb(255,251,240); color: #575757;}
.gray > div {background: #414141; color: #f3f3f3;}
.slategray > div {background: slategray; color: #eee;}
.black > div {background: #000; color: #ddd;}
.grass > div {background: #6b5325; color: #fff}
.navy > div {background: #254763; color: #fff}
.yellow > div {background: #f6e87b; color: #575757}
.almond > div {background: #74341b; color: #77522e}

.light10 > div {background: rgba(255,0255,255,0.1)}
.light20 > div {background: rgba(255,0255,255,0.2)}
.light30 > div {background: rgba(255,0255,255,0.3)}
.light40 > div {background: rgba(255,0255,255,0.4)}
.light50 > div {background: rgba(255,0255,255,0.5)}
.light60 > div {background: rgba(255,0255,255,0.6)}
.light70 > div {background: rgba(255,0255,255,0.7)}
.light80 > div {background: rgba(255,0255,255,0.8)}
.light90 > div {background: rgba(255,0255,255,0.9)}

/*
.orange > div {background: #f28113; color: #fff;}
.purple > div {background: #554599; color: #fff;}
.blue > div {background: #444a9e; color: #fff;}
.cyan > div {background: #49c2d6; color: #888;}
.lime > div {background: #64c066; color: #123;}
.white > div {background: #fff; color: #575757;}
.gray > div {background: gray; color: #f3f3f3;}
.slategray > div {background: slategray; color: #eee;}
.black > div {background: #000; color: #ddd;}
.grass > div {background: #6b5325; color: #fff}
.navy > div {background: #0e5b83; color: #fff}
.yellow > div {background: #f6e87b; color: #575757}
.almond > div {background: #bb7a38; color: #77522e}
*/

.nspArt .gkResponsive + h4.nspHeader {
    padding-top: 4px;
}
#gkBottom {
/*	background:rgba(0,0,0,0.2);*/
	color: #829bc3;
	margin:0;
	padding-top:20px;
	}
.dark_blue {background:rgba(0,0,0,0.2)}
#gkInset .box_menu h3.header {
    margin-bottom: 0px;
    margin-top: 0;
    text-align: left;
}
.topgap {margin-top:10px;}

#gkInset .gkFooter {
	border: none;
	margin: 0;
}
#gkInset .gkFooter > div {
	text-align: center;
	float: none;
	padding: 0;
	margin: 0;
}
.transparent {color:rgb(164,167,212);}

a, #gkBreadcrumb .breadcrumbs a:active, #gkBreadcrumb .breadcrumbs a:focus, #gkBreadcrumb .breadcrumbs a:hover {
    color: rgb(255,185,28);
}

#gkInset .gkFooter > p {
    float: none;
    line-height: 24px;
    margin: 0;
    text-align: center;
}

.ib	{
	padding-left: 20px;
	padding-top:20px;
}
.ib p span {
	font-size: 120% !important;
	font-weight: 400;
}

#gkBottom {margin-left: -60px;}
#gkBottom > div > div > div >div > div.decd { margin:5px 0 0 40px;}
#gkBottom > div > div > div >div > div.sagov { margin-left: 90px;}
#gkBottom > div > div > div >div > div.neals { margin-left: 92px;}
#gkBottom > div > div > div >div > div.cyber { margin: 6px 0 -10px 90px;}
#gkBottom > div > div > div >div > div.feedback { margin-left: 90px;}

.nspArt .gkResponsive + h4.nspHeader {
    font-size: 24px;
    line-height: 1.2;
	letter-spacing: -1px;
}


.cyber 		{border: 0px solid red;}
.feedback 	{border: 0px solid lime;}
.decd		{border: 0px solid cyan;}
.sagov		{border: 0px solid tomato;}
.neals		{border: 0px solid yellow;}

.border-one {border:1px solid #fff;}

.customHtml a {	 color:#353639;	}
h4.customHtml{
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 1.2;
	margin-top:9px;
}

blockquote {
	font-style: italic;
}
.bgred {background:rgba(255,0,0,0.7);color: #fff;}
.bgorange {background: rgba(255,165,0,0.7)}
.bgyellow {background: yellow}
.bgcyan {background: rgba(0,255,255,0.5)}
.bggreen {background: rgba(0,128,0,0.7);color: #fff;}

article header {
    margin: 12px 0 26px;
}
.double {margin-bottom: 0px;}
.box .clear {margin-bottom:10px;}