/********************************************************/
/* Stylesheet for GCC Business Unit						*/
/* Author Emma Clark - 04.11.09							*/
/* Default												*/
/********************************************************/
/* 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: collapse;
	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 {
	font-family:Arial, Helvetica, sans-serif;
	color:#022;
}

h1 {
    font-size:1.6em;
    padding:0 0 0.5em 0;
    font-weight:normal;
}

h2, h3 {
    font-weight:normal;
}

h4 {
    font-weight:bold;
    font-size:0.75em;
}

p, ul, ol, dl {
    padding:0 0 1.5em 0;
}

p, li, th, td, label, blockquote, dt, dd {
    font-size:0.75em;
    line-height:1.4em;
}

li p, p label, td p, dd label, dt label, dd input, dd select, dd textarea {
    font-size:1em;
}

a {
    color:#045;
    text-decoration:underline;
}
a:active, a:focus, a:hover {
    text-decoration:none;
}

em {
    font-style:italic;
}

input, select, textarea {
    font-size:0.75em;
    font-family:Arial, Helvetica, sans-serif;
    color:#022;
}

table {
    margin:0 0 1em 0;
    border:1px solid #CFE0E4;
}
table th {
    background:#CFE0E4;
    padding:0.6em 0.45em 0.6em 0.9em;
}
table td {
    border-top:1px solid #CFE0E4;
    padding:0.7em 0.5em 0.7em 1em;
    font-size:0.7em;
}

/********************************************************/
/* Structure											*/
/********************************************************/
#site-container {
    width:90%;
    margin:0 auto;
}
#site-container #site {
    width:100%;
}

#site-container #site #header {
    width:100%;
    float:left;
}

#site-container #site #header #main-nav {
    width:100%;
    background:#00313D;
    float:left;
    padding:0 0 0 0;
}

#site-container #site #content-container {
    width:100%;
    padding:1em 0;
    float:left;
}

#site-container #site #content-container #left-content {
    width:100%;
}

#site-container #site #content-container #main-content {
    width:100%;
}

#site-container #site #content-container #home-right-content {
    width:100%;
}

#site-container #site #content-container #right-content {
    width:100%;
}

#site-container #site #footer {
    width:100%;
    padding:2.2em 0;
}

/********************************************************/
/* Shared												*/
/********************************************************/
/* General */
.no-display {
	text-align:left !important;
	display:block !important;
	text-indent:-1000em !important;
	height:0 !important;
	width:0 !important;
    padding:0 0 0 0 !important;
    margin:0 0 0 0 !important;
}

.bold, strong {
	font-weight:bold;
}

p.small {
    font-size:0.7em;
}

p.posted {
    font-size:0.7em;
    color:#888;
}

img.float-left {
    display:none;
}
img.float-right {
    display:none;
}

/********************************************************/
/* Content												*/
/********************************************************/
/* Header ***********************************************/
/* Skip links */
#site-container #site #header .skip-links {
    display:block;
    padding:0.2em 0 0.5em 0;
}

#site-container #site #header .skip-links ul li {
    float:left;
    padding:0 1em 0 0;
    font-size:0.7em;
    font-weight:bold;
}
#site-container #site #header .skip-links ul li a {
    color:#167;
}
#site-container #site #header .skip-links ul li a:focus,
#site-container #site #header .skip-links ul li a:active,
#site-container #site #header .skip-links ul li a:hover {
    color:#167;
}

/* Logo */
#site-container #site #header a.logo {
    display:block;
}

/* Search */
#site-container #site #header form {
    width:98%;
    padding:1%;
    background:#CEE0E2;
    margin:20px 0;
}
#site-container #site #header form fieldset {
    width:100%;
    font-size:0.9em;
}
#site-container #site #header form fieldset label {
    float:left;
    padding:0.3em 0.8em 0 0;
}
#site-container #site #header form fieldset input {
    float:left;
}
#site-container #site #header form fieldset input.keyword {
    width:15em;
    padding:0.3em 0.5em 0.2em 0.5em;
    margin:0 0.8em;
}
#site-container #site #header form fieldset input.button {
    float:left;
}

