body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	background-attachment: fixed;
	background-color: #d1d1cf;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	
}

.BodyContent {
	padding-bottom: 20px;
}

a img {

border-width:0px;
	
}


.HeaderLogo {

	background-image:url(/design/Logo.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	width:333px;
	height:85px;
	
}

.HeaderLogo a {

	width:333px;
	height:94px;
	display:block;
	text-indent:-1000px;
	

}

.PoliceLogoClick{

	float:left;
	position:relative;
	top:5px;
	left:160px;
	width:80px;
	height:88px;
	display: inline-block;
	
}

.PreparedLogoClick{
	float:left;
	position:relative;
	top:10px;
	left:180px;
	width:190px;
	height:88px;
	display: inline-block;

}

.NHWNLogoClick{
	float:left;
	position:relative;
	top:10px;
	left:213px;
	width:88px;
	height:88px;
	display: inline-block;
	
}

.NaLogoClick{
	float:left;
	position:relative;
	top:10px;
	left:360px;
	width:228px;
	height:88px;
	display: inline-block;
		
}

.PostcodeSearch {
	margin-top: 20px;
}

.InputBoxPost {
	width: 305px;
	height: 38px;
	font-size: 24px;
	border-color: #A41E34;
}

.SearchButtonPost {
    background-image: url("/design/GoLocal.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 44px;
    width: 171px;
}

.RegButtons {
	background-color:#003e7e;
	margin: 20px 0 20px 20px;
	width: 220px;
	color:#FFFFFF;
}

.LoggedInTrueBox {
	margin: 20px 0 20px 20px;
	padding-right:20px;
	width: 200px;
	color:#000000;
	text-align: center;
}

.MemberAdminLink a {
	text-decoration:none;
	font-style:italic;
}

.RegisterText {
	color:#FFFFFF;
	list-style-color: #f4821f;
	padding: 0 0 10px 10px;
}

.JoinButton {

}

.MainColumn {
	width: 460px;
}
.SmallColumn {
	width: 220px;
	margin-left: 32px;
}

.SliderContainer {
	overflow: hidden;
	width: 460px;
	margin-top: 20px;
}

.LatestAlerts {
	width: 220px !important;
	/*margin-left: 30px;*/
	margin-top: 20px;

}

input[type="text"] {
	color: #666;
}

input[type="text"]:focus {
	color: #000000;
}

.RecentAlerts {
	/* background-image: url("/design/RSSIcon.png");
	background-repeat:no-repeat;
	background-position: right; */
	width: 210px;
	height: 26px;
	padding: 5px 0 0 10px;
	margin-bottom: 10px;
	background-color: #772aa8;
}
/*.BoxHeader {
	background-image: url("/design/AlertTitle.png");
	background-repeat:no-repeat;
	width: 215px;
	height: 31px;
	padding: 5px 0 0 5px;
}*/
.BoxHeaderText {
	text-decoration: none !important;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.BoxHeader a {
	text-decoration: none !important;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	/*font-style: italic;*/
}
.BoxHeader a:hover {
	color: #CCCCCC;
}

#PopularStories {
	margin-top: 20px;
	clear: right;
}
.PopularStoriesContent {
	padding-top: 10px;
}
.RSSBanner {
	/* background-image: url("/design/RSSHeader.png");
	background-repeat:no-repeat;
	background-position: right; */
	width: 450px;
	height: 26px;
	padding: 5px 0 0 10px;
	background-color:#d9166f;
}

.RSSBanner a {
	text-decoration: none !important;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.TwitterBanner {
	/* background-image: url("/design/TwitterHeader.png");
	background-repeat:no-repeat;
	background-position: right; */
	width: 450px;
	height: 31px;
	padding: 5px 0 0 10px;
	background-color:#0095d6;
}

.TwitterBanner a {
	text-decoration: none !important;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	/*font-style: italic;*/
}
.TwitterBanner a:hover {
	color: #CCCCCC;
}

#RecentGalleries {
	width: 220px !important;
	/*margin-left: 30px;*/
	margin-top: 20px;
}
.RecentGalleriesBanner {
	background-color:#f4821f;
	width: 210px;
	height: 26px;
	padding: 5px 0 0 10px;
	margin-bottom: 10px;
}
.RecentGalleriesContainer {
	width:220px;
	overflow:hidden;
}

#PopularTopics {
	width: 220px !important;
	/*margin-left: 30px;*/
	margin-top: 20px;
}
.PopularTopicsBanner {
	background-color:#772aa8;
	width: 210px;
	height: 26px;
	padding: 5px 0 0 10px;
	/*margin-bottom: 10px;*/
}

#PhotoGalleries {
	width: 220px !important;
	/*margin-left: 30px;*/
	margin-top: 17px;
}
.PhotoGalleriesBanner {
	/*background-image: url("/design/FlickrHeader.png");
	background-repeat:no-repeat;
	background-position: right;*/
	background-color: #f4821f;
	width: 220px;
	height: 26px;
	padding: 5px 0 0 10px;
	margin-bottom: 10px;
}

