/********************************************************/
/* Homepage stylesheet for Greenwich Community College	*/
/********************************************************/

/* Homepage panels **************************************/
#dofade {
	clear:both;
	height:14em;
}

#homepage-panel {
	color:#FFF;
}

#homepage-panel h1 {
	padding:0.8em 0 0.7em 0.6em;
	font-size:1.6em;
	font-family:trebuchet MS;
	float:left;
	width:24em;
	white-space: nowrap;
}

#homepage-panel p {
	padding:0 0 0.78em 1em;
	line-height:1.2em;
	height:5.1em;
	float:left;
	width:38.5em;
}

#homepage-panel ul {
	float:left;
	width:38.5em;
	padding: 0 0 0 1em;
}

#homepage-panel ul li {
	float:left;
	font-size:1.2em;
	font-family:trebuchet MS;
	font-weight:bold;
	padding: 0 1.2em 0 0.5em;
	line-height:1.1em;
}

#homepage-panel ul li.first {
	padding: 0 1.2em 0 0;
	border-left:0;
}

#homepage-panel ul li.link {
	padding: 0 0 0 0;
	border-left:0;
}

#homepage-panel ul li.link a:link, #homepage-panel ul li.link a:active, #homepage-panel ul li.link a:visited {
	display:block;
	float:left;
	text-decoration:none;
	padding-left:1em;
	margin-left:0.5em;
}
#homepage-panel ul li.link a:hover {
	color:#FFF;
}

#homepage-panel .photo {
	float:right;
	width:20.5em;
	text-align:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.full-time-panel {
	background:#09F url(http://static.gccweb.co.uk/images/homepage/full-time-bg.jpg) repeat-x bottom !important;
}

.full-time-panel ul li {
	border-left:1px solid #70A6CC;
}

.full-time-panel ul li.link a:link, .full-time-panel ul li.link a:active, .full-time-panel ul li.link a:visited {
	background:url(http://static.gccweb.co.uk/images/homepage/full-time-arrow.gif) no-repeat 0 0.2em;
	color:#A5C9E1;
}

.part-time-panel {
	background:#903 url(http://static.gccweb.co.uk/images/homepage/part-time-bg.jpg) repeat-x bottom !important;
}

.part-time-panel .photo {
	float:left !important;
	text-align:left !important;
	margin-left:0.5em;
}

.part-time-panel h1, .part-time-panel p, .part-time-panel ul {
	float:right !important;
}

.part-time-panel h1 {
	padding-right:0.6em !important;
	padding-left:0 !important;
}

.part-time-panel p, .part-time-panel ul {
	padding-right:0.8em !important;
	padding-left:0.2em !important;
}

.part-time-panel ul li {
	border-left:1px solid #C26672;
}

.part-time-panel ul li.link a:link, .part-time-panel ul li.link a:active, .part-time-panel ul li.link a:visited {
	background:url(http://static.gccweb.co.uk/images/homepage/part-time-arrow.gif) no-repeat 0 0.2em;
	color:#D699A1;
}

.employers-panel {
	background:#94B74C url(http://static.gccweb.co.uk/images/homepage/employers-bg.jpg) repeat-x bottom !important;
}

.employers-panel ul li {
	border-left:1px solid #A4B181;
}

.employers-panel ul li.link a:link, .employers-panel ul li.link a:active, .employers-panel ul li.link a:visited {
	background:url(http://static.gccweb.co.uk/images/homepage/employers-arrow.gif) no-repeat 0 0.2em;
	color:#CAD4A9;
}

.employers-panel-2 {
	background:#167 url(http://static.gccweb.co.uk/images/homepage/employers-bg-2.jpg) repeat-x bottom !important;
}

.employers-panel-2 ul li {
	border-left:1px solid #A4B181;
}

.employers-panel-2 ul li.link a:link, .employers-panel-2 ul li.link a:active, .employers-panel-2 ul li.link a:visited {
	background:url(http://static.gccweb.co.uk/images/homepage/employers-arrow-2.gif) no-repeat 0 0.2em;
	color:#CAD4A9;
}

.employers-panel-2 h1 {
	width:12.8em !important;
    float:left;
	padding:1.2em 0 1.7em 0.6em !important;
}

.employers-panel-2 p {
	width:17.8em !important;
    float:left;
    height:7em !important;
	padding:2.6em 0 0.2em 1em !important;
}

.employers-panel-2 ul li {
	border-left:1px solid #698F97;
}

.employers-panel-2 ul li.link a:link, .employers-panel-2 ul li.link a:active, .employers-panel-2 ul li.link a:visited {
	background:url(http://static.gccweb.co.uk/images/homepage/employers-arrow-2.gif) no-repeat 0 0.2em;
	color:#9BB3B9;
}

.international-panel {
	background:#EBAB00 url(http://static.gccweb.co.uk/images/homepage/international-bg.jpg) repeat-x bottom !important;
}

.international-panel .photo {
	float:left !important;
	text-align:left !important;
	margin-left:0.5em;
}

.international-panel h1, .international-panel p, .international-panel ul {
	float:right !important;
}

.international-panel h1 {
	padding-right:0.6em !important;
	padding-left:0 !important;
}

.international-panel p, .international-panel ul {
	padding-right:0.8em !important;
	padding-left:0.2em !important;
}

.international-panel ul li {
	border-left:1px solid #F4B06E;
}

.international-panel ul li.link a:link, .international-panel ul li.link a:active, .international-panel ul li.link a:visited {
	background:url(http://static.gccweb.co.uk/images/homepage/international-arrow.gif) no-repeat 0 0.2em;
	color:#F1C599;
}

.general-panel {
	background:#70CEAC url(http://static.gccweb.co.uk/images/homepage/general-bg.jpg) repeat-x bottom !important;
}

.general-panel ul li {
	border-left:1px solid #8CBFAD;
}

.general-panel ul li.link a:link, .general-panel ul li.link a:active, .general-panel ul li.link a:visited {
	background:url(http://static.gccweb.co.uk/images/homepage/general-arrow.gif) no-repeat 0 0.2em;
	color:#B3D7CB;
}

/* Homepage banners *************************************/
#homepage-banners h2 {
	padding:0.7em 0 0.6em 0.6em;
	font-size:1.4em;
	font-family:trebuchet MS;
	font-weight:bold;
}

#homepage-banners a:link, #homepage-banners a:active, #homepage-banners a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	height:7em;
	float:left;
}
#homepage-banners a:hover {
	text-decoration:underline;
}

#homepage-banners a:link span.h2, #homepage-banners a:active span.h2, #homepage-banners a:visited span.h2 {
	padding:0.7em 0 0.6em 0.6em;
	font-size:1.4em;
	font-family:trebuchet MS;
	font-weight:bold;
	display:block;
}

#homepage-banners a:link span.text, #homepage-banners a:active span.text, #homepage-banners a:visited span.text {
	line-height:1.4em;
	display:block;
	padding:0 6em 0 1em;
	font-size:0.85em;
}

#homepage-banners a.prospectus:link, #homepage-banners a.prospectus:active, #homepage-banners a.prospectus:visited {
	width:18.9em;
	background: url(http://static.gccweb.co.uk/images/banners/are-you-switched-on.jpg) no-repeat top right;
}

#homepage-banners a.apply-online:link, #homepage-banners a.apply-online:active, #homepage-banners a.apply-online:visited {
	width:21em;
	background: url(http://static.gccweb.co.uk/images/banners/apply-online.jpg) no-repeat top right;
}

#homepage-banners a.apply-online:link span.h2, #homepage-banners a.apply-online:active span.h2, #homepage-banners a.apply-online:visited span.h2 {
	padding-right:3em;
}

#homepage-banners .newsletter {
	width:21em;
	height:7em;
	float:left;
	background: url(http://static.gccweb.co.uk/images/banners/subscribe-to-our-newsletter.jpg) no-repeat top right;
}

#homepage-banners .newsletter form {
	font-size:0.85em;
	padding:0 0 0 1em;
}