/* Main nav */
#site-container #site #header #main-nav li {
    float:left;
}
#site-container #site #header #main-nav li a {
    display:block;
    float:left;
    color:#FFF;
    background:#00313D;
    padding:0 0 0 1.3em;
    font-size:1.1em;
    text-decoration:underline;
}
#site-container #site #header #main-nav li a span {
    display:block;
    float:left;
    background:#00313D;
    padding:0.8em 1.3em 0.8em 0;
}
#site-container #site #header #main-nav li.right a {
}
#site-container #site #header #main-nav li.right a span {
}
#site-container #site #header #main-nav li a:active,
#site-container #site #header #main-nav li a:focus,
#site-container #site #header #main-nav li a:hover,
#site-container #site #header #main-nav li.selected a {
    color:#FFF;
    background:#00313D;
    text-decoration:none;
}
#site-container #site #header #main-nav li a:active span,
#site-container #site #header #main-nav li a:focus span,
#site-container #site #header #main-nav li a:hover span,
#site-container #site #header #main-nav li.selected a span {
    background:#00313D;
}
#site-container #site #header #main-nav li.selected a {
    font-weight:bold;
    text-decoration:none;
}

/* Homepage *********************************************/
#site-container #site #content-container #homepage-content {
    width:100%;
    float:left;
    margin:0 0 1em 0;
}

#site-container #site #content-container #homepage-content .hero {
    width:100%;
}

#site-container #site #content-container #homepage-content .hero #feature-slideshow {
    display:none;
}

#site-container #site #content-container #homepage-content .hero .overlay {
    width:100%;
}

/* News and events */
#site-container #site #content-container #homepage-content h2.logo {
    font-size:1.5em;
    float:left;
    padding:0.4em 0 0.4em 0;
    width:100%;
    margin:0 0 0.7em 0;
}

#site-container #site #content-container #homepage-content img.thumb {
    display:none;
}

#site-container #site #content-container #homepage-content .text {
    width:100%;
    margin:0 0 1em 0;
}

#site-container #site #content-container #homepage-content .text li {
    padding:0 0 0.3em 0;
    color:#888;
}

/* Online survey */
#site-container #site #content-container #homepage-content .pod-container {
    width:100%;
    background:#DBEAAF;
    float:left;
}
#site-container #site #content-container #homepage-content .pod-container .pod {
    width:98%;
    padding:1%;
}

#site-container #site #content-container #homepage-content .survey form {
    float:left;
}

/* Pods *************************************************/
#site-container #site #content-container .pod-container {
    width:100%;
    border-bottom:1px dotted #167;
    padding:0 0 1em 0;
    margin:0 0 1em 0;
}

/* Left content *****************************************/
#site-container #site #content-container #left-content .left-nav {
    margin:0 0 1.5em 0;
    background:#CEE0E2;
    padding:1%;
    float:left;
    clear:both;
    width:98%;
}
#site-container #site #content-container #left-content .left-nav ul {
    padding:0 0 0 1em;
    list-style:disc;
}
#site-container #site #content-container #left-content .left-nav ul li {
    padding:0.3em 0;
    clear:both;
}
#site-container #site #content-container #left-content .left-nav ul li.selected {
    font-weight:bold;
}
#site-container #site #content-container #left-content .left-nav ul li ul {
    list-style:none !important;
    padding:0 0 0 1.5em;
}
#site-container #site #content-container #left-content .left-nav ul li ul li {
    font-size:0.9em;
    padding:0.5em 0 0 0;
}
#site-container #site #content-container #left-content .left-nav ul li.selected ul li.selected {
    list-style:circle;
}

/* search */
#site-container #site #content-container #left-content .left-nav ul li.search span h2 {
    font-size:1.2em;
    padding:0 0 0.5em 0;
}
#site-container #site #content-container #left-content .left-nav ul li.search span input {
    width:17.5em;
    font-size:1em;
    margin-bottom:0.5em;
    float:left;
    clear:both;
}
#site-container #site #content-container #left-content .left-nav ul li.search span select {
    width:17.9em;
    font-size:1em;
    margin-bottom:0.6em;
    float:left;
    clear:both;
}
#site-container #site #content-container #left-content .left-nav ul li.search span input.button {
    width:auto;
    margin-bottom:1.2em;
    float:left;
    clear:both;
}