#UpcomingEvents {
	width:220px;
}

.UpcomingEventsBanner {
	/*background-image: url("/design/RSSHeader.png");
	background-repeat:no-repeat;
	background-position: right;*/
	background-color: #d9166f;
	width: 210px;
	height: 26px;
	padding: 5px 0 0 10px;
	margin-bottom: 10px;
}
	
#PoliceTweets {
	text-decoration: none;
	list-style-type: none; 
	padding: 10px;
}
#PoliceTweets li {
    border-top: 1px dashed #767676;
    color: #767676;
    font-size: 0.8em;
    list-style: none outside none !important;
    padding: 5px 4px 5px 1px;
    width: 178px !important;
}

#NewsArticles {
	padding-left: 20px;
}

#TwitterFeed {
	margin-top: 20px;
	/*margin-top: -190px;*/
	width: 460px;
}

.LatestAlertContent {
	width: 220px !important;
}

#WeatherWidget {
	width: 220px !important;
	margin-left: 20px;
}

H1 {

font-weight:bold;
font-size:14pt;
font-color:#002f5c;
margin:0px;	
margin-bottom:5px;
}

H2 {

font-weight:bold;
font-size:13pt;
font-color:#002f5c;
margin:0px;	
margin-bottom:3px;
}

H3 {

font-weight:bold;
font-size:12pt;
font-color:#002f5c;
margin:0px;
margin-bottom:2px;
}

H4 {

font-weight:bold;
font-size:10pt;
font-color:#002f5c;
margin:0px;	
margin-bottom:1px;
}



a {
	color: #006492;
	font-size: 1em;
}
a:hover {
	color: #33ccff;
}


.ButtonLink{
	
	text-indent: -9999em;
	width:228px;
	height:88px;
	display: inline-block;
	
}


.RoundedCorners {

-moz-border-radius: 8px;
border-radius: 8px;
	
}

.NoBorder {
	border: none !important;
}

.Main {
	/*padding: 0 20px 0;*/
	border-left: 20px solid #FFFFFF;
	border-right: 20px solid #FFFFFF;
	clear: both;
	float: left;
	width: 964px;
}
.HeaderText {
	border: none !important;
	height:20px;
	width:1000px !important;
	text-align: right;
	font-size: 10px;
	padding-top: 20px;
}

.HeaderText ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.HeaderText li {
	display:inline;
	margin:0 5px 0;
}
.HeaderText li a {
	color:#666666;
	text-decoration: none;
}

.Header {
	position: relative;
	/*margin-top: 40px;*/
	height: 100px;
	width: 964px;
}

.Navbar {
	height: 45px;
}

.HeaderContent {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 5px;
	height: 80px;
}

#HeaderIcons {
	margin: 23px 0 0 18px;
}

#HeaderIcons img {
	padding: 0 2px 0;
}

/*Was 131px with RSS icon*/
#HeaderSearch {
	margin: 23px 10px 0 177px;
}

.InputBox {
	height: 30px;
	width: 255px;
	font-size: 22px;
	border-color: #cbcbcc;
}

.SearchButton {
    background-image: url("/design/SearchGoButton.png");
    background-repeat: no-repeat;
    cursor: pointer;
	height: 36px;
    width: 37px;
}

