@font-face {
    font-family: "Anton";
    src: url('Anton-Regular.ttf');
    font-weight: 400;
    font-style: no1rmal;
}


/* Elements */

#content-main {
/*	background: #f9f3fe;*/
	background: #fdfdfd;
}


*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }


#content-main a, .footerul a, .vis19 a{
	color: #242e37;
	line-height: inherit;
	text-decoration: none;
	/*border-bottom: 2px dotted #8B2942;*/
	border-bottom: 1px solid #3e096e;
}

#content-main a:hover, #content-main a:focus, .footerul a:hover, .vis19 a:hover, .vis19 a:focus, #vissearchb a:hover, #vissearchb a:focus {
	color: #1a2128;
	border-bottom: 1px solid #00bed6;
	background-color: #e1e1e1;
	box-shadow: 5px 5px 5px #888888;

}

#content-main a.ui-link {
    background: url("../img/external.png") top right no-repeat;
    padding-right: 20px;
}

img  {
	border: none;
}


a:focus img {
	opacity: 0.5;
}


body {
	background: white;
	 /*background-image: linear-gradient(to right top, #acacac, #c0c0c0, #d5d5d5, #eaeaea, #ffffff);*/
	color: #222222;
	padding: 0;
	margin: 0;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default;

}

header {
	margin: 0;
}

nav {
	margin-top: -10px;
    
	padding: 0;
}

div, ul, ol, li, h1, h2, h3, form, p {
  margin: 0;
  padding: 0;
  direction: ltr;
}

h1, h2, h3 {
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #222222;
	text-rendering: optimizeLegibility;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	line-height: 1.4;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.55em;
}

h3 {
	font-size: 1.25em;
}

XX input[type="text"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: white;
	font-family: inherit;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-size: 0.875em;
	margin: 0 0 0 0;
	padding: 0.6em;
	/*height: 2.0em;*/
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
	-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

input[type="text"]:focus {
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border-color: #999999;
}

input[type="text"]:focus {
	background: #fafafa;
	border-color: #999999;
	outline: none;
}

input[type="submit"]:focus {
background:#484848
}

a.toTheTop {
    
    padding: 5px 30px 5px 5px;
    background: #fff url('../img/toparrow.png') top right no-repeat;
    color: #000;
    text-decoration: none;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #461768;
    border-right: 1px solid #461768;
    border-left: 1px solid #461768;
}

p.totop {
	text-align: right;
}


.widthsmall {
	max-width: 150px;
	float: left;
	height: 35px;
	border: 1px solid #cccccc;
}

label.typepc {
	/*margin-top: 30px;*/
	font-size: 1.2em;
	color: #222222;
}

label {
	font-size: 0.875em;
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.headerone {
	float: left;
	width: 230px;
	margin-top: 5px;
}

.headertwo {
	float: left;
	width: 600px;
	margin-top: 5px;
	padding-left: 50px;
}

.headertwof {
	padding-left: 80px;
}
.headerthree {
	float: right;
	width: 300px;
	margin-top: 5px;
}

ol, ul {
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	list-style-position: outside;
	font-family: inherit;
}

ol {
	margin-left: 1.4em;
}

ul {
	margin-left: 1.1em;
}

ul li ul {
	margin-left: 1.25em;
	margin-bottom: 0;
	font-size: 1em;
}

/* Classes */

.smalltext {
	font-size: 0.9em;
	line-height: 1em;
}

.columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;

}

.one {
	position: relative;
	width: 8.33333%;
}

.two {
	position: relative;
	width: 16.66667%;
}

.three {
	position: relative;
	width: 25%;
}

.four {
	position: relative;
	width: 33.33333%;
}

.five {
	position: relative;
	width: 41.66667%;
}

.six {
	position: relative;
	width: 50%;
}

.seven {
	position: relative;
	width: 58.33333%;
}

.eight {
	position: relative;
	width: 66.66667%;
}

.nine {
	position: relative;
	width: 75%;
}

.ten {
	position: relative;
	width: 83.33333%;
}

.eleven {
	position: relative;
	width: 91.66667%;
}
.twelve {
	position: relative;
	width: 100%;
}

.alignCenter, .row .alignCenter {
	text-align: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/*max-width: 62.5em;
	max-width: 70em;*/
	max-width: 75em;
}

.row:before, .row:after {
	content: " ";
	display: table;
}

.row:after {
	clear: both;
}
.textreg {
	padding:15px 5px 0px 8px;
	
}

ul.textreg  {
	line-height: 1.4em;
	float: left;
}


.searchBox{
	float:right;
	width:280px;
	margin-bottom: 10px;
	margin-top: -10px;
	}
input.topsearch[type="submit"] {
	/*background-color: #61459b;*/
	background-color: #61459b;
	color: white;
	border: 0;
	margin-top: 5px;
	border-radius: 0;
	/*padding-bottom: 8px;*/
	padding: 0.3em 0.6em 0.4em;
}



/*Lucy's code for home links with image */

/*.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
	line-height: 1;
	margin-bottom: 0.625em;
}*/

.footerul a {
	border-bottom: 1px dotted #8B2942;

}

button {
	cursor: pointer;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1.0625em;
	padding-left: 2em;
	font-size: 1em;
	background-color: #242e37;
	border: 1px solid #1a2128;
	/*background-color: #8B2942;
	border-color: #8B2942;*/
	color: white;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	padding-top: 1.0625em;
	padding-bottom: 1em;
	-webkit-appearance: none;
	/*border: none;*/
	font-weight: normal !important;
}

/*button:hover, button:focus {
	background-color: maroon;
}*/

button:hover, button:focus {
	color: white;
}
/*AM's button */

button.tiny {
	padding:0.3em 0.6em 0.4em;
	font-size:1.0em;
	float: left;
	/*     @else                            { font-size: $padding - em-calc(2); } */
}

/*input[type="submit"] {
	padding:0.3em 0.6em 0.4em;
	font-size:1.0em;
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #242e37;
	border-color: #242e37;
	color: white;
	border-radius: 4px;
}*/

input[type="submit"] {
	padding:0.3em 0.6em 0.4em;
	font-size:1.0em;
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #323232;
	border-color: #323232;
	color: white;
	border-radius: 4px;
}

input[type="submit"]:hover {
	padding:0.3em 0.6em 0.4em;
	margin: 5px 5px 5px 0;
	font-size:1.0em;
	float: left;
	background-color: maroon;
	border: 1px solid maroon;
	color: white;
}



/* IDs */

#bottompage {
	background: #ced5db;
	min-height: 100px;
	padding-top: 20px;
}

