/********************************************************/
/* Default stylesheet for Greenwich Community College	*/
/********************************************************/
/* Reset ************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px;
	-moz-outline: 1px dotted #666 !important;
	-moz-outline-offset: 1px !important;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********************************************************/
/* Elements												*/
/********************************************************/
body {
	background: url(http://static.gccweb.co.uk/images/bg.gif) center;
	font-family:arial, helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
}

a:link, a:active, a:visited {
	color:#0C3C90;
}
a:hover {
	text-decoration:none;
}

fieldset {
	border:0;
}
input, select, option, textarea {
	font-family:arial, helvetica, sans-serif;
	font-size:1em;
}

strong {
	font-weight: bold;
}

em {
	font-style:italic;
}

/********************************************************/
/* Shared												*/
/********************************************************/
.no-display {
	display:none !important;
}

.button, .button-right {
	width:auto !important;
}

p.bold {
	font-weight:bold;
}

p.maintenance {
	font-weight: bold;
	text-align: center;
	clear: both;
	padding: 10px 40px;
	font-size:1.4em;
	background: #FFFF99;
}

/********************************************************/
/* Structure											*/
/********************************************************/
#site-container {
	width:61.9em;
	margin:0 auto;
	text-align:left;
}

.skip-links {
	width:59.9em;
	float:left;
	clear:both;
	background:#ECECEC;
	padding:0.5em;
	margin:0 0.5em 1.5em 0.5em;
}

#top {
	width:60.9em;
	float:left;
	clear:both;
	border-bottom:20px solid #FFF;
	background:#FFF;
	padding:0 0.5em 0.5em 0.5em;
}

#main-nav {
	width:60.9em;
	float:left;
	clear:both;
	background:#FFF;
	padding:0 0.5em;
}

#homepage-panel, #page-panel {
	height:14em;
	width:60.9em;
	float:left;
	clear:both;
	background:#FFF;
	border-left:0.5em solid #FFF;
	border-right:0.5em solid #FFF;
}
#page-panel {
	height:10.78em;
}

#homepage-banners {
	height:7em;
	width:60.9em;
	float:left;
	clear:both;
	background:#D6D6D6;
	border-top:1px solid #FFF;
	border-left:0.5em solid #FFF;
	border-right:0.5em solid #FFF;
}

#homepage-content, #page-content {
	width:60.9em;
	float:left;
	clear:both;
	background:#FFF;
	padding:2em 0.5em;
	line-height:1.3em;
}
#page-content {
	padding:1.5em 0 0 0;
	border-right:0.5em solid #FFF;
	border-bottom:1em solid #FFF;
	border-left:0.5em solid #FFF;
	overflow:hidden;
	background:#FFF url(http://static.gccweb.co.uk/images/sections/top.gif) repeat-x top left;
}
.top-border {
	background-color:#FFF !important;
}

#footer {
	width:60.9em;
	float:left;
	clear:both;
	background:#E0E0E0 url(http://static.gccweb.co.uk/images/footer-bg.gif) repeat-x top left;
	padding:1.2em 0;
	border-right:0.5em solid #FFF;
	border-left:0.5em solid #FFF;
}

/********************************************************/
/* Content												*/
/********************************************************/
/* Skip links *******************************************/
.skip-links ul.left {
    width:35em;
    float:left;
}
.skip-links ul.left li {
    float:left;
    display:block;
    padding-right:0.5em;
}

.skip-links ul.left li a:link, .skip-links ul.left li a:visited {
	font-size:0.85em;
	font-weight:bold;
	color:#ECECEC;
}

.skip-links ul.left li a:active, .skip-links ul.left li a:hover, .skip-links ul.left li a:focus {
	color:#000;
}

.skip-links ul.right {
    width:23em;
    float:right;
}
.skip-links ul.right li {
    float:right;
    display:inline;
    padding:0 0.5em;
    border-right:1px solid #000;
}
.skip-links ul.right li.last {
    padding:0 0 0 0.5em;
    border-right:0;
}

.skip-links ul.right li a:link, .skip-links ul.right li a:visited {
	font-size:0.85em;
	font-weight:bold;
	color:#000;
    text-decoration:none;
}