.FloatLeft {
	float:left;	
}

.FloatRight {
	float:right;	
}

/*.HomePageTopContainer {

width:300px !important;
margin-left:17px;
margin-top:20px;
	
}

.HomePageBottomContainer {

width:295px !important;
margin-left:10px;
margin-top:5px;
background-color: #cdcdcd;
height:524px;
	
}*/

.ClearFix {
	
	float: left;
	clear: both;
	width: 100%;
	
}

.HomeGraphic {
	background-image: url(/design/DerbyshireAlertHomeGraphic.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 300px;
	width: 960px;
}

.GradientBackground {
	background-color: #006492;
	background-image: url(/design/MainContentBackgroundTile.jpg);
	background-repeat: repeat-x;
	min-height:380px !important;
	padding-bottom:20px;
}


.TwitterBox {
	width:265px;
	height:185px;

}


.HeaderDiv{

font-weight:bold;
font-size:10pt;
font-color:#002f5c;
	
}

.White {
	
	background-color:#FFF;
	
}

.Black {
	
		background-color:#000;

}

.Red {
	background-color:#a41e34;
}

.Grey {
	background-color:#666666;
}

.GreyText {
	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;	
}

.GreyContainer {
	
	width: 96%;
	padding: 1%;
	background-color: #edecec;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	height:534px;
}

.FooterContainer {
	width: 1000px;
	height: 55px;
	margin-top: 10px;
	border: none !important;
}
.CopyrightText p {
	font-size: 10px;
	margin: 0 !important;
}
.FooterBar {
	background-image: url(/design/FooterBar.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 369px;
}

#FooterBarSpacer {
	height: 10px;
	margin-left: 20px;
	border-left: none !important;
	border-right: none !important;
}

.TwitterBox ul {
	margin: 0;
	padding: 0;
	border: 0;
	padding-top: 3px;
	list-style: none;
}
.TwitterBox li {
	font-size: .8em;
	padding-left: 1px;
	padding-right: 4px;
	padding-top: 5px;
}
.TwitterBox a {
	/*
	color: #2e55a6;
	*/
	color: #006492;
	font-size: 1em;
}
.TwitterBox a:hover {
	color: #33ccff;
}

.LargeTopMargin {margin-top: 65px;}
.SmallTopMargin {margin-top: 10px;}
.MediumTopMargin {margin-top: 30px;}
.SmallPadding {
	
	padding:5px;
}

.MediumPadding {
	
	padding:10px;
}

.LargePadding {
	
	padding:15px;
}


.HomeContentContainer {
	
	width: 92%;
	padding: 4%;
	letter-spacing:1pt;
	line-height: 35px;
}

.MainContentContainer {
	background-color: #FFFFFF;
	padding: 0 5px;
	clear: left;
	float: left;
	width: 950px;
	
	/*margin-left: 27px;*/
	margin-bottom: 20px;
}


.SmallHomeContentContainer {
	background-color: #FFFFFF;
	padding: 5px;
	clear: right;
	float: right;
	width: 260px;
	margin-right: 27px;
}

ul.menu {list-style:none; margin:0; padding:0; position:relative;top:7px;}
ul.menu * {margin:0; padding:0;;z-index:900;}
ul.menu a {display:block; color:#FFF; text-decoration:none;font-size:13pt;}
ul.menu li {position:relative;z-index:900; float:left; margin-right:0px}
ul.menu ul {position:absolute;z-index:900; top:30px; left:12px; display:none; opacity:0; list-style:none; /*border-top-style:solid;border-top-width:1px; border-top-color:#000;*/}
ul.menu ul li {position:relative;z-index:900; border:1px solid #666666; border-top:none; margin:0px;width:170px;background-color:#003E7E;}
ul.menu ul li a {position:relative;z-index:920;display:block; padding:3px 7px 5px;color:#FFFFFF;font-size:10pt;}
ul.menu ul li a:hover {background-color:#005c8b;color:#FFFFFF;}
ul.menu ul ul {left:149px; top:-1px;}

ul.menu .menulink {padding-left:10px;padding-right:10px;padding-top:4px;height:35px;margin-right:5px;width:100%;text-align:center;}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .menulinkhome {margin-top:-7px;}
ul.menu .sub {background:#003E7E;}
ul.menu .topline {border-top:1px solid #fff}

.menulinkhome {
	width:45px;
	height:45px;
	background-color:#003e7e;
}

/* Old styles */

div#split50 {float:left;width:50%;}

div#skins_box {margin-right:auto;margin-left:auto;width:218px;height:137px;background-color:#FFFFFF;
margin-top:15px;
border-style:solid;
border-width:5px;
border-color:#636466;
border-radius: 18px;
-o-border-radius: 18px;
-icab-border-radius: 18px;
-khtml-border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;



}

div#signup_box {margin-right:auto;margin-left:auto;width:255px;height:90px;background-color:#FFFFFF;
margin-top:52px;
margin-bottom:15px;
border-style:solid;
border-width:5px;
border-color:#636466;
border-radius: 18px;
-o-border-radius: 18px;
-icab-border-radius: 18px;
-khtml-border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
text-align:center;

}


div#postcode_box {margin-right:auto;margin-left:auto;width:365px;height:190px;background-color:#FFFFFF;
margin-top:52px;
margin-bottom:15px;
border-style:solid;
border-width:5px;
border-color:#141f33;
border-radius: 18px;
-o-border-radius: 18px;
-icab-border-radius: 18px;
-khtml-border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
padding-left:8px;
padding-top:15px;

}

div#postcode_box h1 {
color:#00457c;margin:0px;padding:0px;font-size:1.4em;margin-bottom:6px;
}
div#postcode_box p {
margin:0px;padding:0px;font-size:.7em;margin-bottom:6px;text-align:left;
}

div#postcode_box span {
text-align:center;
float:left;
width:100%;
clear:both;
margin-top:4px;

}


div#postcode_box span .input_box {

text-align:center;
font-size:2.6em;
background-color:#FFFFFF;
border-style:solid;
border-width:2px;
border-color:#000000;
width:220px;
text-transform:uppercase;
}