#homepage-banners .newsletter form input {
	width:15em;
	float:left;
	margin:0.7em 0.7em 0 0;
}

#homepage-banners .newsletter form input.button {
	width:63px;
	height:21px;
}

#homepage-banners .newsletter h2 {
	padding-bottom:0.4em;
}

#homepage-banners .newsletter h2 a:link, #homepage-banners .newsletter h2 a:active, #homepage-banners .newsletter h2 a:visited {
	display:inline;
	text-decoration:none;
	color:#000;
	height:auto;
	float:none;
}#homepage-banners .newsletter h2 a:hover {
	text-decoration:underline;
}

#homepage-banners .countdown-clock {
	width:21em;
	height:7em;
	float:left;
	background: url(http://static.gccweb.co.uk/images/banners/subscribe-to-our-newsletter.jpg) no-repeat top right;
}

#homepage-banners .countdown-clock h2 {
	padding-bottom:0.4em;
}

#homepage-banners .countdown-clock p {
	padding:0.5em 0.7em 0 0.7em;
	font-size:0.85em;
}

#homepage-banners .countdown-clock a:link,
#homepage-banners .countdown-clock a:active,
#homepage-banners .countdown-clock a:visited {
	display:inline;
	height:auto;
	float:none;
}

#homepage-banners .countdown-clock a:hover {
	text-decoration:underline;
}

#homepage-banners .countdown-clock #countdownCalendarDateTimerId {
	padding: 0 0 0 0.7em;
	font-weight: bold;
	color: red;
}


/* Homepage content *************************************/
#homepage-content h2 {
	padding:0 0 0.4em 0.26em;
	margin:0 0 0.6em 0;
	background: url(http://static.gccweb.co.uk/images/dots.gif) repeat-x bottom left;
	font-size:1.45em;
	font-family:trebuchet MS;
	font-weight:bold;
	color:#0C3C90;
	clear:both;
}