/* Left pods */
#site-container #site #content-container #left-content .blue .pod-container {
    float:left;
}

#site-container #site #content-container #left-content .pod-container .pod h2 {
    padding:0 0 0.8em 0;
}

#site-container #site #content-container #left-content .pod-container .pod form,
#site-container #site #content-container #left-content .pod-container .pod p {
    float:left;
    width:100%;
}

#site-container #site #content-container #left-content .pod-container .pod form fieldset span {
    display:block;
    padding:0 0 0.3em 0;
    float:left;
    width:13.625em;
}
#site-container #site #content-container #left-content .pod-container .pod form fieldset span input {
    width:17.5em;
    float:left;
}
#site-container #site #content-container #left-content .pod-container .pod form fieldset span select {
    width:17.9em;
    float:left;
}
#site-container #site #content-container #left-content .blue .pod-container .pod p {
    font-size:0.7em;
    padding:1em 0;
}

/* Main content *****************************************/
#site-container #site #content-container h1 {
    font-size:1.4em;
    width:100%;
    padding:0 0 1em 0;
    margin:0 0 0 0;
}

#site-container #site #content-container .no-highlight {
    padding-top:0;
}

#site-container #site #content-container #main-content h2.highlight {
    font-size:1.2em;
    background:#CFE0E4;
    float:left;
    width:98%;
    margin:0 0 1em 0;
    padding:1%;
}
#site-container #site #content-container #main-content h2.highlight .text {
    float:left;
}
#site-container #site #content-container #main-content h2.highlight a {
    float:right;
}

#site-container #site #content-container #main-content h2,
#site-container #site #content-container #main-content h3,
#site-container #site #content-container #main-content form {
    padding:0 0 1em 0;
}
#site-container #site #content-container #main-content h2,
#site-container #site #content-container #main-content h3 {
    font-weight:bold;
}


#site-container #site #content-container #main-content h4,
#site-container #site #content-container #main-content p {
    margin:0 0 0 0;
}

#site-container #site #content-container #main-content ul {
    list-style:disc;
    padding-left:1.5em;
}

#site-container #site #content-container #main-content ol {
    list-style:decimal;
    padding-left:1.5em;
}

#site-container #site #content-container #main-content li {
    padding:0 0 0.5em 0.5em;
}

#site-container #site #content-container #main-content ul.courses {
    margin:1em 0 0 1em;
}
#site-container #site #content-container #main-content ul.courses li {
    padding-bottom:1em;
}

#site-container #site #content-container #main-content ul.pagination {
    border-top:1px solid #CFE0E4;
    width:100%;
    margin:0 0 1.5em 0;
    padding:0.5em 0;
    float:left;
    list-style:none;
}
#site-container #site #content-container #main-content ul.pagination li {
    background:none;
    float:left;
    padding:0 0 0 0;
    padding:0 0.8em;
    border-right:1px solid #A9C8CF;
    font-size:0.7em;
}
#site-container #site #content-container #main-content ul.pagination li.last {
    border-right:0;
}

#site-container #site #content-container #main-content .course {
    float:left;
    width:100%;
    margin-bottom:1.5em;
}
#site-container #site #content-container #main-content .course h3.highlight {
    background:#CFE0E4;
    padding:0.5em;
    margin-bottom:1em;
}
#site-container #site #content-container #main-content .course p {
    padding:1% 2% 1% 0;
    float:left;
    width:68%;
}
#site-container #site #content-container #main-content .course dl {
    float:right;
    width:30%;
}
#site-container #site #content-container #main-content .course dl dt,
#site-container #site #content-container #main-content .course dl dd {
    float:left;
    font-size:0.7em;
    padding-bottom:0.3em;
}
#site-container #site #content-container #main-content .course dl dt {
    width:30%;
    font-weight:bold;
}
#site-container #site #content-container #main-content .course dl dd {
    width:70%;
}

#site-container #site #content-container #main-content .video {
    margin:0 0 1em 0;
}
#site-container #site #content-container #main-content .right-content .video {
    margin:0.4em 0 1em 0;
}

