/* Styling for consistent heading sizing between browsers */

body {
	font-size: 76%;
}

h1 {
	margin-top: 0;
	font-size: 2.8em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.7em;
}

/* The main heading used for the beginning of content */
h4 {
	font-size: 1.4em;
	margin-top: 0;
}

h5 {
	font-size: 1em;
}

#SubHeading {
	color: black;
	font-weight: bold;
	font-size: 14px;
}

/* layout */

html {
	margin: 0; padding: 0;
}

TD {
	font-size: 11px;
}

body {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}

/* Ticket 19816 */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;  
}

a:link {color: #000066; text-decoration: underline;}
a:visited {color: #000066; text-decoration: underline;} 
a:hover {color: #FFB310; text-decoration: underline;} 
a:active {color: #000066; text-decoration: underline;}

/* Wraps entire page */
.container {
	width: 100%;
	text-align: center;
}

/* White subcontainer for page */
.content {
	width: 770px;
	margin: 0 auto;
	background-color: #FFFFFF;
	background-image: url(/templates/graphics/resources/gifs/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/* Left navigation */
.leftcol {
	width: 110px;
	float: left;
	background-color: #FFFFFF;
}
.sidenavelement{
	width: 109px;
	/** height: 15px; **/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F238C;
	text-align: left;
}
.sidenavelement a:link {color: #0F238C; text-decoration: none} 
.sidenavelement a:visited {color: #0F238C; text-decoration: none} 
.sidenavelement a:hover {color: #FFB310; text-decoration: none} 
.sidenavelement a:active {color: #0F238C; text-decoration: none}

.sidenavSubElement{
	width: 109px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
}
.sidenavSubElement a:link {color: #666666; text-decoration: none} 
.sidenavSubElement a:visited {color: #666666; text-decoration: none} 
.sidenavSubElement a:hover {color: #000033; text-decoration: none} 
.sidenavSubElement a:active {color: #666666; text-decoration: none}
	
.navelement{
	width: 158px;
	height: 20px;
	float: left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.navelement2 {
	width:123px;
	border-top:1px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-color:#FFFFFF;
	border-style:solid
}
.piccol1 {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
}
.piccol1over {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #0F8D12;
}

.piccol2 {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
}
.piccol2over {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #0F238C;
}

.piccol3 {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
}
.piccol3over {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #FFB310;
}

.piccol4 {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
}
.piccol4over {
	width: 104px;
	float: left;
	height: 105px;
	background-color: #BF0029;
}

/* Styling for text when rolling over the 4 homepage images */
.piccol1over, .piccol2over, .piccol3over, .piccol4over {
	color: white;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
}

.headerLink{
	font-size: 12px;
	font-weight: bold;
	color: 0F238C;
}

/* 20005 - Creates space between this and the logo */
.terms {
	margin-top: 10px;
}

.privacy, .terms{
	color: #000000;
	font-family:Arial, Verdana;
	font-size: 9px;
	text-align: center;
}
.privacy a:link, .terms a:link {color: #000000; text-decoration: none;} 
.privacy a:visited, .terms a:visited {color: #000000; text-decoration: none} 
.privacy a:hover, .terms a:hover {color: #000000; text-decoration: underline} 
.privacy a:active, .terms a:active {color: #000000; text-decoration: none}

.general640 {
	width:640px;
}
.general610 {
	width:610px;
}
.searchdiv {
	height:30px;
	width:640px;
	text-align:right;
	vertical-align:bottom;
}
.searchdivcontainer {
	/*height:90px;*/
	width:640px;
}
#searchform input {
	vertical-align:center;
}
.searchdiv table {
	float:right;
}
.footer2 {
	width:600px;
	float:right;
	text-align:right;
	padding-top:10px;
}

.footer2 a {
	font-weight: bold;
}

.fixLayer {
	width:770px;
	height:1px;
	clear:left;
	background-color:#ffffff;
}

/* Reduced width from 157px to fix #19366 */
.caseStudyCol {
	width: 150px;
	background-color: #CCCCCC;
	float:left;
}
.caseStudyContainer {
	background-color: #CCCCCC;
	padding: 4px;
}

/* Fixes the side effect of reducing width as per #19366 */
.caseStudyContainer img {
	margin-left: -4px;
}

.MiddleImage, .LeftImage, .RightImage {
	float:left;
	width: 155px;
	text-align: center;
}

.twoImageContainer {
	padding-top:10px;
	padding-bottom: 10px;
}
.threeImageContainer {
	width: 480px;
	padding-top:10px;
	padding-bottom: 10px;
	float:left;
}
.level2LinksCol {
	width: 280px;
	float:right;
	text-align: left;
	font-size: 0.9em;
}
.level2LinksContainer {
	background-color: #C6C7C9;
	padding: 6px;
}
.level2LinksContainer {
	padding-top: 5px;
	padding-bottom: 5px;	
}
.level2LinksRSS { margin-bottom: 10px; }
.level2Link a:link {color: red; text-decoration: none} 
.level2Link a:visited {color: #0F238C; text-decoration: none} 
.level2Link a:hover {color: #000000; text-decoration: none} 
.level2Link a:active {color: #0F238C; text-decoration: none}

/* do not put a width on this, as it breaks IE 6 !! */
.pictureCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.pictureHeading {
	width: 165px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}
.smallPictureCaption {
	width: 149px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.smallPictureHeading {
	width: 149px;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
}
.indentedText {
	padding-left: 25px;
}
.level2_Temp2Col {
	width: 632px;
	float: left;
}
.507Container {
	width: 100px;
	background-color: red;
	float: left;
}

#MissionStatementYellow {
	background-color: #FFB310;
	width: 308px;
	float: left;
}
.MissionStatementText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #0F238C;
}
.IntroTextBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0F238C;
}	
.padding10px {
	padding: 10px;
}
.MissionStatement640 {
	width: 640px;
	float: left;
	padding-bottom: 10px;
}
.NewsMediaLeft {
	width: 385px;
	float: left;
	padding-bottom: 10px;
}
.NewsMediaLeftCont {
	width: 385px;
	float: left;
}
.ArgusNewsLeft {
	width: 385px;
	float: left;
}
.ArgusNewsCont {
	width: 385px;
	float: left;
	background-color: blue;
}
#ArgusNews {
	background-color: #FFB310;
	width: 365px;
	float: left;
}
.NewsMediaRightCont {
	width: 215px;
	float: right;
}
#NewsMediaYellow {
	background-color: #FFB310;
	width: 385px;
	float: left;
	padding-bottom: 0.9em;
}
#NewsMediaPageTitle{
	color: #0F238C;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	width:640px;
}
.BlueTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0F238C;
	font-weight: bold;
	text-align: left;
}
.BlueMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0F238C;
}
.BlueMedium a:link {color: #0F238C; text-decoration: none;} 
.BlueMedium a:visited {color: #0F238C; text-decoration: none} 
.BlueMedium a:hover {color: #0F238C; text-decoration: underline} 
.BlueMedium a:active {color: #0F238C; text-decoration: none}

#NewMediaLinks {
	float: left;
	width: 206px;
}
#LoginYellow {
	background-color: #FFB310;
	width: 320px;
	float: left;
	text-align: left;
}

#LoginBlue {
	background-color: #B3E3EE;
	width: 600px;
	float: left;
}

/* 2005.09.27 - Attempt at fixing width problem with form */
#LoginBlue select {
	width: 179px;
}

.BlackTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.loginArrow {
	padding-bottom: 10px;
}

.loginArrow a:link {color: #000000; text-decoration: none;} 
.loginArrow a:visited {color: #000000; text-decoration: none} 
.loginArrow a:hover {color: #000000; text-decoration: underline} 
.loginArrow a:active {color: #000000; text-decoration: none}

.form-mandatory {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style:  normal; color: red }


.NewsMediaGray {
	padding: 3px; 
	background-color: #CCCCCC;
}
.White100 {
	width: 100%; 
	background-color: #ffffff;
}
.width320 {
	width: 320px;
	margin-left: 165px;
}

.width600{
	width: 600px;
}

.breadcrumb {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none 
}

.breadcrumbcontainer{
	padding: 0;
	margin: -30px 0 22px 0;
	text-align: left;
}

br.half {
  font-size: 50%;
}

.eventSpaces {
	color: #00CC00; text-decoration: none
}

.eventFullyBooked {
	color: #CC0000; text-decoration: none
}

.eventUnknown {
	color: #FF9933; text-decoration: none
}

#template8list  {
list-style-type: none;
padding: 0;
margin: 0;
}

#template8list li {
padding: 5px 0 0 0;
}

/* style text for PDF download links */

.level2linkscontainer strong {
	font-weight: normal;
}

.level2linkscontainer strong i {
	font-style: normal;
}

/* make the new col bulletpoints in the middle col not overlap the pictures */

#middleColContainer li {
	margin-left: 20px;
}

.usefulLinks{
	border: 1px solid #0F238C; 
	background-color:#ffffff;
	margin-top: 10px;
}

.usefulLinks * {
	display: block;
	margin: 1px;
	padding: 0;
}

.usefulLinks a, .usefulLinks p {
	margin: 0;
	padding: 0;
}

/* Should be the same font size as sidenavelement a */
.usefulLinks a, .usefulLinks i, .usefulLinks p {
	font-size: 11px;
}

/* Quick test to remove 1x1 getacro.gif spacer image */
#navContainer img {
	display: none;
}

/* thing to fix pdf spaces in IE
*/

.level2LinksContainer div {
	margin: 0;
	padding: 0;
}

/* padding to make images look better */
.imageBox img{
	padding-top: 10px;
}

/* Ticket 19410 */
#bulletcol1 a, #bulletcol2 a, #bulletcol3 a, #footerRight a, .footer2 a, .usefulLinks a, .level2LinksCol a {
	text-decoration: none;
}

#bulletcol1 a:visited, #bulletcol2 a:visited, #bulletcol3 a:visited, #footerRight a:visited, .footer2 a:visited, .usefulLinks a:visited, .level2LinksCol a:visited {
	text-decoration: none;
}

/* Stop links turning invisible */
#NewsMediaYellow a:hover {
	color: #BF0029;
}

#NewsMediaYellow p {
	margin: 0.25em;
	margin-top: 1em;
	font-size: 0.8em;
}

#NewsMediaYellow a {
	font-size: 1.2em;
	margin-bottom: 1em;
}

.NewsMediaGray #Headline {
	margin-bottom: 1em;
}

/* News summary text */
.NewsMediaGray {
	font-size: 0.8em;
}

/* The news heading / links */
.NewsMediaGray #introText a {
	font-size: 1em;
}

.NewsMediaGray #morenews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* List of access links at beginning of page */
.accessLinks {
	position: absolute;
	left: -1000px;
}

/* Individual access links throughout page */
.access {
	display: block;
	font-size: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
}

#searchForm {
	margin: 0;
	margin-bottom: 0.8em;
}

/* nav-off-colours */

.sussexenterpriseoff {
	background-color: #99CCFF;
	background-image: url(/templates/graphics/resources/gifs/sussexenterprisebullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}

.sussexenterpriseoff a:link, .sussexenterpriseoff a:visited, .sussexenterpriseoff a:active  {
	color: #000000; 
	text-decoration: none;
	padding-left: 15px;
} 

.sussexenterpriseoff a:hover {
	color: #ffffff; 
	text-decoration: none;
	padding-left: 15px;
} 


.newsmediaoff {
	background-color: #CC99FF;
	background-image: url(/templates/graphics/resources/gifs/newsmediabullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.newsmediaoff a:link, .newsmediaoff a:visited, .newsmediaoff a:active {
	color: #000000; 
	text-decoration: none;
} 

.newsmediaoff a:hover {
	color: #ffffff; 
	text-decoration: none;
} 


.aboutsussexoff {
	background-color: #CCCCCC;
	background-image: url(/templates/graphics/resources/gifs/aboutsussexbullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.aboutsussexoff a:link, .aboutsussexoff a:visited, .aboutsussexoff a:active  {
	color: #000000; 
	text-decoration: none;
} 

.aboutsussexoff a:hover {
	color: #ffffff; 
	text-decoration: none;
} 


.bizstartupoff {
	background-color: #87C688;
	background-image: url(/templates/graphics/resources/gifs/bizstartupbullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.bizstartupoff a:link, .bizstartupoff a:visited, .bizstartupoff a:active  {
	color: #000000; 
	text-decoration: none;
} 

.bizstartupoff a:hover {
	color: #ffffff; 
	text-decoration: none; 
}
	
.bizdevelopoff {
	background-color: #8791C5;
	background-image: url(/templates/graphics/resources/gifs/bizdevelopbullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}

.bizdevelopoff a:link, .bizdevelopoff  a:visited, .bizdevelopoff  a:active   {
	color: #000000; 
	text-decoration: none;
} 

.bizdevelopoff  a:hover {
	color: #ffffff; 
	text-decoration: none;
} 


.membershipoff {
	background-color: #FFD987;
	background-image: url(/templates/graphics/resources/gifs/membershipbullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.membershipoff a:link {color: #000000; text-decoration: none;} 
.membershipoff a:visited {color: #000000; text-decoration: none;} 
.membershipoff a:hover {color: #ffffff; text-decoration: none;}
.membershipoff a:active {color: #000000; text-decoration: none;}

.eventsoff {
	background-color: #DF7F94;
	background-image: url(/templates/graphics/resources/gifs/eventsbullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.eventsoff a:link {color: #000000; text-decoration: none;} 
.eventsoff a:visited {color: #000000; text-decoration: none;} 
.eventsoff a:hover {color: #ffffff; text-decoration: none;} 
.eventsoff a:active {color: #000000; text-decoration: none;}

.learnDirectoff {
	background-color: #CCECF4;
	background-image: url(/templates/graphics/resources/gifs/learndirectbullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.learnDirectoff a:link {color: #000000; text-decoration: none} 
.learnDirectoff a:visited {color: #000000; text-decoration: none} 
.learnDirectoff a:hover {color: #ffffff; text-decoration: none} 
.learnDirectoff a:active {color: #000000; text-decoration: none}

.Premieroff {
	background-color: #E6E6E6;
	background-image: url(/templates/graphics/resources/gifs/bizdevelopbullet.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.Premieroff a:link {color: #000000; text-decoration: none} 
.Premieroff a:visited {color: #000000; text-decoration: none} 
.Premieroff a:hover {color: #ffffff; text-decoration: none} 
.Premieroff a:active {color: #000000; text-decoration: none}

/* nav-over-colours */

.sussexenterpriseover {
	background-color: #0066CC;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}

.sussexenterpriseover a:link, .sussexenterpriseover a:visited, .sussexenterpriseover a:hover, .sussexenterpriseover a:active {
	color: #ffffff; 
	text-decoration: none;
	padding-left: 15px;
} 

.newsmediaover {
	background-color: #6600CC;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.newsmediaover a:link {color: #ffffff; text-decoration: none} 
.newsmediaover a:visited {color: #ffffff; text-decoration: none} 
.newsmediaover a:hover {color: #ffffff; text-decoration: none} 
.newsmediaover a:active {color: #ffffff; text-decoration: none}

.aboutsussexover {
	background-color: #333333;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.aboutsussexover a:link {color: #ffffff; text-decoration: none} 
.aboutsussexover a:visited {color: #ffffff; text-decoration: none} 
.aboutsussexover a:hover {color: #ffffff; text-decoration: none} 
.aboutsussexover a:active {color: #ffffff; text-decoration: none}

.bizstartupover {
	background-color: #0f8d12;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.bizstartupover a:link {color: #ffffff; text-decoration: none} 
.bizstartupover a:visited {color: #ffffff; text-decoration: none} 
.bizstartupover a:hover {color: #ffffff; text-decoration: none} 
.bizstartupover a:active {color: #ffffff; text-decoration: none}

.bizdevelopover  {
	background-color: #0f238c;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.bizdevelopover  a:link {color: #ffffff; text-decoration: none} 
.bizdevelopover  a:visited {color: #ffffff; text-decoration: none} 
.bizdevelopover  a:hover {color: #ffffff; text-decoration: none} 
.bizdevelopover  a:active {color: #ffffff; text-decoration: none}

.membershipover {
	background-color: #ffb310;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.membershipover a:link {color: #ffffff; text-decoration: none} 
.membershipover a:visited {color: #ffffff; text-decoration: none} 
.membershipover a:hover {color: #ffffff; text-decoration: none} 
.membershipover a:active {color: #ffffff; text-decoration: none}

.eventsover {
	background-color: #bf0029;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.eventsover a:link {color: #ffffff; text-decoration: none} 
.eventsover a:visited {color: #ffffff; text-decoration: none} 
.eventsover a:hover {color: #ffffff; text-decoration: none} 
.eventsover a:active {color: #ffffff; text-decoration: none}

.learnDirectover {
	background-color: #0198C2;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.learnDirectover a:link {color: #ffffff; text-decoration: none} 
.learnDirectover a:visited {color: #ffffff; text-decoration: none} 
.learnDirectover a:hover {color: #ffffff; text-decoration: none} 
.learnDirectover a:active {color: #ffffff; text-decoration: none}

.Premierover {
	background-color: #0F238C;
	background-image: url(/templates/graphics/resources/gifs/bulletover.gif);
	background-position: 0 -1px;
	background-repeat: no-repeat;
}
.Premierover a:link {color: #ffffff; text-decoration: none} 
.Premierover a:visited {color: #ffffff; text-decoration: none} 
.Premierover a:hover {color: #ffffff; text-decoration: none} 
.Premierover a:active {color: #ffffff; text-decoration: none}

/* Replaces #ContentArea on login page */
#LoginArea * {
	margin: 0 auto;
}

#middleColContainer ul {
	margin-left: 0;
}

a img {
	border: none;
}

.eventTable {
	margin-left: 0;
	width: 80%;
}

/* #20732 - Fixes vertical spacing */
.level2LinksContainer li {
	width: 100%;
	margin-bottom: 3px;	
}