.serverno {
	background: url('/templates2/img/servno.png') bottom left no-repeat;
}

/* topnav */

#navdiv
{
	background: black;
	width: 100%;
	box-shadow:  0  0 10px #5b5b5b;
	border-bottom: 1px solid #242424;
}

#navdiv .top-bar2 {
	/*max-width: 62.5em;*/
	max-width: 75em;
	margin: 0 auto;
	margin-bottom: 0;
}

ul#topnavlist, ul#topnavlist2 {
	line-height: 1.2em;
}
#topnavlist, #topnavlist2{
	list-style:none;
	margin: 0px 0px;
	padding: 0px 0px;
}

#topnavlist li, #topnavlist2 li{
	position:relative;
	display:inline;
	vertical-align: bottom;
	z-index: 9999;
	float: left;
	/*border-right:1px solid #4d4d4d;*/
	border-right:1px solid #DFDEDE;
	min-height: 60px;/*added by AM*/
	color:#FFF;
}

#topnavlist a, #topnavlist2 a {
	display:inline-block;
	text-decoration:none;
	color: white;
	font-size: 1em;
	font-weight: 300;
	/*font-size: 0.9em;*/
	width: 150px; /*comment this one out if no equal width */
}

#mainwebsite {
	display:inline-block;
	text-decoration:none;
	color: white;
	font-size: 1em;
	font-weight: 300;
	/*font-size: 0.9em;*/
	width: 200px; 
}

#topnavlist li.current a
{
background-color: #696969;
min-height: 60px;
}

#topnavlist a.larger, #topnavlist2 a.larger {
	width: auto;
}

#topnavlist2 ul.dropdown{
	position:absolute;
	z-index: 1;
	/*background-color: #333333;*/
	background-color: black;
	/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
	left:-9999px;
	margin:0;
	margin-left: -40px;
	padding:0;
	text-align:left;
}

#topnavlist2 ul.dropdown ul.dropdown{
	margin: 0;
}

#topnavlist2 ul li.has-dropdown ul{
	left: -9999px;
}

#topnavlist2 ul li.has-dropdown:hover ul, #topnavlist2 ul li.has-dropdown:focus ul, #topnavlist2 ul li.has-dropdown:active ul{

	left: -190px;
	left:20px;
	top: 45px;

}

#topnavlist2 li li li a:focus, #topnavlist2 li li li a:active {
	position: relative;
	left:19808px;
	/*background-color: #8B2942;*/
	background-color: #282828;
	color: white;

}

#topnavlist2 ul li{
	display:block;
	_display:none;
	background-color: black;
	color: #FFF;
	float: none;
}

#topnavlist2 ul li a {
	line-height: 30px;
}



#topnavlist2 ul li.lastitem{
	border-bottom: thin solid black;
}

#topnavlist2 li:hover ul, #topnavlist2 li:focus ul{
	left:0px;

}

#topnavlist2 a:focus + ul{
	left:0px;
}

#topnavlist a:focus, #topnavlist2 a:focus, #topnavlist a:hover, #topnavlist2 a:hover{
	/*background-color: purple;
	background-color: #8B2942;
	background-color: #272727;*/
	color: white;
	min-height: 60px;

}



#topnavlist2 li li a:focus, #topnavlist2 li li a:active {
	position: relative;
	left:9999px;
	background-color: #696969;
	/*background-color: #61459b;*/
	color: white;
}
#topnavlist2 li:hover ul a:focus, #topnavlist2 li:hover ul a:active, #topnavlist2 li:focus ul a:focus, #topnavlist2 li:focus ul a:active{
	position:relative;
	left:0px;

}

#topnavlist2 ul a{
	white-space:nowrap;
	display:block;
	width: auto;
	height: auto;
}

.nav-button {
	display: none;
}

.electiondate {
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
	float: left;
	border-right: 2px solid #e8b5ff;
		width: auto;
/*color: #61459b;*/
	color: black;
	font-size: 1.2em;
	font-weight: 900;
	/*font-family: 'Anton', sans-serif;*/
	padding-right: 10px;

}

.electiondate2 {
	margin-top: 30px;
	margin-left: 10px;
	text-transform: uppercase;
	float:left;
	/*width: 200px;
	color: #61459b;*/
	color: black;
	font-size: 1.2em;
	font-weight: 900;
	/*font-family: 'Anton', sans-serif;*/
	vertical-align: middle;
}

.top-bar2 {
	overflow: visible;
	height: 3.6em;
	/*line-height: 45px;*/
	position: relative;
	background: black;
	margin-bottom: 0px;
	padding-left: 0.9375em;
	padding-right: 0.9375em;

}
#topnavlist a, #topnavlist2 a, #mainwebsite{
/*	padding:8px 14px;*/
	padding:8px 30px;
	text-align: center;
	/*line-height:45px*/
}

	/*for ie8 - cannot understand next line*/
 #topnavlist2 .has-dropdown a {/*fix caused by above line*/
	padding-right: 35px;
}
.top-bar-section2 li a:not(.button)  {
	padding: 0 15px;
	/*line-height: 45px;*/
	background: black;
	display: block;
}

.top-bar-section2 .has-dropdown a:not(.button) {
	padding-right: 35px;
}

.top-bar-section2 li a:not(.button):hover,
.top-bar-section2 li a:not(.button):focus {
/*	background: #61459b;*/
	background: #5c5c5c;
}

/*.top-bar-section2 ul li:hover > a {
	background: #8B2942;
	color: white;
}*/

.top-bar-section2 .has-dropdown > a:after,  #mainwebsite:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	/*
	border: inset 5px;
	border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
	*/
	border-style: solid;
	border-width: 5px 0px 5px 6px;
    border-color: transparent transparent transparent #fff;
	/*
	border-width: 6px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
	*/
	border-width: 6px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
	border-left-style: solid;
	margin-right: 15px;
	margin-top: -2.5px;
	position: absolute;
	top: 22.5px;
	right: 0;
}


.top-bar-section2 ul ul .has-dropdown > a:after {
	/*border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);*/
	margin-top: 0;
	top: 13px;
}

/*new styles for top menu*/

#menubar {
    width: 340px;
    float: right;
    padding: 0px 0 0 0;
    text-align: right;
    padding: 0.3em 0em;
}

#navlist {
	padding: 0px;
	margin: 0px;
}