#homepage-content h3, #homepage-content h4 {
	font-family:trebuchet MS;
	font-weight:bold;
	padding:0 0 0.4em 0;
}

#homepage-content h3 a:link, #homepage-content h3 a:active, #homepage-content h3 a:visited {
	text-decoration:none;
}
#homepage-content h3 a:hover {
	text-decoration:underline;
}

/* Homepage content left ********************************/
#homepage-content .left {
	width:17.2em;
	float:left;
}

#homepage-content .left form, #homepage-content .left p {
	padding-left:0.4em;
}

/* Homepage content left search *************************/
#homepage-content .left .search {
	margin-bottom:3em;
}

#homepage-content .left .search form label {
	display:block;
	font-weight:bold;
	padding-bottom:0.4em;
}

#homepage-content .left .search form input {
	width:16em;
	margin-bottom:0.8em;
}

#homepage-content .left .search form input.button {
	width:49px;
	height:21px;
}

#homepage-content .left .search form select {
	width:16.4em;
	margin-bottom:0.8em;
}

/* Homepage content left prog builder *******************/
#homepage-content .left .prog {
	margin-bottom:3em;
}

#homepage-content .left .prog h2 {
	line-height:1.1em;
}

#homepage-content .left .prog img {
	margin:0 0 1em 0;
}

/* Homepage content left survey *************************/
#homepage-content .left .survey {
	margin-bottom:3em;
}

#homepage-content .left .survey div.error {
	float:left;
	font-weight:bold;
	font-size:0.85em;
	background:#D7EFA2;
	padding:0.5em 0.5em 0 0.5em;
	margin: 0 0 0.8em 0;
}

#homepage-content .left .survey div.error p {
	padding-left:0;
}

#homepage-content .left .survey div.error ul li {
	margin:0 0 0 1.8em;
	list-style: url(http://static.gccweb.co.uk/images/bullet.gif);
	font-weight:normal;
	padding:0.5em 0;
}

#homepage-content .left .survey .thank-you {
	font-weight:bold;
	margin:0 0 0.8em 0;
}

#homepage-content .left .survey form {
	width:17.2em;
	float:left;
}

#homepage-content .left .survey form span.label {
	display:block;
	font-weight:bold;
	padding: 0 0 0.5em 0;
}

#homepage-content .left .survey form div.right,
#homepage-content .left .survey form div.multi {
	width:17.2em;
	float:left;
}

#homepage-content .left .survey form div.multi span.error {
	font-size:0.85em;
	color:#F00;
	font-weight:bold;
	float:left;
	padding: 0.5em 0 0 0;
}

#homepage-content .left .survey form input.button {
	margin:0 0 0.8em 0;
	padding: 0 4px 3px 4px;
	width:49px;
	height:21px;
	font-size:0.85em;
	font-family:trebuchet MS;
	font-weight:bold;
	background:#DBE2EE url(http://static.gccweb.co.uk/images/buttons/submit-blank.gif) no-repeat top left;
	border:0;
	color:#0C3C90;
}

/* Homepage content left social network buttons *************************/
#homepage-content .left .buttons {
	margin-bottom:3em;
}

#homepage-content .left .buttons a {
    display:block;
	margin-bottom:1.5em;
}

/* and horizontally above the footer */
#homepage-content .buttons-hori {
	margin:2.5em 3em 0 3em;
	width:54.9em;
	float:left;
	text-align:center;
}

#homepage-content .buttons-hori a {
    display:block;
	float:left;
	margin:0 1.5em;
}
#homepage-content .buttons-hori a.twitter {
	margin:0.8em 3em 0 0;
}
#homepage-content .buttons-hori a.facebook {
	margin:0 0 0 0;
}
#homepage-content .buttons-hori a.award {
	margin:0.4em 0 0 0;
}

/* Homepage content right *******************************/
#homepage-content .right {
	width:41.4em;
	float:right;
}

#homepage-content .right .block {
	margin-bottom:2em;
	float:left;
}

#homepage-content .right img {
	float:left;
	margin:0.2em 0.78em 0 0;
}

#homepage-content .right .text {
	float:right;
	width: 34.9em;
}

#homepage-content .right .text h4 {
	margin-top:1em;
}

#homepage-content .right .text p {
	margin-bottom:0.4em;
}

#homepage-content .right .text p a:link, #homepage-content .right .text p a:active, #homepage-content .right .text p a:visited {
	text-decoration:none;
}
#homepage-content .right .text p a:hover {
	text-decoration:underline;
}

#homepage-content .right .text li {
	padding:0 0 0.3em 0;
	color:#666;
}

#homepage-content .right .text a.all:link, #homepage-content .right .text a.all:active, #homepage-content .right .text a.all:visited {
	font-weight:bold;
	font-size:0.85em;
	display:block;
	padding-top:0.5em;
}

/* Homepage content right blog **************************/
#homepage-content .right p.posted {
	color:#666;
	font-size:0.85em;
}