.skip-links ul.right li a:active, .skip-links ul.right li a:hover, .skip-links ul.right li a:focus {
    text-decoration:underline;
}

/* Logo *************************************************/
#top .logo {
	background:url(http://static.gccweb.co.uk/images/logo.gif) no-repeat;
	display:block;
	width:17.2em;
	height:7.2em;
	float:left;
}

/* Search ***********************************************/
#top .search {
	width:32.4em;
	float:right;
	text-align:right;
	font-size:0.85em;
    margin-top:1.3em;
}

body#bdy-home #top .search {
	padding-left:2em;
}


#top .search span {
	float:left;
	margin:4px 10px 0 0;
	font-weight:bold;
}

#top .search label {
	float:left;
	margin:4px 10px 0 0;
}

#top .search input {
	float:left;
}

#top .search input.button {
	margin-left:5px;
	width:49px !important;
	height:21px !important;
}

#top .search a.help:link, #top .search a.help:active, #top .search a.help:visited {
	background:url(http://static.gccweb.co.uk/images/buttons/help.gif);
	display:block;
	width:37px;
	height:21px;
	float:left;
	margin: 0 0 0 5px;
}

/* Awards logo **************************************/
#top .award {
	background:url(/images/awards-logo.gif) no-repeat right 1.55em;
	display:block;
	width:10.5em;
	height:7em;
	float:left;
}

#top .olympic {
	background:url(/images/olympic-logo.jpg) no-repeat right 0em;
	display:block;
	width:10em;
	height:8em;
	float:left;
}

/* Top nav **********************************************/
#top ul.nav {
	float:right;
	padding:0 4px 8px 0;
	background:url(http://static.gccweb.co.uk/images/dots.gif) repeat-x bottom left;
	margin-right:0.2em;
}

#top ul.nav li {
	display:inline;
	font-size:0.85em;
	border-right:1px solid #000;
	padding:0 4px 0 5px;
}

#top ul.nav li.last {
	border:0px;
	padding-right:0;
}

#top ul.nav li a:link, #top ul.nav li a:active, #top ul.nav li a:visited {
	text-decoration:none;
	color:#000;
}
#top ul.nav li a:hover {
	text-decoration:underline;
}

/* Course basket ****************************************/
#top #course-basket {
	float:right;
	font-size:0.85em;
	padding:0.7em;
	margin:0.7em 0 0 0;
	background:#FFFF99;
}

/* Main navigation **************************************/
#main-nav li {
	display:block;
	float:left;
	border-top:2px solid #144293;
}

#main-nav li.full-time-courses {
	background: url(http://static.gccweb.co.uk/images/main-nav/full-time-bg.gif) repeat-x top right;
}

#main-nav li.part-time-qualification-courses {
	background: url(http://static.gccweb.co.uk/images/main-nav/part-time-bg.gif) repeat-x top right;
}

#main-nav li.employers {
	background: url(http://static.gccweb.co.uk/images/main-nav/employers-bg.gif) repeat-x top right;
}

#main-nav li.employers-2 {
	background: url(http://static.gccweb.co.uk/images/main-nav/employers-bg-2.gif) repeat-x top right;
}

#main-nav li.international-students {
	background: url(http://static.gccweb.co.uk/images/main-nav/international-bg.gif) repeat-x top right;
}

#main-nav li.general-interest-courses {
	background: url(http://static.gccweb.co.uk/images/main-nav/general-interest-bg.gif) repeat-x top right;
}

#main-nav li a:link, #main-nav li a:active, #main-nav li a:visited {
	display:block;
	height:45px;
	float:left;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#main-nav li.full-time-courses a:link, #main-nav li.full-time-courses a:active, #main-nav li.full-time-courses a:visited {
	background:url(http://static.gccweb.co.uk/images/main-nav/full-time2.gif) no-repeat top center;
	width:11.8em;
}
#main-nav li.full-time-courses a.selected:link, #main-nav li.full-time-courses a.selected:active, #main-nav li.full-time-courses a.selected:visited {
	border-bottom:1px solid #09F;
}