#navlist li {
	display: inline;
	list-style-type: none;
	padding: 0 .4em 0 .2em;
	margin: 0px;
	font-size: 0.75em;
	color: #1F2C33;
	border-right: 1px solid #1F2C33;
}

#navlist li a {
	text-decoration: none;
	color: black;
	font-weight: 600;
}



#navlist li a:hover {
	text-decoration: underline;

}



#navlist li.last {
	border: 0px solid white;
}


/*END new styles for top menu*/

/*.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
	text-decoration: underline;
}*/

label.float1 {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

label.float1 {
	color: black;
}



/* buttons on links*/


p {
	font-family: inherit;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1.25em;
	text-rendering: optimizeLegibility;
}
 .hidden {position:absolute;	left:0px;top:-500px;width:1px;	height:1px;	margin: 0px;padding: 0px;	overflow:hidden;}

.widthSearch {
float:left; 
max-width:180px; 
height: 33px;
border: 1px solid #c2c2c2;
margin-top: 5px;

}

/*h1 {margin-top:20px}	*/

h1.ways{
	background: url("../img/ways.jpg") no-repeat;
	padding: 20px 0 0px 120px;
	margin-top: 10px;
	border-bottom: 1px solid #00bed6;

}

/*h2.cand {
	background: url('../img/titleback.png') bottom center repeat-x;
	padding-bottom:5px;
	margin-bottom:10px;
	line-height: 1.8em;
}*/

/*.canbox {
	border: 1px solid #242e37;
	margin-top: 20px;

}

.canbox h3 {
	background-color: #242e37;
	color: white;
	margin: 0 0 10px 0;
	padding: 5px;
}

.canbox p, .canbox label {
	margin: 5px;
}*/

#navaid a
{
font-size:.8em;
position:absolute;
left:-10000px;

top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#navaid a:focus, #navaid a:hover, #navaid a:active
{
position:relative;
left:0px;
top:0px;
color:white;
background-color: #8b2942;
padding:5px;
width:auto;
height:auto;
}

.clearall {
	clear: both;
}

/*Ways to vote images*/


/*h1.info {
	height: 60px;
background-color: #72243A;
color: #FFF;
text-align: center;
padding-top: 10px;
width:100%;
text-align: center;
margin-bottom:15px
} */

#content-main {
	min-height: 400px;
	margin-bottom:30px;
}
#navlist li
{
	text-align:center;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.footerul {
	font-size: 0.9em;
	line-height: 1.3em;
}

.footerul h2 {
	font-size: 1.4em;

}

/* SPR styles */

/*Social media page*/

/*#content-main a.twitter {
	background: #d7d7d7 url(../img/twitterfs.png) top left no-repeat;

}

#content-main a:hover.twitter, #content-main a:focus.twitter {
	background: #bdbdbd url(../img/twitterfs.png) top left no-repeat;

}

#content-main a.youtube {
	background: #d7d7d7 url(../img/youtubefs.png) top left no-repeat;

}

#content-main a:hover.youtube, #content-main a:focus.youtube {
	background: #bdbdbd url(../img/youtubefs.png) top left no-repeat;

}

#content-main a.facebook {
	background: #d7d7d7 url(../img/facebookf.png) top left no-repeat;

}

#content-main a:hover.facebook, #content-main a:focus.facebook {
	background: #bdbdbd url(../img/facebookf.png) top left no-repeat;

}*/

input[type=submit] {
    -webkit-appearance:none;

}

/*New styles for 2019 */



.featurebox8 a {
	width: 60%;
	margin: 0 0 20px 0;
	/*padding: 340px 0 0 5px;*/
	padding: 355px 0 0 5px;
	border: 1px solid #fffff;
	background: #dedede url(../img/home/feature13.jpg) top center no-repeat;
	min-height: 560px;
	font-size: 1.3em;
	color: #292929;
	text-align: left;
	display: block;
	text-decoration: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: left;
}

.featurebox8 a:hover {

	background:#f6e1ff url(../img/home/feature13.jpg) top center no-repeat;

}

.itsourvote {
	margin-top: 30px;
}



ul.homeprom {
	margin-left: 15px;
}
ul.homeprom li  {
	list-style-type: none;
	float: left;
   margin: 10px 40px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.homeprom2 li {
	list-style-type: none;
	float: left;
	margin: 20px 12px 25px 22px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.homeprom li a {
	padding:  210px 5px 10px 5px;
	width: 345px;
	/*width: 16.5em;*/
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 265px;
}

ul.homeprom2 li a {
	padding:  155px 5px 10px 5px;
	width: 200px;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1.0em;
	border: 1px solid #d6d6d6;
	min-height: 210px;
	float: right;
	font-size: 0.95em;
}

ul.homeprom4,ul.homeprom4f {
	margin-left: 0;
}
ul.homeprom4 li,ul.homeprom4f li {
	list-style-type: none;
	float: left;
	margin: 20px 20px 25px 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content-main ul.homeprom4 li a {
	padding:  155px 5px 10px 5px;
	width: 175px;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 230px;
	float: right;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}
#content-main ul.homeprom4f li a {
	padding:  155px 5px 10px 5px;
	width: 175px;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 260px;
	float: right;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}

#content-main ul.homeprom4 li a:hover,#content-main ul.homeprom4f li a:hover, #content-main ul.homeprom li a:hover, #content-main ul.homeprom4 li a:focus,#content-main ul.homeprom4f li a:focus, #content-main ul.homeprom li a:focus {
	opacity: 0.8;
	border: 1px solid red;
	background: none;
	
}

ul.homeprom5 {
	margin-left: 15px;
}
ul.homeprom5 li  {
	list-style-type: none;
	float: left;
   margin: 10px 40px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

ul.homeprom5 li a {
	padding:  210px 5px 10px 5px;
	width: 535px;
	/*width: 16.5em;*/
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1.1em;
	border: 1px solid #d6d6d6;
	min-height: 260px;
}




.box100 {
	background:  #eeeeee url('../img/home/box100.png') top center no-repeat;
}
.box101 {
	background:  #eeeeee url('../img/home/box101.png') top center no-repeat;
}

.box102 {
	background:  #eeeeee url('../img/home/box102.png') top center no-repeat;
}

.box200 {
	background:  #eeeeee url('../img/home/box200.png') top center no-repeat;
}

.box201 {
	background:  #eeeeee url('../img/home/box201.png') top center no-repeat;
}

.box202 {
	background:  #eeeeee url('../img/home/box202.png') top center no-repeat;
}

.box205 {
	background:  #eeeeee url('../img/home/box205.png') top center no-repeat;
}
.box206 {
	background:  #eeeeee url('../img/home/box206.png') top center no-repeat;
}

.box300 {
	background:  #eeeeee url('../img/home/box300.png') top center no-repeat;
}
.box301 {
	background:  #eeeeee url('../img/home/box301.png') top center no-repeat;
}

.box400 {
	background:  #eeeeee url('../img/home/box400.png') top center no-repeat;
}

.box401 {
	background:  #eeeeee url('../img/home/box401.png') top center no-repeat;
}

.box1a {
	background:  #eeeeee url('../img/outicon.png') top center no-repeat;
}

.box2a {
	background: #eeeeee  url('../img/studenticon.png') top center no-repeat;
}

.box3a {
	background: #eeeeee  url('../img/votingicon.png') top center no-repeat;
}

ul.homeprom li a:hover, ul.homeprom2 li a:hover, ul.homeprom5 li a:hover {
	opacity: 0.8;
	border: 1px solid #ff8282;
}

.box4b:hover, .box4c:hover, .box5b:hover, .box6b:hover, .box7b:hover, .box7c:hover, .box8b:hover, .box9b:hover, .box100:hover,
.box102:hover, .box200:hover, .box201:hover,.box202:hover,.box205:hover,.box206:hover, .box10b:hover, .box1a:hover, .box2a:hover, .box3a:hover, .box6c:hover, .box4b:focus, .box4c:focus, .box5b:focus, .box6b:focus, .box7b:focus, .box7c:focus, .box8b:focus, .box9b:focus, .box100:focus,
.box102:focus, .box200:focus, .box201:focus,.box202:focus,.box205:focus,.box206:focus, .box10b:focus, .box1a:focus, .box2a:focus, .box3a:focus, .box6c:focus, .box101:hover, .box101:focus, .box301:hover, .box301:focus, .box401:hover, .box401:focus, .box11c:hover, .box11c:focus, .box12b:hover, .box12b:focus {
	opacity: 0.8;
}

.bighome5  {
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;


}

.box4b {
	background: #eeeeee  url('../img/home/box4b.jpg') top center no-repeat;
}

.box4c {
	background: #eeeeee  url('../img/home/box4c.jpg') top center no-repeat;
}

.box5b {
	/*background: #bb83ca  url('../img/home/box5b.jpg') top center no-repeat;*/
	background: #eeeeee  url('../img/home/box5b.jpg') top center no-repeat;
}

.box6b {
	background: #fce200  url('../img/home/box6b.jpg') top center no-repeat;
}

.box6c {
	/*background: #fce200  url('../img/home/box6c.jpg') top center no-repeat;*/
	background: #eeeeee  url('../img/home/box6c.jpg') top center no-repeat;
}

.box7b {
	background: #eeeeee  url('../img/home/box7b.jpg') top center no-repeat;
}

.box7c {
	/*background: #00bed6  url('../img/home/box7c.jpg') top center no-repeat;*/
	background: #eeeeee  url('../img/home/box7c.jpg') top center no-repeat;
}

.box8b {
	background: #eeeeee  url('../img/home/box8b.jpg') top center no-repeat;
}



.box9b {
	background: #eeeeee  url('../img/home/box9b_long.jpg') top center no-repeat;
}

.box10b {
	background: #eeeeee  url('../img/home/box10b.jpg') top center no-repeat;
}
.box11c {
	background: #eeeeee  url('../img/home/box12b.png') top center no-repeat;
}
.box12b {
	background: #eeeeee  url('../img/home/box13b.jpg') top center no-repeat;
}

.vis19 {
	width: 38%;
	border: 1px solid #bababa;
	/*background: #94d40b url('../img/home/vis20.png') 250px 70px;*/
	background: #b683bb url('../img/home/vis21.png') 250px 70px;
	background-repeat: no-repeat;
	/*background: #94c93d;*/
	padding: 20px 10px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: right;
	height: 345px;
}

.vis19b {
	width: 38%;
	border: 1px solid #bababa;
	background: #b683bb;
	padding: 20px 10px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float: right;
	height: 330px;
}

.vis19f ul {
	
}

.vis19fb {
	height: 330px;
}

.vis19 h2, .vis19b h2 {
	margin-top: 0px;
	text-align: center;
}

.vis19 p.textfi {
	margin-left: 45px;
	font-weight: bold;
}

.vis19b p.textfib {
	float:left;
	font-weight: bold;
	
}


p.visfind {
	float: left;
	min-height: 138px; 
	padding-top: 3px;
	
}

ul.listvis {
	margin-left: 60px;
	/*margin-top: -10px;*/
}
ul.listvisb {
	margin-left: 30px;
	float:left;
}

ul.listvisbf {
	margin-left: 100px;

}

ul.listvis li {
	font-size: 1.2em;
}

li.padright {
	padding-right: 150px;
}

#vissearch {
	margin-left: 30px;
	float: left;
	margin-top: 35px;
	position: relative;
}

#vissearchb {
	margin-left: 54px;
	/*float: left;*/
	margin-top: 15px;
	position: relative;
}

#vissearchf {
	margin-left: 30px;
	float: left;
	margin-top: 10px;
	position: relative;
}

.visotherf {
	float: right;
	width: 150px;
	margin-right: 15px;
	margin-top: 35px;
	position: relative;
}

.visother {
	float: right;
	width: 150px;
	margin-right: 15px;
	margin-top: 65px;
	position: relative;
}

.visotherb {
	
	margin-right: 80px;
	margin-top: 65px;
	
}

button.tinyvis {
	padding:7px 12px;
	font-size:1.0em;
	float: left;
	background: #61459b;
	border: 1px solid #61459b;
	color: white;
	font-weight: 600;
}

button.tinyvis:hover, button.tinyvis:focus {
	background: #2d2048;
	border: 1px solid #2d2048;
}

a.standalone  {
	padding:  10px 10px 10px 280px;
	margin: 0 0 40px 18px;
	width: 95%;
	display: block;
	text-decoration: none;
	color: #292929;
	line-height: 1em;
	border: 1px solid #d6d6d6;
	min-height: 200px;
	background: #e0e0e0 url('../img/home/adsicon.png') top left no-repeat;
	font-size: 1.2em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.standalone:hover, a.standalone:focus {
	/*background: #ecffff url('../img/home/adsicon.png') top left no-repeat;*/
	opacity: 0.8;
}

.standalone h3 {
	font-size: 1.5em;
}
.breadc {
	margin: 0 auto;
	/*background-color: #e7e7e7;
	border-bottom: 1px solid #a8a8a8;*/
	min-height: 30px;
}

.breadwrap {
	text-align: left;
	width: 900px;
}

#content-main .nobord {
	border-bottom: 0px;
}
#content-main a.nobord:hover {
	border-bottom: 0px;
	background-color: transparent;
	box-shadow: none;	
	opacity: 0.6;
}
/* .breadwrap below 900px
		In Chrome, responsive, below 900px, the following rule is needed
		to stop this DIV forcing out the RH side and leaving a gap between
		content and the browser edge.
		2019-06-17-T-1712 | Alan
   ========================================================================== */

		@media screen and (max-width: 900px) {

			.breadwrap {
				width: auto;
			}

		}/*/@media screen and (max-width: 900px)*/