div#postcode_box span .input_box:focus {

text-align:center;
background-color:#CCCCCC;

}

div#postcode_box span button {

text-align:center;
font-size:30px;
color:#FFFFFF;
background-color:#00457c;
border-style:solid;
border-width:2px;
border-color:#000000;
width:220px;
text-transform:uppercase;
border-radius: 8px;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
cursor:pointer;
height:38px;

}

div#postcode_box span button:hover {

color:#FFFFFF;
background-color:#FF0000;

}


/* Skin screen */

div#page_content #portal_page #split50 {
color:#000000;
float:left;width:55%;
min-height:272px;
font-size:.8em;
}

div#page_content #portal_page #split50 div#main_header_text {color:#00457c;padding:0px;font-size:2.1em;margin-bottom:10px;margin-top:10px;text-transform:uppercase;}

div#page_content #portal_page #split50 div#header_text {color:#00457c;padding:0px;font-size:1.6em;margin-bottom:10px;margin-top:10px;}

div#page_content #portal_page #split50 div#microsite_container {clear:both;margin-bottom:10px;}
div#page_content #portal_page #split50 div#microsite_container div#microsite_header{float:left;width:398px;color:#00457c;margin:0px;padding:0px;font-size:1.1em;margin-bottom:3px;}
div#page_content #portal_page #split50 div#microsite_container div#microsite_header a {color:#00457c;font-size:1em;text-decoration:none;}
div#page_content #portal_page #split50 div#microsite_container div#microsite_header a:hover {color:#00457c;font-size:1em;text-decoration:underline;}

div#page_content #portal_page #split50 div#microsite_container div#microsite_text{float:left;width:398px;color:#000000;font-family:Arial;margin:0px;padding:0px;font-size:.95em;}
div#page_content #portal_page #split50 div#microsite_container div#microsite_picture_container{float:left;width:55px;padding:2px;margin-right:6px;}
div#page_content #portal_page #split50 div#microsite_container div#microsite_picture_container a img
{
border-style:solid;
border-color:#000000;
border-width:1px;
}