#main-nav li.part-time-qualification-courses a:link, #main-nav li.part-time-qualification-courses a:active, #main-nav li.part-time-qualification-courses a:visited {
	background:url(http://static.gccweb.co.uk/images/main-nav/part-time2.gif) no-repeat top center;
	width:12.85em;
}
#main-nav li.part-time-qualification-courses a.selected:link, #main-nav li.part-time-qualification-courses a.selected:active, #main-nav li.part-time-qualification-courses a.selected:visited {
	border-bottom:1px solid #903;
}

#main-nav li.employers a:link, #main-nav li.employers a:active, #main-nav li.employers a:visited {
	background:url(http://static.gccweb.co.uk/images/main-nav/employers2.gif) no-repeat top center;
	width:11.8em;
}
#main-nav li.employers a.selected:link, #main-nav li.employers a.selected:active, #main-nav li.employers a.selected:visited {
	border-bottom:1px solid #94B74C;
}

#main-nav li.employers-2 a:link, #main-nav li.employers-2 a:active, #main-nav li.employers-2 a:visited {
	background:url(http://static.gccweb.co.uk/images/main-nav/employers-3.gif) no-repeat top center;
	width:11.8em;
}
#main-nav li.employers-2 a.selected:link, #main-nav li.employers-2 a.selected:active, #main-nav li.employers-2 a.selected:visited {
	border-bottom:1px solid #167;
}

#main-nav li.international-students a:link, #main-nav li.international-students a:active, #main-nav li.international-students a:visited {
	background:url(http://static.gccweb.co.uk/images/main-nav/international.gif) no-repeat top center;
	width:12em;
}
#main-nav li.international-students a.selected:link, #main-nav li.international-students a.selected:active, #main-nav li.international-students a.selected:visited {
	border-bottom:1px solid #EBAB00;
}

#main-nav li.general-interest-courses a:link, #main-nav li.general-interest-courses a:active, #main-nav li.general-interest-courses a:visited {
	background:url(http://static.gccweb.co.uk/images/main-nav/general-interest.gif) no-repeat top center;
	width:12.1em;
	border-right:0px;
}
#main-nav li.general-interest-courses a.selected:link, #main-nav li.general-interest-courses a.selected:active, #main-nav li.general-interest-courses a.selected:visited {
	border-bottom:1px solid #70CEAC;
}

/* Homepage panel ***************************************/
/* Style info for homepage panels in homepage.css *******/

/* Homepage banners *************************************/
/* Style info for homepage banners in homepage.css ******/

/* Homepage content *************************************/
/* Style info for homepage content in homepage.css ******/

/* Page content *****************************************/
/* Style info for internal pages in page.css ************/

/* Footer ***********************************************/
#footer a:link, #footer a:active, #footer a:visited {
	color:#000;
}

#footer h2 {
	font-weight:bold;
}

#footer h2, #footer p {
	font-size:0.85em;
	line-height:1.3em;
	padding:0 0 0.5em 1em;
}

#footer p.org {
	padding:0 0 0 1em;
}


#footer li {
	font-size:0.85em;
	padding:0 0 0.5em 1em;
}

#footer .vcard {
	width:18.9em;
	float:left;
	min-height:10.3em;
	background: url(http://static.gccweb.co.uk/images/vdots.gif) repeat-y top right;
}

#footer .nav {
	width:21em;
	float:left;
	min-height:10.3em;
	background: url(http://static.gccweb.co.uk/images/vdots.gif) repeat-y top right;
}

#footer .nav .social {
    padding-top:1.5em;
    padding-bottom:1em;
}

#footer .nav .social a {
    display:block;
    float:left;
    padding:0.3em 0 0.5em 0;
    text-decoration:none;
}

#footer .nav .social a.twitter {
    padding-left:3.5em;
    width:6em;
    background:url(../images/twitter-mini.jpg) no-repeat center left;
    margin-right:2em;
}

#footer .nav .social a.facebook {
    padding-left:3em;
    width:6em;
    background:url(../images/facebook-mini.jpg) no-repeat center left;
}

#footer .accessibility {
	width:21em;
	float:left;
}

#footer .legal {
	width:71.5em;
	float:left;
	font-size:0.85em;
	color:#666;
	text-align:center;
	padding:1.4em 0 0 0;
}

#footer .legal span {
	padding:0 0.8em;
}