#navbread {
	padding: 0px;
	margin: 0px;
}



#navbread li {
	display: inline;
	list-style-type: none;
	padding: 0 .4em 0 .2em;
	margin: 0px;
	font-size: 0.75em;
	color: #1F2C33;

}

#navbread li a {
	/*text-decoration: none;*/
	color: #1F2C33;
	padding:0px 10px 0px 0px;
	background: url('../img/dark-arrow.gif') center right no-repeat;
}	
}



#navbread li a:hover {
	text-decoration: underline;
	color: #660000;
}



.waysvoteam {
	border: 1px solid #ABABAB;
   margin: 10px 30px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 340px;
   float: left;
   padding: 10px 15px;
   min-height: 640px;
}

.optionsregister {
	border: 1px solid #ABABAB;
   margin: 10px 30px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 45%;
   float: left;
   padding: 10px 15px;
   min-height: 300px;
}

.optionsregister ul li {
	margin-bottom: 15px;
}

.idoptions {
	
   margin: 10px 40px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 335px;
   float: left;
   padding: 210px 10px 15px 10px;
   min-height: 640px;
}

.idoptions h2 {
	font-size: 1.3em;
	margin-bottom: 20px;
}

.option1 {
	background: url(../img/voteridoption1.png) top center no-repeat;
	
	
}