div#page_content #portal_page #split50 div {float:left;margin:0px;padding:0px;width:100%;overflow:hide;}
div#page_content #portal_page #split50 div#join_portal_text a {float:left;color:#00457c;margin:0px;padding-left:3px;font-size:1.1em;text-decoration:none;line-height:1.4em;}
div#page_content #portal_page #split50 div#join_portal_text a:hover {float:left;color:#00457c;margin:0px;padding-left:3px;font-size:1.1em;text-decoration:underline;line-height:1.4em;}

div#page_content #portal_page #split50 div h1 {margin:0px;padding:0px;font-size:1em;margin-bottom:6px;}





div#location_header{;padding-bottom:12px;padding-top:6px;font-size:1.3em;text-transform:capitalize;}

div#location_header_2{padding-bottom:6px;padding-top:6px;font-size:.95em;text-transform:capitalize;}

div#search_result_header {padding-bottom:6px;padding-top:6px;font-size:.8em;line-height:1.5em;}



div#microsite_container {clear:both;margin-bottom:10px;}
div#microsite_container div#microsite_header{float:right;width:398px;color:#00457c;margin:0px;padding:0px;font-size:1.1em;margin-bottom:3px;}
div#microsite_container div#microsite_header a {color:#00457c;font-size:1em;text-decoration:none;}
div#microsite_container div#microsite_header a:hover {color:#00457c;font-size:1em;text-decoration:underline;}

div#microsite_container div#microsite_text{float:right;width:398px;color:#000000;font-family:Arial;margin:0px;padding:0px;font-size:.95em;}
div#microsite_container div#microsite_picture_container{float:left;width:55px;padding:2px;}
div#microsite_container div#microsite_picture_container a img
{
border-style:solid;
border-color:#000000;
border-width:1px;
}

/* Split right */
.refine_list {margin:0px;padding:0px;}
.refine_list_li {list-style:none;margin:0px;padding-bottom:3px;font-size:1em;text-decoration:none;}
div#page_content #portal_page #split50r {float:right;width:36%;

font-size:.8em;
margin-right:9px;
margin-top:6px;
}



div#page_content #split50r div#map_postcode_search div#header{color:#00457c;padding:0px;font-size:1.6em;margin-bottom:3px;margin-top:6px;background-color:#FFFFFF;}
div#page_content #split50r div#map_postcode_search div#text{color:#000000;margin-bottom:6px;}

div#page_content #split50r div#map_postcode_search span input image {

}

div#page_content #split50r div#map_postcode_search span .input_box {

text-align:center;
font-size:2.6em;
background-color:#FFFFFF;
border-style:solid;
border-width:2px;
border-color:#000000;
width:220px;
text-transform:uppercase;
}

div#page_content #split50r div#map_postcode_search span .input_box:focus {

text-align:center;
background-color:#CCCCCC;

}

div#page_content #split50r div#map_postcode_search span button {

text-align:center;
font-size:30px;
color:#FFFFFF;
background-color:#00457c;
border-style:solid;
border-width:2px;
border-color:#000000;
width:220px;
text-transform:uppercase;
border-radius: 8px;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
cursor:pointer;
height:38px;

}

div#page_content #split50r div#map_postcode_search span button:hover {

color:#FFFFFF;
background-color:#FF0000;

}

div#page_content #portal_page #split50r div {float:left;margin:0px;padding:0px;width:100%;overflow:hide;}
div#page_content #portal_page #split50r div h1 {margin:0px;padding:0px;font-size:1em;margin-bottom:6px;}


div#join_portal_text a {float:left;color:#00457c;margin:0px;padding-left:3px;font-size:1.1em;text-decoration:none;line-height:1.4em;}
div#join_portal_text a:hover {float:left;color:#00457c;margin:0px;padding-left:3px;font-size:1.1em;text-decoration:underline;line-height:1.4em;}

.FooterLinks{
font-size:.65em;
clear:both;color:#696969;text-align:center;
}
.FooterLinks a{
font-size:1em;
color:#696969;
}

.NASlider
{
	margin: 0;
	padding: 0;
}

.LatestNews
{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	height:370px;
	overflow: hidden;
}

.GreyTopBox
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	height: 31px;
	padding-top: 10px;
}