/* Main pods */
#site-container #site #content-container #main-content .pod-container {
    width:100%;
    border:3px solid #A8CB3B;
    float:left;
    background:#FFF;
    padding:0 0 0 0;
}
#site-container #site #content-container #main-content .pod-container .pod {
    width:98%;
    padding:1%;
}

#site-container #site #content-container #main-content .pod-container .pod h2 {
    font-weight:normal;
}

#site-container #site #content-container #main-content .pod-container .pod p {
    margin:0 0 0 0;
}

#site-container #site #content-container #main-content .pod-container .pod ul {
    margin:0 0 0 0;
}

#site-container #site #content-container #main-content .pod-container .pod ol {
    margin:0 0 0 0;
}

#site-container #site #content-container #main-content .featured h3 {
    width:100%;
}
#site-container #site #content-container #main-content .featured li h3 {
    font-size:1.3em;
    width:100%;
}

#site-container #site #content-container #main-content .featured img.float-left {
    margin:0 0 0 0;
}

#site-container #site #content-container #main-content .featured p {
    width:100%;
    padding:0 0 1em 0;
}

#site-container #site #content-container #main-content ul.featured {
    width:100%;
    list-style:none;
    padding:0 0 0 0;
}
#site-container #site #content-container #main-content ul.featured li {
    float:left;
    width:100%;
    padding:0 0 1em 0;
}
#site-container #site #content-container #main-content .featured ul.links {
    margin:0 0 0 0;
    padding:0 0 1em 0;
}
#site-container #site #content-container #main-content .featured li ul.links {
    
}
#site-container #site #content-container #main-content .featured ul.links li {
    padding:0 0 0 0 !important;
    margin:0 0 0 0;
    float:left !important;
    display:block;
    background:none !important;
    width:auto;
}
#site-container #site #content-container #main-content .featured li ul.links li {
    font-size:1em;
}
#site-container #site #content-container #main-content .featured ul.links li.video {
    padding:0 0 0 2.5em !important;
    float:left !important;
    display:block;
} 
#site-container #site #content-container #main-content .featured ul.links li.video span {
    font-size:0.9em;
    font-weight:bold;
}

/* Forms */
#site-container #site #content-container #main-content form {
    float:left;
    width:40em;
}

#site-container #site #content-container #main-content form dl {
    float:left;
    width:39em;
}

#site-container #site #content-container #main-content form dl dt,
#site-container #site #content-container #main-content form dl dd  {
    width:12em;
    float:left;
    min-height:2em;
    padding:0 0 0.5em 0;
}

#site-container #site #content-container #main-content form dl dd {
    width:31em;
}
#site-container #site #content-container #main-content form dl dd.cms-note {
    padding:0 0 0.5em 13em;
    width:33em;
    color:#666;
    font-size:0.7em;
}

#site-container #site #content-container #main-content form dl dt label,
#site-container #site #content-container #main-content form dl dt .label {
    padding:0.2em 0 0 0;
    display:block;
}
#site-container #site #content-container #main-content form dl dt label .required,
#site-container #site #content-container #main-content form dl dt .label .required {
    color:#F00;
    font-weight:bold;
}

#site-container #site #content-container #main-content form dl dd input {
    width:30em;
}
#site-container #site #content-container #main-content form dl dd textarea {
    width:29.7em;
    height:5em;
}

#site-container #site #content-container #main-content form dl dd.check input {
    width:auto;
    float:left;
}
#site-container #site #content-container #main-content form dl dd.check label {
    float:left;
    width:28.5em;
    padding:0.2em 0 0 0.5em;
    min-height:1.6em;
}

#site-container #site #content-container #main-content form p {
    margin:0 0 0 0;
    width:52em;
    float:left;
}
#site-container #site #content-container #main-content form p input {
    float:left;
}
#site-container #site #content-container #main-content form p label {
    float:left;
    width:42em;
    padding:0.2em 0 0 0.5em;
}

#site-container #site #content-container #main-content .message {
    width:40.525em;
    background:#FFFFB7;
    float:left;
    padding:0 0 0.5em 0;
    margin:0 0 1em 0;
}
#site-container #site #content-container #main-content .message p,
#site-container #site #content-container #main-content .message ul {
    padding:0.5em 0 0 0;
}
#site-container #site #content-container #main-content .message ul {
    list-style:disc;
    padding-left:1.5em;
}
#site-container #site #content-container #main-content .message ul li {
    background:none;
    padding:0 0 0 0;
}