.option2 {
	background: url(../img/voteridoption2.png) top center no-repeat;
	
}

.option3 {
	background: url(../img/voteridoption3.png) top center no-repeat;
	
}

.borderoption2 {
	border: 6px solid #00bbd4;
	width: 93%;
	
}

.borderoption2 h2 {
	background: #00bbd4;
	color: white;
	font-size: 1.5em;
	font-weight: 600;
	padding: 5px;
	margin: 0;
}

.borderoption2 h3 {
	color: #00606c;
	font-size: 1.2em;
	font-weight: 600;
	margin-top: 30px;
}

.waysvote2 {
	margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 30%;
   float: left;
   padding: 300px 15px 10px 15px;
   min-height: 700px;
}

.waysvote3 {
	margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 22%;
   float: left;
   padding: 250px 15px 10px 15px;
   min-height: 600px;
}

.waysvote4 {
        margin: 10px 25px 30px 0;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        width: 100%;
        float: none;
        padding: 15px 10px 15px 300px;
        min-height: 200px;
    }
    
.waysvote5 {
	margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: 22%;
   float: left;
   padding: 10px 15px 10px 15px;
   min-height: 350px;
 
}

.tall5 {
	min-height: 380px;
}
.advanceways5 {
	border-top: 20px solid #94d40b;
}

.rooffice5 {
	border-top: 20px solid #bb83ca;
}

.votemail5 {
	border-top: 20px solid #00bed6;
}

.other5 {
	border-top: 20px solid #e95ebe;
}

.electiondayways4 {
        background: url(../img/electionday4.png) top left no-repeat;
        background-size: 270px;
}

.electiondayways {
	background: url(../img/electionday.png) top center no-repeat;
}

.advanceways {
	background: url(../img/advanceways.png) top center no-repeat;
}

.rooffice {
	background: url(../img/rooffice.png) top center no-repeat;
}

.votemail {
	background: url(../img/votema.png) top center no-repeat;
}

a.ui-link {

    background: url(../img/external.png) no-repeat top right;
    padding-right: 20px;
    /*padding-top: -15px;*/

}


.box2019 {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
   padding: 10px 15px;
}
.box2019_dark {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   background:#ddd;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
   padding: 10px 15px;
}

.box2019nowidth {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   
   padding: 10px 15px;
}

.canbox2019 {
	border: 1px solid #ABABAB;
   margin: 10px 25px 30px 0;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   width: auto;
 }
 
 .canbox2019 p, .canbox2019 h3, .canbox2019 ul li {
 	margin: 10px;
 }

.canbox2019 h2 {
	padding: 10px;
	background: #606060;
	color: white;
	margin: 0;
	text-align: center;
	font-size: 1.3em;
}

.canbox2019portal h2 {
	padding: 10px 10px 10px 50px;
	background: #8b0000 url(../img/lock.png) top left no-repeat;
	color: white;
	margin: 0;
	text-align: center;
	font-size: 1.3em;
}

.candidatesspace ul li {
	margin-bottom: 10px;
}

#content-main ul.related {
	margin: 0;
	padding: 0;
	/*display: table-row;*/	
}
#content-main ul.related li {
	list-style-type: none;
	float: left;
	margin: 5px 10px;		
}
#content-main .related a, #content-main a.related {
	width: 260px;
	min-height: 60px;
	/*background: #dbdbdb;*/
	 background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	 box-shadow: 3px 3px 3px #b5b5b5;
	 border-radius: 3px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	padding: 10px;
	margin: 10px 10px 40px 10px;
	display: block;
	vertical-align: middle;	
}

#content-main .related a:hover, #content-main .related a:focus, #content-main a.related:hover, #content-main a.related:focus{
	 /*background-image: linear-gradient(to right top, #c9b1c9, #debec5, #e6d0c8, #e9e2d8, #f0f2ed);*/
	 background-image: none;
	 background-color: #00bed6;
 	/* color: white;*/
}

#content-main a.related2 {
	width: 150px;
	height: auto;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	 box-shadow: 3px 3px 3px #b5b5b5;
	 border-radius: 3px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	/*padding: 8px 10px 8px 10px;*/
	padding: 20px;
	margin: 5px;
}

#content-main a.related2:hover {
	background-image: none;
	background-color: #00bed6;
	color: white;
}