.rssincl-itemtitle
{
	/*
	text-decoration: none !important;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 14px !important;
	color: #000 !important;
	*/
}

.rssincl-itemtitle > a
{
	
	font-size: 14px;
	font-weight: bold;
	
}

.rssincl-itemdate
{
	color: #cdcdcd;
	font-size: 12px;
	
}

.rssincl-content
{
	background-color: #fff;
	padding-left: 10px;
	padding-top: 5px;

}

.ClearFix.SmallFont.SmallTopMargin.SmallColumnContainer.LatestAlertBgOn
{
	display: none !important;
}

.SmallFont
{
	font-size: 0.8em;
}

#headerLogin
{
	display: block;
	width: 58px;
	height: 31px;
	position: relative;
	top: 125px;
	left: 824px;
}

#headerRegister
{
	display: block;
	width: 69px;
	height: 31px;
	
	position: relative;
	top: 94px;
	left: 880px;
}

.BoxButton
{
	margin-top: 10px;
	height: 30px;
	margin-left: 87px;
}

.GreyBoxLogo
{
	padding-top: 10px;
}

.GreyBoxLogo > img
{
	margin-left: 137px;
	height: 31px;
}

.GreyBoxHeader {
	background-color:#666666 !important;
}

#TwitterContainer
{
	padding: 10px;
	width: 275px !important;
}

.FooterBar > a
{
	display: inline-block;
	height: 55px;
}

#NHALogo
{
	width: 160px;
}

#CheshireWestLogo
{
	width: 205px;
}

/* Event widget */

#ItemList ul{

margin:0px;
padding:0px;
	
}

.TinyCalendar {
	
	background-image:url(/design/TinyCalendar.png);
	width:14px;
	height:13px;
	margin-right:2px;
	display:inline-block;
	margin-top:2px;
	position:relative;
	top:2px;
	
	
}

.EventSlide {

float:left;
clear:both;
padding:3px;
border-bottom:1px solid #eeeff1;
height:55px;
margin-top:6px;
opacity:0.8;
}


.EventSlide:hover {

background-color:#efefef;
cursor:pointer;
opacity:1;
-moz-box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
box-shadow: 2px 2px 2px #333;

}

.EventSlideDate {
	
float:left;
clear:both;
font-size:0.65em;
color:#333 !important;


}

.EventSlideTitle {
	
float:left;
clear:both;
font-size:0.8em;
width:140px;
overflow:hidden;
margin-top:3px;
font-weight:bold;

}

.EventSlideImage {

float:left;
margin-right:5px;

}

.EventSlideImage img {

border:1px solid #eaeaea;
border-radius:3px;

}

/* Feature item */

#FeatureItem {

background-color:#eaeaea;
border-radius:8px;
	
}

#FeatureImage img{

border-radius:8px;

}
#FeatureTitle {

font-size:0.9em;
font-weight:bold;
margin-top:3px;
}

#FeatureDate {
	
font-size:0.65em;
color:#333 !important;


}


#FeatureContent {
	
	font-size:0.75em;
	margin-top:2px;

}

.WidgetNewsItem {
	
color:#FFF;	
border-radius:3px;
display:inline-block;	
padding:4px;
margin-right:4px;
background-color:#18C9D1;
font-weight:lighter;
font-size:0.8em;
}

.WidgetEventItem {
	
color:#FFF;	
border-radius:3px;
display:inline-block;	
padding:4px;
margin-right:4px;
background-color:#9121C9;
font-weight:lighter;
font-size:0.8em;

}

.SideBox #htmltagcloud {
  
    /*background-color: #9C9DA1 !important;*/
    border-color: #E1E1E1 !important;
    border-radius: 10px 10px 10px 10px !important;
    border-style: solid !important;
    border-width: 0px !important;
    /*clear: both !important;*/
    float: left !important;
    width: 220px; !important;
}
.SideBox #htmltagcloud ul {
    font-family: "arial" !important;
    font-size: 9pt !important;
    letter-spacing: normal !important;
    list-style-type: none !important;
    margin: 0 !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-transform: none !important;
	padding:8px 0 !important;
}
.SideBox #htmltagcloud li a {
    float: left !important;
    background-color:#369aec;
	padding:2px;
}
.SideBox #htmltagcloud ul li a {
    
	line-height: 1.4em !important;
    margin: 2px !important;
    text-decoration: none !important;
    color:#FFFFFF;
    font-size:1.2em !important;
}
.SideBox #htmltagcloud ul li a:hover {
    background-color:#585858;
}
.SideBox ul li a.tagcloud14, a.tagcloud13, a.tagcloud12, a.tagcloud11, a.tagcloud10 {
	display:none;
}