#site-container #site #content-container #main-content .success {
    background:#CFC;
}
#site-container #site #content-container #main-content .error {
    background:#FCC;
}

/* Right content ****************************************/
/* Right home pods */
#site-container #site #content-container #home-right-content .pod-container {
    float:left;
}
#site-container #site #content-container #home-right-content .pod-container .pod {
    width:98%;
    padding:1%;
}

#site-container #site #content-container #home-right-content .pod-container .pod h2 {
    padding:1.5em 0 1em 0;
}
#site-container #site #content-container #home-right-content .pod-container .pod h2 span {
    font-size:0.8em;
    padding:0 0 0.4em 0;
    display:block;
}

#site-container #site #content-container #home-right-content .bubble .pod-container .pod h2 {
    padding:0 0 1em 0;
}

#site-container #site #content-container #home-right-content .pod-container .pod h2.highlight {
    margin:0 0 0.5em 0;
    padding:0 0 0 0;
    float:left;
    font-size:1.4em;
}

#site-container #site #content-container #home-right-content .pod-container .pod form,
#site-container #site #content-container #home-right-content .pod-container .pod p {
    float:left;
    width:100%;
}

#site-container #site #content-container #home-right-content .pod-container .pod .button {
    float:left;
}

#site-container #site #content-container #home-right-content .pod-container .pod form fieldset span {
    display:block;
    padding:0 0 0.3em 0;
    float:left;
    width:100%;
}
#site-container #site #content-container #home-right-content .pod-container .pod form fieldset span label {
    width:6em;
    float:left;
    padding:0.3em 0 0 0;
}
#site-container #site #content-container #home-right-content .pod-container .pod form fieldset span input {
    width:16em;
    float:left;
}
#site-container #site #content-container #home-right-content .pod-container .pod form fieldset span select {
    width:16.4em;
    float:left;
}

#site-container #site #content-container #home-right-content .pod-container .pod .video {
    width:16.875em;
    padding:0 0 1em 0;
}

#site-container #site #content-container #home-right-content .blue .pod-container .pod form p {
    width:100%;
    font-size:0.7em;
    padding:1em 0 0 0;
    float:left;
}

#site-container #site #content-container #home-right-content .bubble .pod-container .pod img {
    display:none;
}

/* Internal floating right column */
#site-container #site #content-container #main-content .right-content {
    width:100%;
}

#site-container #site #content-container #main-content .right-content dl dt,
#site-container #site #content-container #main-content .right-content dl dd {
    font-size:0.7em;
    padding:0.5em;
}
#site-container #site #content-container #main-content .right-content dl dt {
    background:#CFE0E4;
    font-weight:bold;
}
#site-container #site #content-container #main-content .right-content dl dt.interactive {
    background:#DBEBB0;
}
#site-container #site #content-container #main-content .right-content dl dd {
    padding-bottom:1.5em;
}
#site-container #site #content-container #main-content .right-content dl dd span {
    display:block;
}
#site-container #site #content-container #main-content .right-content dl dd a.button {
    display:block;
    text-align:right;
}
#site-container #site #content-container #main-content .right-content dl dd ul {
    margin-left:0;
    padding:0 0 0.5em 1.5em;
}
#site-container #site #content-container #main-content .right-content dl dd ul li {
    font-size:1em;
    padding:0.5em 0 0.5em 0;
}

/* Footer ***********************************************/
#site-container #site #footer .vcard,
#site-container #site #footer .nav,
#site-container #site #footer .accessibility,
#site-container #site #footer .legal {
    width:100%;
    border-top:1px dotted #167 !important;
    padding:1em 0;
    float:left;
}


#site-container #site #footer h2,
#site-container #site #footer p,
#site-container #site #footer li {
    font-size:0.7em;
}

#site-container #site #footer h2 {
    font-weight:bold;
    padding:0 0 0.7em 0;
}

#site-container #site #footer p,
#site-container #site #footer li {
    padding:0 0 0.5em 0;
}

#site-container #site #footer a {
    color:#167;
}

#site-container #site #footer .legal a {
    color:#167;
}