#content-main a.related3 {
	width: 200px;
	height: auto;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	 box-shadow: 3px 3px 3px #b5b5b5;

	 border-radius: 3px;
	 border: 1px solid #ccd5d1;
	text-align: center;
	padding: 8px 10px 8px 10px;
	margin: 0 20px 20px 20px;
	display: block;
}

#content-main a.largewidth {
	width: 300px;
}

#content-main a.related3:hover, #content-main a.related3:focus {
	background-image: none;
	background-color: #00bed6;
	color: white;
}

#content-main ul.petitbouton {
	margin-bottom: 40px;
}
#content-main ul.petitbouton li {
	list-style-type: none;

}
#content-main .petitbouton a {
	width: 350px;
	float: left;
	min-height: 150px;
	background: #dbdbdb;
	 /*background: #e95ebe;*/
	 box-shadow: 3px 3px 3px #b5b5b5;
	 border-radius: 3px;
	 /*border: 1px solid #ccd5d1;*/
	text-align: center;
	font-size: 1.4em;
	color: #222222;
	padding: 40px 20px 20px 20px;
	margin: 10px 20px 40px 10px;
	
}

#content-main .petitbouton a:hover, #content-main .petitbouton a:focus {
	 background: #6c6c6c;
	 color: white;
}


.copyright {
	background: #222222;
	color: white;
	text-align: center;
	padding: 30px 0;
}


#bottompage .followusicons {
	text-align: center;
	vertical-align: middle;
}

.followusicons  p {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1em;
	margin-top: 20px;
}
.followusicons img {
	vertical-align: middle;
	
}

#bottompage .followusicons a {
	border-bottom: none;
	display: block;
	/*width: 300px;*/
}

#bottompage .followusicons a:hover {
	opacity: 0.8;
	border-bottom: none;
	box-shadow: 0px;
	/*width: 300px;*/
	margin: 0 auto;
}

.accessibilitytop {
	background: url(../img/accessibilitytop.jpg) top center no-repeat;
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
	
} 

.accessibilitytop2 {
	background: url(../img/accessibilitytop2.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	float: right;
	
}

.registrationtop {
	background: url(../img/registrationtop.jpg) top right no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
	display: block;
}

.abroadtop {
	background: url(../img/abroadtop.jpg) top right no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.faqvotingtop {
	background: url(../img/faqvotingtop.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.faqidtovotetop {
	background: url(../img/faqidtovote.jpg) top center no-repeat;
	width: 300px;
	height: 500px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.faqpollingstations {
	background: url(../img/faqpollingstations.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}

.campustop {
	background: url(../img/campustop.jpg) top right no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
	display: block;
}

.faqregistrationtop {
	background: url(../img/faqregistration.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	float: right;
}

.accessibilitytop3 {
	background: url(../img/accessibilitytop3.jpg) top center no-repeat;
	width: 500px;
	height: 300px;
	margin-bottom: 20px;
	float: right;
}

#content-main ul.foire li {
	list-style-type: none;
	
}
#content-main .foire a {
	min-width: 130px;
	float: left;
	min-height: 70px;
	background: #dbdbdb;
	text-align: center;
	padding-top: 20px;
	margin: 10px 10px 40px 10px;
}

#content-main ul.foire > a.activefaq {
	background-color: #faf0ff;
}

#content-main a.reg19but {
	display:block;	
	max-width:350px;
	color: white;
	font-size: 1.2em;
	font-weight: 500;
	padding: 10px 25px 10px 10px;
	border-radius: 4px;
	/*background: #363636 url(../img/butarrow.png) top right no-repeat;*/
	background: rgb(54,54,54); 
background: linear-gradient(176deg, rgba(54,54,54,1) 40%, rgba(87,88,88,1) 62%, rgba(145,146,147,1) 100%);
	border-bottom: none;
	text-decoration: none;
	/*margin: auto;*/
	text-align: center;
}


	
#content-main a.reg19butsmall {
	
	width:150px;
	}

.row a.reg19butf {
	color: white;
	font-size: 1.4em;
	font-weight: 600;
	padding: 10px 25px 10px 10px;
	border-radius: 4px;
	width: 300px;
	height: 100px;
	/*background: #4f5b66 url(../img/butarrow.png) top right no-repeat;*/
	background: rgb(54,54,54);
background: linear-gradient(90deg, rgba(54,54,54,1) 35%, rgba(209,212,213,1) 100%);
	border-bottom: none;
}

#content-main a:hover.reg19but, #content-main a:focus.reg19but {

/*	background: #184350 url(../img/butarrow_hover.png) top right no-repeat;*/
background: #184350;
}

#content-main a.contactbut {
	display:block;	
	max-width:250px;
	color: white;
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: 500;
	padding: 20px 10px 30px 100px;
	border-radius: 6px;
	background: rgb(54,54,54) url(../img/contactbutton.png) top left no-repeat; 
	border-bottom: none;
	text-decoration: none;
	text-align: center;
	box-shadow: 3px 3px 3px #a7a7a7;
	/*margin: 0 auto;*/
}

#content-main a.contactbut:hover, #content-main a.contactbut:focus {
	background-color: #727272;
	}


/*Social media page*/
#content-main ul.socialbut1 li {
	list-style-type: none;
	margin-bottom: 10px;
}
#content-main ul.socialbut1  {
	margin-left: 0px;
}

#content-main a.socialbutt {
	text-decoration: none;
}

#content-main a.socialbutt {
	display: block;
	width:400px;
	height: auto;
	color: #232323;
	font-size: 1em;
	line-height: 1em;
	font-weight: 200;
	padding: 15px 10px 16px 70px;
	border-radius: 4px;
	background: #d7d7d7; 
	border-bottom: none;
}

#content-main a:hover.subs {
	background: #bdbdbd;
}
#content-main a.twitter {
	background: #d7d7d7 url(../img/twitterfs.png) top left no-repeat;
}
#content-main a:hover.twitter, #content-main a:focus.twitter {
	background: #bdbdbd url(../img/twitterfs.png) top left no-repeat;
}
#content-main a.youtube {
	background: #d7d7d7 url(../img/youtubefs.png) top left no-repeat;
}
#content-main a:hover.youtube, #content-main a:focus.youtube {
	background: #bdbdbd url(../img/youtubefs.png) top left no-repeat;
}
#content-main a.facebook {
	background: #d7d7d7 url(../img/facebookf.png) top left no-repeat;
}
#content-main a:hover.facebook, #content-main a:focus.facebook {
	background: #bdbdbd url(../img/facebookf.png) top left no-repeat;
}
#content-main a.linkedin {
	background: #d7d7d7 url(../img/linkedin.png) top left no-repeat;
}
#content-main a:hover.linkedin, #content-main a:focus.linkedin {
	background: #bdbdbd url(../img/linkedin.png) top left no-repeat;
}
#content-main a.instagram {
	background: #d7d7d7 url(../img/instagram2.png) top left no-repeat;
}
#content-main a:hover.instagram, #content-main a:focus.instagram {
	background: #bdbdbd url(../img/instagram2.png) top left no-repeat;
}