.HeaderContainer h4 {
	color: #003E7E;
	font-size: 24px;
}

#page_content h1, h2, h3, h4 {
	color:#003E7E;
}

/* Graphical Events widget */
.GraphicalEvents {
	width: 210px; 
	/*height: 273px; */
	overflow: hidden; 
	list-style: none outside none; 
	float: left;
}
.GraphicalEventSlide {
	border-bottom: 1px solid #EEEFF1;
    clear: both;
    float: left;
    height: 55px;
    margin-top: 6px;
    padding: 3px;
}
#UpcomingEvents ul{
	margin:0px;
	padding:0px;
}
.GraphicalEventCalendar {	
	background-image:url(/design/TinyCalendar.png);
	width:14px;
	height:13px;
	margin-right:2px;
	display:inline-block;
	margin-top:2px;
	position:relative;
	top:2px;	
}
.GraphicalEventDate {	
float:left;
clear:both;
font-size:0.8em;
color:#333 !important;
}
.GraphicalEventTitle {
float:left;
clear:both;
font-size:1.0em;
width:140px;
max-height:35px;
overflow:hidden;
margin-top:3px;
font-weight:bold;
}
.GraphicalEventTitle a {
	text-decoration:none;
}
.GraphicalEventImage {
float:left;
margin-right:5px;
}
.GraphicalEventImage img {
border:1px solid #eaeaea;
border-radius:3px;
}

/* Event widget */

#ItemList ul{

margin:0px;
padding:0px;
	
}

.TinyCalendar {
	
	background-image:url(/admin/images/TinyCalendar.png);
	width:14px;
	height:13px;
	margin-right:2px;
	display:inline-block;
	margin-top:2px;
	position:relative;
	top:2px;
	
	
}

.EventSlide {

float:left;
clear:both;
padding:3px;
border-bottom:1px solid #eeeff1;
height:55px;
margin-top:6px;
opacity:0.8;
}


.EventSlide:hover {

background-color:#efefef;
cursor:pointer;
opacity:1;
-moz-box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
box-shadow: 2px 2px 2px #333;

}

.EventSlideDate {
	
float:left;
clear:both;
font-size:0.65em;
color:#333 !important;


}

.EventSlideTitle {
	
float:left;
clear:both;
font-size:0.8em;
width:140px;
overflow:hidden;
margin-top:3px;
font-weight:bold;
height:30px;

}

.EventSlideImage {

float:left;
margin-right:5px;

}

.EventSlideImage img {

border:1px solid #eaeaea;
border-radius:3px;

}
/* Feature item */

#FeatureItem {

background-color:#eaeaea;
border-radius:8px;
	
}

#FeatureImage img{

border-radius:8px;

}
#FeatureTitle {

font-size:0.9em;
font-weight:bold;
margin-top:3px;
}

#FeatureDate {
	
font-size:0.65em;
color:#333 !important;


}


#FeatureContent {
	
	font-size:0.75em;
	margin-top:2px;

}

.WidgetNewsItem {
	
color:#FFF;	
border-radius:3px;
display:inline-block;	
padding:4px;
margin-right:4px;
background-color:#18C9D1;
font-weight:lighter;
font-size:0.8em;
}

.WidgetEventItem {
	
color:#FFF;	
border-radius:3px;
display:inline-block;	
padding:4px;
margin-right:4px;
background-color:#9121C9;
font-weight:lighter;
font-size:0.8em;

}

.SetLeftColWidth {
	width:700px;
}
.LeftContentCol {
	float: left;
}

.LeftContentCol img {
	margin: 5px;
}

.RightContentCol {
	float: right;
	clear: right;
	margin-top: 20px;
	width: 200px;
}

