/*import .css for Fancy Box */
@import url("http://videos.ccusa.com/scripts/fancybox/jquery.fancybox-1.3.1.css");


/*
==========================================
GLOBAL SETTINGS
==========================================
*/

/* ZERO BROWSER SETTINGS */
html
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	background: #FFF;
	background-image: url(images/bg_utility.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat; /*Prevents tiling if page size changed*/
	background-position: 50% 50%; /*Centers backgrond image */
	margin: 0 auto; /* the auto margins (in conjunction with a width) centers the page */
	padding: 0;
	border: 0;
	
/*DEFAULT TEXT STYLES*/
	color: #404040;
	font: 76% Verdana,Tahoma,Arial,sans-serif; /*approx 12px*/
	line-height: 130%;
}

/* MAIN WRAPPER AND SHADOW */
#shadow
{
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) centers the page */
	/*background-image: url(images/bg_mainShadow.png);
	background-repeat: repeat-y;*/
}

#wrap
{
	width: 960px; /* set width 20px narrower and use margin w/auto to center */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

/* HEADERS */
h1
{
	color: #339900;
	font: 150% Tahoma,Arial,Helvetica,sans-serif;
	font-weight:600;
	margin: 0px 10px 15px 0px;
	text-transform: uppercase;
	/*padding: 0px 0px 3px 0px;
	border-bottom: 2px solid #339900;*/
}
h1 a
{
	color: #339900;
	text-transform: none;
}
h2
{
	/*border-bottom: 2px solid #dadada;*/
	color: #339900;
	text-transform: uppercase;
	font: 120% Tahoma,Arial,Helvetica,sans-serif;
	margin: 10px 10px 15px 0px;
	padding: 0px 0px 2px 0px;
}
h3
{
	color: #404040;
	text-transform: uppercase;
	font: 100% Tahoma,Arial,Helvetica,sans-serif;
	font-weight: 600;
	/*padding: 0px 0px 2px 0px;*/
	margin: 10px 0 8px;
}

h4
{
	color: #000;
	font: 100% Tahoma,Arial,Helvetica,sans-serif;
	font-weight: 600;
	padding: 0px 0px 2px 0px;
}

/*lINK STYLES*/
a:link, a:visited, a:active, a:hover
{
	color: #660000;
	font-weight: 600;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: 0;
}

/*LIST STYLES*/

ul li
{
	list-style-image: url(images/greenCheck.gif);
}

ul li ul li, ol li ul li
{
	list-style-image: url(images/redArrow.gif);
}

/*
=====================
HEADER
=====================
*/

#header 
{
	margin:0;
	
}

/*LOGO*/
#logo
{
	float: left;
	padding: 0;
}

#applyHeader
{
	float:left;
	padding-left:70px;
}

/*Top Nav Box*/
#topNav
{
	float:right;
	position:relative;
	background-image:url(images/bg_topNav.png);
	background-repeat:no-repeat;
	height:103px;
	width:410px;
	
	
}
#topNav ul
{
	margin:6px 0px 0px 0px;
	padding-bottom:6px;
	text-align:right;
}

#topNav li
{
	list-style:none;
	display:inline;
	padding: 0 14px 0 0px;
}

#topNav li a
{
	color:#660000;
}
#topNav li a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}


/*overrides width and position set by DNN*/
#dnn_dnnSEARCH_txtSearch
{
	width:210px;/*was 180 before Login added*/
	margin-left:0px;
}



/*
============
MAIN MENU
============
*/

/*
.m          All Sub Menu                .m      All Sub Menus
.m[level]   Sub Menu at level x         .m0     First level sub menus

.mid[id]    Sub Menu with id x          .mid42  DNN Admin Sub Menu
.break      Break                       .break  All menu breaks
.mi         Menu Item (all)             .mi     All Menu Items
.id         Menu Item with id x         .id41   Menu Item with id 41
.mi[path]   Menu Item in specific path  .mi0    First Menu Item (Home)
                                        .mi1-0  First child of second root menu (Admin-Site Settings)   

.root       Root Menu Item              .root   All root menu items
.first      First Menu Item             .first  First menu item in each menu
.last       Last Menu Item              .last   Last menu item in each menu
                                        .first.last First & Last menu item in each menu

.icn        Icon section of menu item
.hov        Hover
.sel        Selected
.bc         Menu item when part of BreadCrumb
.txt        Menu Text 
*/

/* The Namespace Class = .NavMenu */

/*topWrap*/
#topWrap
{
	clear:both;
	height:400px;
	width:960px;
	margin-bottom:15px;
	padding:0;
}


#mainMenu
{
	
	clear: both; /*Clears float of objects in #header*/
	float:left;
	margin:0 0 0 10px;
	height:40px;
	width:690px; /*Actual width 640, but extra for Admin, Host menus*/
	background-image: url(images/bg_mainNav.png);
	background-repeat:no-repeat;
	color: #660000;	
}

/* CSSNodeRoot */
.NavMenu .root
{
	padding: 0 10px 0 10px;
	font-size: 120%;
	text-transform: uppercase;
	line-height:54px;
}

/* Menu Node Hover Root */
/* NOTE: no space between root and hover classes */
.NavMenu .root.hov
{
	color:#FFFFFF;
}

/* Menu Node Selected Root */
.NavMenu .root.sel
{
	padding-right: 10px; /*required so that 20px padding is displayed when root item selected */
	font-size: 120%;
	text-transform: uppercase;
}

/* Sub Menu Container */
.NavMenu .m
{
	position: relative; /*this allows submenu to float above Image Head because of it's relative positioning*/
	z-index: 1000;
	margin:0;
	padding:0;
	/*width: 290px;*/
}

.NavMenu .m td
{
	text-align: left;
	background: #d3bfa0 url(images/bg_subNav.jpg) repeat-x;
	height:25px;
	padding:0 5px 0;
}

.NavMenu .m .hov td
{
    background: #d3bfa0 url(images/bg_subNavSelect.jpg) repeat-x;
}


/*apply button on ccusa.co.uk*/
.NavMenu .mi3.id539
{
    	font-weight:600;
}

/*Hide Menus*/
/*hide Home
.NavMenu .mi0 
{
	display:none;
}*/


/*
================
IMAGE HEAD
================
*/

#imageHeadTop
{
	clear: both; /*Clears float of objects in #header*/
	background-image:url(images/imageHeadTop.png);
	height: 10px;
	width:960px;
}

#imageHead
{
	clear: both; /*Clears float of objects in #header*/
	background-image:url(images/imageHeadBody.jpg);
	background-repeat: no-repeat;
	position: relative; /*required in order to have Facts box absolutely positioned within*/
	top: 0;
	left: 0;
	width: 960px;
	height: 330px;
}

#imageHeadBottom
{
	
	background-image:url(images/imageHeadBottom.png);
	height: 20px;
	width:960px;
}

#mainPhoto
{
	margin:0;
	
	width:650px; /*required for IE6/7*/
	position:absolute;
	z-index:999;
	top: 0px;
	left: 10px;
}

#appStatus
{
	position: absolute;
	top: 100px;
	left: 10px;
	width: 210px;
	background-image: url(images/bg_FactsBox.png);
	background-repeat: repeat-y;
	z-index:999;
	color: #339900;
	font-size:200%;
	padding:10px;
	display:none;
}

#announce
{
	position: absolute;
	top: -10px;
	right: 10px;
	width: 270px;
	height: 370px;
	background-image: url(images/bg_linedPaper.jpg);
	background-repeat: no-repeat;
}

#announce ul
{
	
	font-size: 90%;
	font-weight: 600;
	margin: 10px 15px;
	padding: 10px 10px 10px 15px;
	color: #000000;
}

#announce li
{
	margin-top:8px;
	list-style-image: url(images/star10.gif);
}



#announce p
{
	margin-top: 20px;
	padding: 0 10px 0 15px;
	font-weight: 600;
	color: #000;
}

/*
#mainLinks
{
	position: absolute;
	bottom: 20px;
	right: 25px;
	width: 220px;
	height: 90px;
	border: 1px solid #660000;
}

#mainLinks ul
{
	font-size: 90%;
	font-weight: 600;
	margin: 0 10px;
	padding: 10px 10px 10px 10px;
	color: #000000;
}

#mainLinks li
{
	margin: 5px;
	padding-bottom: 5px;
	list-style-image: url(images/doubleArrow8.gif);
}
#mainLinks a
{
	color:#660000;
}
*/


/*
=====================
BREADCRUMB
======================
*/
#breadCrumbs
{
	color: #339900;
	font-size: 100%;
	padding: 0px 0px;
	position:absolute;
	z-index:900;
	bottom: 0px;
	left: 15px;	
}

#breadCrumbs a
{
	color: #339900;
}

.homeBreadcrumb
{
	vertical-align:bottom;
} 

/*
===============
SIDEBAR SECTION
===============
 */
#sidebar
{
	float: left;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	width: 230px;
}

/*


/* 
========================
MAIN CONTENT SECTION
========================
 */



#contentTop
{
	float: right;
	width: 710px;
	height: 10px;
	background-image: url(images/bg_contentTopold.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#content
{
	float: right;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 710px;
	background-image: url(images/bg_whitePaper.gif);
	background-repeat: repeat;
	
}


#contentBottom
{
	float: right;
	width: 710px;
	height: 20px;
	background-image: url(images/bg_contentBottom.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#content p
{
	margin: 0 0px 18px 0px;
}
/*#content h3
{
	margin: 10px 0 8px;
}*/

/*.mainContent
{
	background-image: url(images/bg_mainContent.png);
	background-repeat: repeat;
	margin:0;	
}*/

/*.mainContent li
{
	padding:0 10px 0;
}*/

#postIt
{
	background-image: url(images/postIt.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 230px;
	float: right;
	margin: 0;
	padding-top: 25px; /*creates space btw Important text wo/ affecting p tags in text*/
	color:#000;	
}

#postIt p
{
	font-size: 95%;
	font-weight: 600;
	font-style: italic;
	margin: 0px 15px 10px 45px;
}
#postIt h3
{
	margin: 30px 20px 10px 45px;
}

/*
==========
FOOTER
==========
 */

#footerTop
{
	clear: both;
	height: 123px; /*height required to remove gap btw Top and main Footer*/
	margin:0; /*Creates space between footer and main section*/
	padding: 20px 0 0 0;
	background: url(images/footerTop.png) repeat-x bottom;
	
}

#footer
{
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	background:#339900;
	margin: 0;
}

#footer ul
{
	text-transform:uppercase;
	list-style: none;
	margin: 0 auto;
	padding: 3px 0 3px 0;
	color: #660000;
	width:960px;
	text-align:center;
	
}
#footer li
{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0px 5px  0 0;
}
#footer a
{
	color: #dadada;
}


/* 
====================
ADDITIONAL CLASSES
=====================
*/

/*Quote*/

.quote{
	background-image: url(images/quote.gif);
	background-repeat: no-repeat; 
	padding:14px 10px 16px 10px;	
}



/*Table Styles*/

.mainTable{
border-collapse:collapse;
border-top:1px solid #C8E568;
border-right:1px solid #C8E568;
margin: 6px 0 20px;
}

.mainTable caption{
text-align:left;
padding-bottom:4px;
font-weight: 600;
text-transform:uppercase;
}

.mainTable th {
color:#FFFFFF;
font-weight:600;
background-color:#339900;
}

.mainTable tfoot {
color: #404040;
background-color:#FFFFFF;
}

.mainTable tr {
text-align:left;
background-color:#FFFFFF;
}

.mainTable tr.odd {
background-color:#FFFBD6;
}

.mainTable td {
border-bottom:1px solid #C8E568;
border-left:1px solid #C8E568;
}


/*Partners*/

.partnerBody{
	margin: 0 10px 20px 0px;
	border: 1px solid #339900;
	
}

.partnerPix{
	float:left;
	width: 160px;
	padding: 10px;
}

.partnerText{
	
	padding:10px;
}

.partnerText p{
	margin: 0 0px 10px 0px;
}

/*Other Texst Styles*/

.red
{
	color:#FF0000;
}

.left
{
	float: left;
	
}
.right
{
	float: right;
	
}
.clear
{
	clear:both;
}


.imageInline {display: block; background: white; border: 6px solid white;box-shadow: 0 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);}

.imageInline.l {float: left; margin: 10px 20px 10px 0;}
.imageInline.r {float: right; margin: 10px 0 20px 10px;}


.photo
{
	background: #fff;
	border: 1px solid #bababa;
	margin: 6px 18px 2px 5px;
	padding: 2px;
}
.captionPhoto
{
	padding: 2px;
	float:right;
}
.userPass
{
	color: #660000;
}
.readMore 
{
	margin:5px 10px 0 0; 
	text-align:right;
	color: #660000;
}
.box {background:#F5F2D6;border-left:10px solid #339900; color:#000; padding:10px; margin:10px;}

.videoTitle 
{
	color: #404040;
	font: 76% Tahoma,Arial,Helvetica,sans-serif; /*approx 8px*/
	/*text-transform: uppercase;*/
	font-weight:600;
	padding: 2px 0 4px 0;
}

.staffName
{
	font: 90% Tahoma,Arial,Helvetica,sans-serif; /*approx 10px*/
	/*text-transform: uppercase;*/
	font-weight:600;
	padding: 2px 0 4px 0;
}

.smallPrint
{
   font-size:75%;
   line-height: 120%;
}

#fckbody
{
	background-image: url(images/bg_whitePaper.gif);
	background-repeat: repeat;
	padding: 10px;
}

.FCKImageGalleryContainer, .FCKImageGalleryListStyle, .FCKLinkGalleryContainer, #fckinstanceoptions_tblEditorOptions td
{
	background-image: none;
	background-color:#FFF;
}


/*---- list of document in Employer Support section ----*/
.LinkBox{margin:0;padding:0;}
	
	.LinkBox li{height:46px;clear:both;list-style-type:none;list-style-image:none;background:url(images/Horizontal-Sep.jpg) repeat-x left bottom;padding:1em 0;margin:0;}
		.LinkBox li img{float:left;height:48px;width:48px;margin:0 15px 0 0;}
		.LinkBox li a:link, #LinkBox li a:active, #LinkBox li a:visited{color:#000;text-decoration:none; font-weight:normal;list-style-type:none;}
		.LinkBox li a:hover{color :#990000;}
		.LinkBox li p{margin:0;line-height:46px;list-style-type:none;}
		.LinkBox li p span{list-style-type:none;display:block;color:#000;font-size:13px;font-weight:bold;text-transform:uppercase;padding:0 0 2px;font-size:14px;text-shadow: #f7f7f7 1px 1px 1px;}
		.LinkBox .last { background:none;}
		.LinkBox .SubHead {color:#990000; font-weight:bold;  font-size:13px; }


/*
==================
DNN DEFAULT.CSS OVERRIDES
==================
*/

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed
{
	color: #404040;
	font-size: 100%; /*Equals the 76% specified as default*/
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/*h1, h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1
{
	font-weight: 600; To add bold weighting back to h1
}*/

/*style for module titles 
.Head
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFF;
	line-height: 30px;
}*/

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}


/*Overrides default.css setttings*/
/*.DNN_EventsContent .normal, .DNN_EventsContent p
{
line-height:120%;
margin-top: 0;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
}
*/
/*Styles Header for Event Description*/
.DNN_EventsContent .Head
{
line-height:120%;
margin-top: 0;
margin-right: 10px;
margin-bottom: 0;
margin-left: 0;
color: #339900;
font: 150% Tahoma,Arial,Helvetica,sans-serif;
}


/*.DNN_EventsContent .SubHead
{
color: #000;
font-weight:600;
}*/

/*moves Return, Edit Delete buttons in line with rest of Event Details
.DNN_EventsContent .CommandButton
{
padding-left:10px;
}*/



/*to reduce line spacing*/
.Eventtooltipbody
{
line-height:90%;
font-weight:600;
}

/*overides margin set in #content p for event descriptions*/
#content .eventDescription p
{
	margin-bottom:5px;
	font-weight:500;
	
}

/*Tightens up text space in Monthly calendar titles*/
.EventDay, .WeekItem
{
line-height:120%;
}