.faq4 h2 {
	background: #efefef;
	padding: 10px;
	border: 1px solid #c1c1c1;
	box-shadow: 5px 5px 5px #d9d9d9;
}

.indent {
	margin-left: 20px;
}
#content-main ul.relatedsmall {
	margin: 0;
	padding: 0;
	/*display: table-row;*/	
}
#content-main ul.relatedsmall li {
	list-style-type: none;
	float: left;
	margin: 5px 10px;		
}
#content-main .relatedsmall a {
	/*width: 160px;
	height: 50px;*/
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	padding: 20px 30px;
	margin: 10px 15px 40px 5px;
	/*display: table-cell;	*/
	display: block;
	vertical-align: middle;	
	
}

#content-main ul.relatedsmallspread li a {
		height: 150px;
		padding: 0px;
		width: 150px;	
}

/*#content-main ul.relatedcandidate li a {
		height: 150px;
		width: 200px;
}*/

/*#content-main ul.repo li a {
		height: 75px;
		width: 180px;
}*/

#content-main ul.relatedcan li a {
		height: 70px;
}

#content-main .relatedsmall a:hover, #content-main .relatedsmall a:focus {
	 
	 background: #00bed6;
	 /*color: white;
	 font-weight: 600;*/
}
#content-main ul.spreadbutton li {
	display: inline;
	float: left;
}

#content-main ul.spreadbutton li a {
	width: 160px;
	height: 70px;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;	
	margin: 10px;
	display: block;
	padding: 7px;
}

#content-main ul.spreadbutton li a:hover, #content-main ul.spreadbutton li a:focus { 
	background: #00bed6;
	/* color: white;*/
}

#content-main ul.repo li {
	display: inline;
	float: left;
}

#content-main ul.repo li a {
	width: 160px;
	height: 60px;
	background-image: linear-gradient(to right top, #cbcbcb, #d3d5d6, #dbdfdf, #e4e9e7, #f0f2ed);
	box-shadow: 3px 3px 3px #b5b5b5;
	border-radius: 3px;
	border: 1px solid #ccd5d1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;	
	margin: 10px;
	display: block;
	padding: 12px 5px 5px 5px;
	line-height: 1.1em;
}

#content-main ul.repo li a:hover, #content-main ul.repo li a:focus { 
	background: #00bed6;
	 color: white;
}

table.sec, table.sec td, table.sec th {
	border: 1px solid #bcbcbc;
	border-collapse: collapse;
}

table.sec th.lightgrey {
	padding: 20px 10px;
	background: #e8e8e8;
	text-align: left;
}

table.sec th, table.sec td {
	padding: 10px;
}

table.sec {
	margin-bottom: 30px;
}


.alignLeft {
	text-align: left;
}

.simplegraybox {
	padding: 10px;
	border: 1px solid #d9d9d9;
	background-color: #f2f2f2;
	margin-top: 40px;
}

.campusbox {
	min-height: 510px;
}

.vicshadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-left: 30px;
	
}



.floatRight {
	float: right;
}

.downloadinfographic p {
	border: 1px solid #cecece;
	background-color: #eaeaea;
	box-shadow: 5px 5px 5px #888888;
	padding: 5px 10px;
	float: right;
	display: block;
}

.shadow2019 {
	border: 1px solid #cecece;
	box-shadow: 5px 5px 5px #888888;
}
.videoWrapper {clear:both}

.italic {
	font-style: italic;
}

.uCase {
	text-transform: uppercase;
}

.answer {
	margin-left: 20px;
}
.bold {
	font-weight: bold;
}

.fixreg {
	max-width: 620px;
}

.backtop {
	text-align: right;
	/*background: url('../../templates/images/top.gif') top right no-repeat;*/
	background: url('../img/top.png') top right no-repeat;
	padding-right: 35px;
	text-align: right;
	font-size: 0.9em;
}

.visapply {
	/*float: right;*/
	width: 300px;
	background: #d3d3d3;
	padding: 0;
	margin: 0 0 20px 30px;
	box-shadow: 5px 5px 5px #888888;
	text-align: center;
	height: auto;
}

.visapplyf {
	width: 350px;
}

.visapply h3 {
	font-size: 2em;
	background: #555555;
	color: white;
	margin: 0 0 20px 0;
}

.visapply input.widthsmall {
	margin-left: 60px;
}

.visapplyf input.widthsmall {
	margin-left: 80px;
}

.spaceneeded {
	height: 40px;
	width: auto;
	display: block;
}

ul.faqul li {
	margin-bottom: 15px;
}

#content-main a.vrs {
	border: 1px solid #d5d5d5;
	max-width: 400px;
	background: #ededed url('../img/SRV_Button.png') 10px 10px no-repeat;
	padding: 10px 10px 20px 100px;
	display: block;
	
	border-radius: 5px;
	box-shadow: 3px 3px 3px #a7a7a7;
	text-decoration: none;
}

#content-main a.vrs:hover, #content-main a.vrs:focus {
	background: #d8d8d8 url('../img/SRV_Button.png') 10px 10px no-repeat;;
}

.allcaps {
	text-transform: uppercase;
}

table.hours {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }


table.hours {
	width: 100%;
}

caption.bigcap {
	font-size: 1.3em;
	padding-bottom: 5px;
}

table.hours thead,
table.hours tfoot {
	background: whitesmoke;
	font-weight: bold;
}

table.hours caption {
	font-size: 1.3em;
}

table.hours thead th.black, table.hours th.black  {
	background: #383838;
	color: white;
	font-weight: 200;
	font-size: 1.1em;
}

table.hours thead tr th,
table.hours thead tr td,
table.hours tfoot tr th,
table.hours tfoot tr td {
	padding: 0.5em 0.625em 0.625em;
	font-size: 1em;
	color: #222222;
	text-align: left;
	
}