.SecondaryNavigationHolder {
	float: right;
	padding: 10px;
	width: 180px;
	background-color:#003E7E;
}
.SecondaryNavigationHolder h3 {
	color: #FFFFFF;
	 text-decoration: underline;
}
.SecondaryNavigation {
	padding-left: 5px !important;
	margin-bottom: 5px !!important;
	margin-top: 5px !important;
	list-style: none;
}
.SecondaryNavigation ul {
	padding-left: 20px !important;
	list-style: square;
}
.SecondaryNavigation li {
	margin: 5px 0;
	color: #FFFFFF;
}
.SecondaryNavigation a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.1em;
}
.SecondaryNavigation a:hover {
	color: #999999;
}

/*

News articles

*/

iframe[id^="oauth2relay"] { position: fixed !important; }

.NewsArticle {

                width:100%;
                margin:0px;
                padding:0px;
                margin-top:12px;
                margin-bottom:8px;
                
}


.NewsArticle .HeaderHighlightContainer {

                width:12px;
                min-height:35px;
                border:0px;
                border-right-width:2px;
                border-right-color:#FFF;
                border-right-style:solid;
                border-bottom-width:2px;
                border-bottom-color:#FFF;
                border-bottom-style:solid;
                border-top-left-radius: 8px;
                background-color:#014284;
}

.NewsArticle .HeaderContainer {

                border:0px;
                border-bottom-width:2px;
                border-bottom-color:#FFF;
                border-bottom-style:solid;
                padding:8px;
                margin:0px;
                border-top-right-radius: 8px;
                background-color:#d8e2e5;

}

.NewsArticle .HeaderContainer h4{
                
                /*color:#014284;*/
                font-size:14pt;
                font-weight:lighter;
                margin:0px;
                padding:0px;
                
}


.NewsArticle .BodyContent {

                padding:20px;
                color:#000;
                vertical-align:top;
                background-color:#fafafa;
}

.WidgetNoticeItem {
                
color:#FFF;          
border-radius:3px;
display:inline-block;        
padding:4px;
margin-right:4px;
background-color:#77b034;
font-weight:lighter;
font-size:0.8em;

}

/* Archive */

.ArchiveYear {

font-size:3em;
font-weight:lighter;
margin-top:20px;
margin-bottom:5px;
color:#999;
}

.ArchiveMonth {

font-size:2em;
font-weight:lighter;
margin-top:8px;
color:#666;
color:#333;
border-bottom:1px solid #999;
padding:5px;

}

.ArchiveTitle {
                
font-size:1.1em;
font-weight:lighter;
padding-top:5px;
padding:5px;
padding-bottom:5px;
color:#333;
border-bottom:1px solid #999;
background-color:#f6f6f6;
}

.ArchiveTitle a {

color:#333;
text-decoration:none;

}

.ArchiveTitle a:hover {

color:#333;

}


.ArchiveTitle:hover {
                
color:#333 !important;
background-color:#eaeaea;

}


.ArchiveDate {

font-size:0.7em;
font-weight:lighter;
float:right;           
}


/* Jobs section */

.JobRowHighlight {
                
                background-color:#eaeaea;
                border-bottom:1px solid #999;
                padding:5px;
                font-size:0.8em;

}

.JobRow {

                border-bottom:1px solid #999;
                padding:5px;
                font-size:0.8em;
}

.SmallJobCol {

                float:left;
                width:15%;
                padding:5px;
                         
}

.MediumJobCol {

                float:left;
                width:15%;
                padding:5px;
                          
}

.MediumJobCol.JobHeader,.SmallJobCol.JobHeader {

                font-weight        :bold;
                font-size:1.2em !important;
                
}

.JobDetailsContainer {

padding:10px;
width:98%;
float:left;
clear:both;
border:1px solid #999;
border-radius:8px;

                
}

.JobMoreInfoButton {

                width:180px;
                height:20px;
                padding:10px;
                text-align:center;
                display:block;
                background-color:#eaeaea;
                border-radius:8px;
                text-decoration:none;
                color:#000;

}


.JobMoreInfoButton:hover {

                background-color:#999;
                color:#FFF;

}