table.hours tr th,
table.hours tr td {
	padding: 0.5625em 0.625em;
	font-size: 1em;
	color: #222222;
	vertical-align: top;
}

table.hours tr.even, table.hours tr.alt, table.hours tr:nth-of-type(even) {
	background: #dcdcdc;
}

table.hours thead tr th,
table.hours tfoot tr th,
table.hours tbody tr td,
table.hours tr td,
table.hours tfoot tr td {
	display: table-cell;
	line-height: 1.125em;
}


table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #dcdcdc;
}
table.ranking {
	width:98%}
.ranking	caption {
	 padding: 5px;

}
table.ranking {
    border-collapse: collapse;
}
.ranking td, .ranking th {
	border: #737171 solid 1px;
padding: 10px;
}

.ranking th.header { 
	background-color: #00bed6; 
	}
table {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }
#navlist li
{
	text-align:center;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.width33  { width: 32%; }
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%
}
.width70 {
	width: 70%
}
.width80 {
	width: 80%
}
.width90 {
	width: 90%
}
.widthFull {
	width: 100%
}
.alignRight {
	text-align: right;
}


 p.EDMessages {
    border: 1px solid black;
    padding: 10px;
    margin-bottom: 15px;
    background-color: yellowgreen;
    border-color: gray;
    font-weight: bold;
    color: black;
    width: 98%;
}

.largefont {
	font-size: 1.2em;
}


/* ==========================================================================
   GE43 AB
   ========================================================================== */

		/*From world3*/
			/*.waysvote3 {
				.
				.
				.
			   min-height: 600px;
			}*/
			/*So for taller content, extra class, so the shorter content currently shown does not get huge gaps*/
				.waysvote3.abTaller {
					min-height: 1060px;
				}

				@media (max-width: 872px) {

					.waysvote3.abTaller {
						min-height: inherit;
					}

				}


		/* ul.abNoUl
		   ========================================================================== */

			.abNoUl {
				list-style: none;
				margin: 0;
				padding: 0;
			}

			.abNoUl li p {
				line-height: 1.38;

			}

		/* div.footNav & .abFootNav
		   ========================================================================== */

		   		.abFootNav {
					border-top: 1px solid #CED5DB;
					margin-top: 4.85em;
		   		}

		   		.abFootNav ul {
					list-style: none;
					margin: 0;
					padding: 0;
					float: left;
		   		}

		   		.abFootNav li {
					float: left;
					margin-right: 1.38em;
		   		}

		   		.abFootNav li a {
					display: block;
					padding: 0.62em;
					border: 1px solid #CED5DB !important;
					border-top: none !important;
					background: #666;
					color: #fff !important;
		   		}

		   		.abFootNav li a:hover {
		   			color: #000 !important;
		   		}

		   		.footNav {
					border-top: 1px solid #CED5DB;
		   		}

		   		.footNav ul {
					list-style: none;
					margin: 0;
					padding: 0;
					float: right;
		   		}

		   		.footNav li {
					float: left;
					margin-right: 1.38em;
		   		}

		   		.footNav li a {
					display: block;
					padding: 0.62em;
					/*border-bottom: none !important;*/
					border: 1px solid #CED5DB !important;
					border-top: none !important;
		   		}

		   		.footNav li a span {
					border-bottom: 1px solid;
		   		}

		/* *.abThreeChilds
		   ========================================================================== */

			ul.abThreeChilds > li {
				width: 30%;
				float: left;
			}

			@media only screen and (max-width: 800px) {

				ul.abThreeChilds > li {
					width: auto;
					float: none;
				}

			}/*@media only screen and (max-width: 800px)*/


		/* *.abMinHeightN
		   *.abMinHeight
		   		.abMinHeightN
		   			To set heights for items
		   		.abMinHeight
		   			An overall class to allow rules to be applied to
		   			all .abMinHeight items
		   ========================================================================== */

			/*Set heights*/
			.abMinHeight18 > * { min-height: 18em; }
			.abMinHeight22 > * { min-height: 22em; }
			/*.abMinHeight20 etc*/
			/*.abMinHeight33 etc*/

			/*Let heights collapse back to normal when viewed narrow*/
			@media only screen and (max-width: 800px) {

				.abMinHeight > * { min-height: 1em; }

			}/*@media only screen and (max-width: 800px)*/

		/* *.abHighLight
		   ========================================================================== */

				.abHighLight {
					background: #FFFF00;
				}

		/* *Utility classes
		   ========================================================================== */

				.linkMissing,
				.abWeird {
					position: relative;
					outline: 1px dashed red;
				}

				.abWeird {
					outline: 1px dashed orange;
				}

				.linkMissing:after {
					content: "!";
					position: absolute;
					left: -1em;
					top: -0.8em;
					line-height: 1;
					background: red;
					color: yellow;
					font-weight: normal;
					font-size: 12px;
					white-space: nowrap;
					width: 1.0em;
					height: 1.0em;
					border-radius: 50%;
					text-align: center;
				}

				.abWeird:after {
					outline: 1px solid orange;
					content: "Check...";
					position: absolute;
					left: -1em;
					top: -0.8em;
					line-height: 1;
					background: rgba(255, 165, 0, 0.38);
					color: black;
					font-weight: normal;
					font-size: 12px;
					white-space: nowrap;
					/*width: 1.0em;*/
					/*height: 1.0em;*/
					/*border-radius: 50%;*/
					text-align: center;
				}

				.abTemp, .abOrphans {
					border: 3px dashed rgba(255, 255, 0, 1);
					background: rgba(255, 255, 0, 0.2);
					padding: 1em;
					transform: rotate(1.623deg);
				}

				.abTemp a, .abOrphans a {
					text-decoration: underline !important;
				}

				.abPage {
					border: 3px dashed rgba(255, 255, 0, 1);
					background: rgba(255, 255, 0, 0.2);
					font-size: 62%;
					font-weight: normal;
					color: red;
				}

				.abNoWrap {
					white-space: nowrap;
				}

				.abGoBlock {
					display: block;
				}

				.abPushDown {
					margin-bottom: 1.0em;
				}

				.abShortLine {
					line-height: 1.1em;
				}

			/* Auto identify links with the .ui-link class
				Added 2019-09-06-T-0826
			   ========================================================================== */

					:lang(en) a.ui-link:after {
					    content: " (external link)";
					}

					:lang(fr) a.ui-link:after {
					    content: " (lien externe)";
					}