/* General style (html, body etc...) */

html { background-color:#D5EEFB; }

/* Set DEFAULTS */
body, img, a, form { border: 0px; margin: 0px; }

#body
{
	font-family: Arial, Georgia, Constantia, Palatino Linotype, Sans-Serif;
	color:#000000;
	font-size: 11px;
	font-weight:normal;
	margin:0px;
	width:968px;
	min-height:588px;
	_height:588px;
	background-color:#D5EEFB;
	margin-left:auto;
	margin-right:auto;
	behavior:url("/cce/interface/addon_IE/csshover.htc");
}

/* SPECIAL FOR VIDEO CLIPS */

object.clip_IE{
	*border-top:1px solid #b1b9c3;
	*border-right:1px solid #b1b9c3;
	*border-left:1px solid #b1b9c3;
}
object.clip_FF{
	border-top:1px solid #b1b9c3;
	border-right:1px solid #b1b9c3;
	border-left:1px solid #b1b9c3;
	*border-top:0;
	*border-right:0;
	*border-left:0;
}
#main #right_frame #content p.duration{
	margin:0 0 10px 0;
	font-size:11px;
}
/* SUPER CONTAINER */
#website_container
{
	width: 968px;
	border: none;
	margin: 0px 0px 0px 0px;
	background-color:#D5EEFB;
}

#top_container
{
	background-image: url(/cce/interface/images/shadow_background.gif);
	background-repeat: repeat-y;
}


/* SITE TOP */
#top
{
	background: none;
	background-color: #FFFFFF;
	margin: 0px 25px 0px 25px;
	XXXborder-left: 1px solid #919191;
	XXXborder-right: 1px solid #919191;
	min-height: 156px;
	_height: 156px;
}

/* TOP BANNER */
#banner
{
	height:97px;
	background: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#banner_left, #banner_right
{
	float: left;
}

#banner_left
{
	padding-left: 1px;
}

#banner_right img
{
	border-left: 1px solid #FFFFFF;
}
/* Civics and Citizenship Education */
#cce_text
{
	position: absolute;
	margin-top: 73px;
	margin-left: 150px;
}

#cce_text img
{
	border-left: 0px;
}

/* PRIMARY NAV */
#primary_nav
{
	min-height:34px;
	*height:37px;
	width:100%;
}

#primary_nav ul, li
{
	margin:0;
	padding:0;
}
#primary_nav ul li
{
	float:left;
	list-style:none;
}

#primary_nav a  {
	width:114px;
	height:34px;
	background-repeat:no-repeat;
	display:block;  	
}
#primary_nav a.about {
	background-image:url(images/nav/but_about.gif);
}
#primary_nav li:hover a.about {
	background-image:url(images/nav/but_about_o.gif);
}
#primary_nav li a.about_selected {
	background-image:url(images/nav/but_about_o.gif);
}

#primary_nav a.national  {
	background-image:url(images/nav/but_national.gif);
}
#primary_nav li:hover a.national {
	background-image:url(images/nav/but_national_o.gif);
}
#primary_nav li a.national_selected {
	background-image:url(images/nav/but_national_o.gif);
}
#primary_nav a.teachers {
	background-image:url(images/nav/but_teachers.gif);
}
#primary_nav li:hover a.teachers {
	background-image:url(images/nav/but_teachers_o.gif);
}
#primary_nav li a.teachers_selected {
	background-image:url(images/nav/but_teachers_o.gif);
}

#primary_nav a.students {
	background-image:url(images/nav/but_students.gif);
}
#primary_nav li:hover a.students {
	background-image:url(images/nav/but_students_o.gif);
}
#primary_nav li a.students_selected {
	background-image:url(images/nav/but_students_o.gif);
}
#primary_nav a.parents {
	background-image:url(images/nav/but_parents.gif);
}
#primary_nav li:hover a.parents {
	background-image:url(images/nav/but_parents_o.gif);
}
#primary_nav li a.parents_selected {
	background-image:url(images/nav/but_parents_o.gif);
}
#primary_nav a.discovering {
	background-image:url(images/nav/but_discovering.gif);
}
#primary_nav li:hover a.discovering {
	background-image:url(images/nav/but_discovering_o.gif);
}
#primary_nav li a.discovering_selected {
	background-image:url(images/nav/but_discovering_o.gif);
}
#primary_nav a.parliament {
	background-image:url(images/nav/but_parliament.gif);
}
#primary_nav li:hover a.parliament {
	background-image:url(images/nav/but_parliament_o.gif);
}
#primary_nav li:hover a.parliament_selected {
	background-image:url(images/nav/but_parliament_o.gif);
}
#primary_nav a.newsletter {
	background-image:url(images/nav/but_newsletter.gif);
	width:120px;
}
#primary_nav li:hover a.newsletter {
	background-image:url(images/nav/but_newsletter_o.gif);
}
#primary_nav li a.newsletter_selected {
	background-image:url(images/nav/but_newsletter_o.gif);
	width:120px;
}
/* Dropdown */

#primary_nav li ul{
	position: absolute;
	overflow:hidden;
	height:0px;
	width:210px;
	z-index:1;
}
/* Special for newsletter */
#primary_nav li ul.lastSubMenu{
	width:120px;
}
#primary_nav li:hover ul{
	height:auto;
}
#primary_nav li ul li{ 
	float: none;
}
#primary_nav li.javascript:hover ul{
	height:0px;
}
#primary_nav li ul li a{ 
	padding:5px 4px 5px 4px;
	color:#FFF;
	height:auto;
	width:200px;
	word-wrap: break-word;
	background-color:#82B5E1;
	border-left:1px solid #919191;
	border-right:1px solid #919191;
	border-bottom:1px solid #919191;
	text-decoration:none;
}

#primary_nav li ul li a:hover{ 
	background-color:#F8CD66;
}
/* Search bar RHS */
#search
{
	background-image: url(/cce/interface/images/search_bar.gif);
	background-color: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 24px;
	_height: 24px;
	float: right;
	width: 348px;
	*margin-top: -3px;
}

#search #search_form
{
	margin-left: 22px;
	_margin-left: 10px;
	width: 235px;
	_width: 237px;
	float: left;
}

#search #search_form label
{
	vertical-align: baseline;
}

#search #search_form input.field
{
	height: 12px;
	margin-top: 2px;
	_margin-top: 1px;
	font-size: 11px;
	width: 155px;
	_width: 155px;
}

#search #search_form input.button, #content form.frmSiteSearch input.button
{
	background-image: url(/cce/interface/images/button/but_go.gif);
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	height: 18px;
	vertical-align: middle;
	margin-bottom: 5px;
	margin-left: 2px;
	width: 22px;
}

#search #bookmarks
{
	float: left;
	margin-left: 13px;
	margin-top: 2px;
	width: 69px;
	_width: 71px;
	visibility: hidden;
}


/************************/
/* START - PAGE CONTENT */
/************************/

/* Main PART OF THE WEBSITE */
#main
{
	min-height:426px;
	_height:426px;
	background-color:#FFFFFF;
	margin-bottom:9px;
	margin: 0px 25px 0px 25px;
}


/* Right Frame (top Navigation & content) */
#home #main #right_frame
{
	word-wrap: break-word; /* TODO: this should be on CONTENT ONLY */
	float:left;
	background-color:#FFFFFF;
	padding: 0px 25px 0px 25px;
	min-height:426px;
	_height:426px;
}

/* HOME PAGE ONLY */
#body #main #right_frame #content
{
	color:#000000;
	font-size: 10pt;
	width: 865px;
	padding-top:9px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 14pt;
	min-height:343px;
	_height:343px;

}

/* SECONDARY PAGE ONLY */
#secondary #main #right_frame #content
{
	width: 700px;
	padding-top:9px;
	padding-bottom:15px;
	min-height:343px;
	_height:343px;
	float: left;

}

/* SECONDARY PAGE - WITH RHS PUFF */
#secondary #main #right_frame #content.rhs
{
	width: 520px;
}

/*********************/
/* START - RHS PUFFS */
/*********************/
#secondary #main #right_frame #right_column
{
	float: left;
	height: auto;
	margin: 45px 0px 10px 10px;
	width: 150px;
}


/* Right Column Section */
#secondary #main #right_frame #right_column {width:150px;float:right;padding-right:20px;text-align:center;}
#secondary #main #right_frame #right_column div.rightBox{border:1px solid #18549D;margin-bottom:20px;}
#secondary #main #right_frame #right_column div.rightBox h3{font-size:10px;color:#fff;display:block;padding:3px;background-color:#18549D; margin-top: 0px;}
#secondary #main #right_frame #right_column div.rightBox ul{list-style-type:none;margin:5px; padding-left: 0px;}
#secondary #main #right_frame #right_column div.rightBox li{padding-top:3px;}
#secondary #main #right_frame #right_column div.rightBox li a{font-size:11px;padding-left:20px;display:block;min-height:16px;background:url(/cce/css/images/right_list_bg.gif) no-repeat;background-position:6px 3px;}
#secondary #main #right_frame #right_column div.rightImage{background-color:#FFFFFF;margin-bottom:20px;padding:5px;}
#secondary #main #right_frame #right_column div.rightImage img{border:0;}
#secondary #main #right_frame #right_column div.rightImage small{color:#396DB9;display:block;padding:5px;background-color:#FFFFFF;}

/*******************/
/* END - RHS PUFFS */
/*******************/


/**************************/
/* START - LHS NAVIGATION */
/**************************/

/* Left Hand Side Navigation */
#main #left_frame{
	float:left;
	width:183px;
	margin-right: 20px;
	color: #2270BA;
	margin-bottom:20px;
}
#main #left_frame #left_menu{
	border-bottom: 1px solid #919191;
}
#main #left_frame a#subscribe{
	border-top:1px solid #919191;
	border-right:1px solid #919191;
	border-bottom:1px solid #919191;
	width:182px;
	display:block;
	margin:20px auto 0 auto;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	color:#2270BA;
	text-decoration:none;
	background-color:#F8CD66;
}
#main #left_frame a#subscribe:hover{
	background-color:#FFDC74;
}
#main #left_frame #left_menu a.left_menu_title{
	background-image: url(/cce/interface/images/nav/sidenav_head.gif);
	background-repeat: no-repeat;
	display:block;
	line-height:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding-left:12px;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}

#main #left_frame #left_menu dd, dl, dt
{
	margin:0px;
	padding:0;
}
#main #left_frame #left_menu dl
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #919191;
	font-size:11px;
}
#main #left_frame #left_menu dl dt
{
	border-top: 1px solid #919191;
}
#main #left_frame #left_menu dl dt.first
{
	border-top: none;
}
#main #left_frame #left_menu dl dt.selected
{
	font-weight:bold;
}
#main #left_frame #left_menu dl a
{
	width:170px;
	display:block;
	padding:5px 2px 5px 10px;
	color:#2270BA;
	text-decoration:none;
	background-color:#D5EEFB;
}
#main #left_frame #left_menu dl a:hover
{
	background-color:#F8CD66;
}

#main #left_frame #left_menu dl dl
{
	border-top: none;
	font-weight:normal;
}
#main #left_frame #left_menu dl dl dt
{
	border-top: 0;
}
#main #left_frame #left_menu dl dl dt.selected
{
	border-top: 0;
}
#main #left_frame #left_menu dl dl a
{
	width:165px;
	display:block;
	padding:5px 2px 5px 15px;
	color:#2270BA;
	text-decoration:none;
	background-color:#D5EEFB;
	border-right:none;
}
#main #left_frame #left_menu dl dl 
{
	border-right:none;
}
#main #left_frame #left_menu dl dl a:hover
{
	background-color:#F8CD66;
}

/************************/
/* END - LHS NAVIGATION */
/************************/

/****************************/
/* START - BREADCRUMB TRAIL */
/****************************/

#main #right_frame #content #breadCrumbTrail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 9px;
	width:auto;
	min-height:10px;
	_height:11px;
}
#main #right_frame #content #breadCrumbTrail ul{
	margin:0;
	padding:0;
}
#main #right_frame #content #breadCrumbTrail ul li.youAreHere{
	background-image:none;
	padding-left:0px;
	font-weight:bold;
}
#main #right_frame #content #breadCrumbTrail ul li{
	float:left;
	list-style-type:none;
	background-image:url(/cce/interface/images/bul_bread_crumb_trail_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding-left:10px;
	margin-right:5px;
}
#main #right_frame #content #breadCrumbTrail ul li.first{
	background-image:none;
	padding-left:0px;
}
#main #right_frame #content #breadCrumbTrail ul li a{
	color:#000000;
	text-decoration:none;
}
#main #right_frame #content #breadCrumbTrail ul li a:hover{
	color:#F3AB00;
	text-decoration:underline;
}
#main #right_frame #content #breadCrumbTrail ul li.currentPage{
	color:#F3AB00;
}

/**************************/
/* END - BREADCRUMB TRAIL */
/**************************/

/**********************/
/* START - RHS COLUMN */
/**********************/

#main #right_frame #content h1{
	color: #2F7EC8; 
	font-size: 18px;
	font-weight: bold;
	padding:0;
	margin: 10px 0 8px 0;
}

#main #right_frame #content h2{
	color: #F3AB00; 
	font-size: 16px;
	font-weight: bold;
	padding:0;
	margin: 14px 0 7px 0;
}

#main #right_frame #content h3{
	color: #2F7EC8; 
	font-size: 14px;
	font-weight: bold;
	padding:0;
	margin: 13px 0 6px 0;
}

#main #right_frame #content h4{
	color: #F3AB00; 
	font-size: 12px;
	font-weight: bold;
	padding:0;
	margin: 12px 0 5px 0;
}

#main #right_frame #content h5{
	color: #2F7EC8; 
	font-size: 12px;
	font-weight: bold;
	padding:0;
	margin: 11px 0 4px 0;
}

#main #right_frame #content h6{
	color: #000000; 
	font-size: 12px;
	padding:0;
	margin: 10px 0 3px 0;
	font-style:italic;
	font-weight:normal;
	
}

#main #right_frame #content p{
	margin-top: 4px;
	margin-bottom: 8px;
}

#main #right_frame #content .alignRight{
	float:right;
	margin:0 0 10px 10px;
}
#main #right_frame #content .alignLeft{
	float:left;
	margin:0 10px 10px 0;
}

#main #right_frame #content a{
	color:#000000;
	text-decoration:underline;
}

#main #right_frame #content a:hover{
	color:#F3AB00;
	text-decoration:none;
}
/* LIST ITEMS - Ordered list */
#main #right_frame #content ol
{
	margin:5px 0 5px 0;
	padding:0;
}
#main #right_frame #content ol li
{
	color: #000000;
	font-weight: normal;
	padding:10px 0 0 5px;
	line-height: 16px;
	padding-top: 0px;
	padding-left: 10px;
	margin-left: 20px;
	*margin-left: 25px;
	line-height: 18px;
	color:#000000;
}

/* LIST ITEMS - Unordered list */
#main #right_frame #content ul
{
	margin:5px 0 5px 2px;
	padding:0;
}

#main #right_frame #content ul li
{
	list-style-type: none;
	background-image: url(/cce/interface/images/bul_bullet1.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	padding-top: 0px;
	padding-left: 10px;
}
#main #right_frame #content ul li.assessmentTaskLanguageLink
{
	margin-left: 10px;
	background-image: url(/cce/interface/images/bul_bullet2.gif);
	background-position:0 8px;
}
#main #right_frame #content ul li.none
{
	background: none;
}

/* Document List */
#main #right_frame #content ul.documentList li
{
	list-style-type: none;
	background-image: none;
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-top: 7px;
	padding-left: 23px;
	line-height: 15px;
	color:#000000;
}

#main #right_frame #main #right_frame #content ul.documentList li a
{
	vertical-align: text-bottom;
}
#main #right_frame #content ul.documentList li.pdf { background-image: url(/cce/interface/images/icons/PDF_Small.gif); }
#main #right_frame #content ul.documentList li.doc { background-image: url(/cce/interface/images/icons/DOC_Small.gif); }
#main #right_frame #content ul.documentList li.gif { background-image: url(/cce/interface/images/icons/GIF_Small.gif); }
#main #right_frame #content ul.documentList li.exe { background-image: url(/cce/interface/images/icons/EXE_Small.gif); }
#main #right_frame #content ul.documentList li.htm { background-image: url(/cce/interface/images/icons/HTM_Small.gif); }
#main #right_frame #content ul.documentList li.jpg { background-image: url(/cce/interface/images/icons/JPG_Small.gif); }
#main #right_frame #content ul.documentList li.mov { background-image: url(/cce/interface/images/icons/MOV_Small.gif); }
#main #right_frame #content ul.documentList li.mp3 { background-image: url(/cce/interface/images/icons/WMP_Small.gif); }
#main #right_frame #content ul.documentList li.ppt { background-image: url(/cce/interface/images/icons/PPT_Small.gif); }
#main #right_frame #content ul.documentList li.pps { background-image: url(/cce/interface/images/icons/PPT_Small.gif); }
#main #right_frame #content ul.documentList li.txt { background-image: url(/cce/interface/images/icons/TXT_Small.gif); }
#main #right_frame #content ul.documentList li.swf { background-image: url(/cce/interface/images/icons/swf_Small.gif); }
#main #right_frame #content ul.documentList li.wmp { background-image: url(/cce/interface/images/icons/WMP_Small.gif); }
#main #right_frame #content ul.documentList li.xls { background-image: url(/cce/interface/images/icons/XLS_Small.gif); }
#main #right_frame #content ul.documentList li.zip { background-image: url(/cce/interface/images/icons/ZIP_Small.gif); }


#main #right_frame #right_column div.rightImage{background-color:#FFFFFF;margin-bottom:20px;padding:5px;}
#main #right_frame #right_column div.rightImage img{border:0;}
#main #right_frame #right_column div.rightImage small{color:#396DB9;display:block;padding:5px;background-color:#FFFFFF;}

/********************/
/* END - RHS COLUMN */
/********************/


/***************************/
/* START - HOME PAGE PUFFS */
/***************************/

#main #right_frame #content .puff
{
	width: 422px;
	background-color:#F3FAFE;
	height: 144px;
	max-height: 144px;
	margin-top:5px;
	padding: 0px 0px 0px 0px;
	margin:0 0 20px 0px;
	line-height: 15px;
	float: left;
}

#main #right_frame #content .puff_right
{
	margin-left: 20px;
}

#main #right_frame #content .puff_head
{
	background-image:url(/cce/interface/images/panel_content_head.gif);
	background-repeat:no-repeat;
	height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 10px;
}

#main #right_frame #content .puff_body
{
	border: 1px solid #919191;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	_margin-bottom: 0px; /* IE6 fix */
	height: 109px;
	max-height: 109px;
	overflow: hidden;
	background-color:#F3FAFE;
}

#main #right_frame #content .puff_body #theDIV img, #main #right_frame #content .puff_body .puff_item img
{
	border: 1px solid #919191;
	width: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
}


#main #right_frame #content .puff_body #theDIV p, #main #right_frame #content .puff_body .puff_item p
{
	margin-top: 0px;
	line-height: 14px;
	margin-bottom: 5px;
}
/********************************************/
/* PUFF PLAY, PAUSE, 1, 2, 3, 4 & 5 BUTTONS */
/********************************************/
#main #right_frame #content .puff_body #theDIVbuttons
{
	clear: both;
	float: right;
	margin-top: -17px;
}
#main #right_frame #content .puff_body #theDIVbuttons a, #main #right_frame #content .puff_body #theDIVbuttons a div
{
	float: left;
	margin-left: 2px;
}
/* HIDE PAUSE/PLAY by default */
#main #right_frame #content .puff_body #theDIVbuttons a.hide, #main #right_frame #content .puff_body #theDIVbuttons a.hide div
{
	visibility: hidden;
}
/* PAUSE BUTTON */
#main #right_frame #content .puff_body #theDIVbuttons a.button_pause div
{
	background-image: url(/cce/interface/images/button/but_pause.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
#main #right_frame #content .puff_body #theDIVbuttons a.button_pause div:hover
{
	background-image: url(/cce/interface/images/button/but_pause_o.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
/* PLAY BUTTON */
#main #right_frame #content .puff_body #theDIVbuttons a.button_play div
{
	background-image: url(/cce/interface/images/button/but_play.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
#main #right_frame #content .puff_body #theDIVbuttons a.button_play div:hover
{
	background-image: url(/cce/interface/images/button/but_play_o.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
/* BUTTON 1 */
#main #right_frame #content .puff_body #theDIVbuttons a.button_1 div
{
	background-image: url(/cce/interface/images/button/but_1.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
#main #right_frame #content .puff_body #theDIVbuttons a.button_1 div:hover, #main #right_frame #content .puff_body #theDIVbuttons a.button_1 div.selected
{
	background-image: url(/cce/interface/images/button/but_1_o.gif);
}
/* BUTTON 2 */
#main #right_frame #content .puff_body #theDIVbuttons a.button_2 div
{
	background-image: url(/cce/interface/images/button/but_2.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
#main #right_frame #content .puff_body #theDIVbuttons a.button_2 div:hover, #main #right_frame #content .puff_body #theDIVbuttons a.button_2 div.selected
{
	background-image: url(/cce/interface/images/button/but_2_o.gif);
}
/* BUTTON 3 */
#main #right_frame #content .puff_body #theDIVbuttons a.button_3 div
{
	background-image: url(/cce/interface/images/button/but_3.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
#main #right_frame #content .puff_body #theDIVbuttons a.button_3 div:hover, #main #right_frame #content .puff_body #theDIVbuttons a.button_3 div.selected
{
	background-image: url(/cce/interface/images/button/but_3_o.gif);
}
/* BUTTON 4 */
#main #right_frame #content .puff_body #theDIVbuttons a.button_4 div
{
	background-image: url(/cce/interface/images/button/but_4.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
#main #right_frame #content .puff_body #theDIVbuttons a.button_4 div:hover, #main #right_frame #content .puff_body #theDIVbuttons a.button_4 div.selected
{
	background-image: url(/cce/interface/images/button/but_4_o.gif);
}
/* BUTTON 5 */
#main #right_frame #content .puff_body #theDIVbuttons a.button_5 div
{
	background-image: url(/cce/interface/images/button/but_5.gif);
	background-repeat: no-repeat;
	width: 20px;
	height: 14px;
}
#main #right_frame #content .puff_body #theDIVbuttons a.button_5 div:hover, #main #right_frame #content .puff_body #theDIVbuttons a.button_5 div.selected
{
	background-image: url(/cce/interface/images/button/but_5_o.gif);
}

/*************************/
/* END - HOME PAGE PUFFS */
/*************************/


/************************/
/* START - GALLERY PAGE */
/************************/

#main #right_frame #content .galleryImage{float:left;width:100px;height:120px;margin-right:10px;text-align:center;}
#main #right_frame #content .galleryImage a{color:#19549C;font-size:11px;}
#main #right_frame #content .galleryImage img{border:none;}
#main #right_frame #content #galleryList li{margin-bottom:5px;}
#main #right_frame #content #galleryList li small{display:block;}

/**********************/
/* END - GALLERY PAGE */
/**********************/

/**********************/
/* END - PAGE CONTENT */
/**********************/


/*************************/
/* START - FOOTER STYLES */
/*************************/
#footer
{
	background-image: url(/cce/interface/images/shadow_background_footer.gif);
	background-repeat: no-repeat;
	min-height: 108px;
	_height: 108px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 11px;
}

/* Bottom LHS logo */
#footer #cc_logo
{
	float:left;
	position:absolute;
	_position:fixed;
	margin: 11px 0px 0px 48px;
	_margin: 11px 0px 0px 24px;
}

/* Bottom RHS links */
#footer #bottom_links
{
	float:right;
	padding-top: 11px;
	padding-right: 80px;
	font-weight: bold;
	text-align: right;
}
#footer #bottom_links a
{
	color: #2F7DC7;
	text-decoration:none;
	margin:0px;
	border-left: 1px solid #2F7DC7;
	padding-left: 5px;
}
#footer #bottom_links a.first
{
	border-left: none;
	padding-left: 0px;
}
#footer #bottom_links a:hover
{
	text-decoration:underline;
}

/* Bottom RHS text */
#footer #bottom_links p
{
	margin: 10px 0 0 0;
	width: 450px;
	font-size: 10px;
	color: #9C9A9B;
}

/***********************/
/* END - FOOTER STYLES */
/***********************/










/****************/
/* START - MISC */
/****************/

/*****************************************************************************************/
/* TODO: Add standard styles: List styles (UL/LI), UL.documentList, BreadCrumb Trail(?), */
/* Message boxes (errorBox, successBox, infoBox, info, Accessibility, Hide, Show         */
/*****************************************************************************************/

/*****************************************************************************************/
/* TODO: Add standard styles: List styles (UL/LI), UL.documentList, BreadCrumb Trail(?), */
/* Message boxes (errorBox, successBox, infoBox, info, Accessibility, Hide, Show         */
/*****************************************************************************************/

/* Message boxes */
#main #content div.errorBox
{
	background:transparent url(/interface/images/icons/ico_status_error2.gif) no-repeat scroll 5px 5px;
	border:1px solid #E20004;
	background-color:#FFCAA6;
	color: #000000;
	margin: 10px 10px 10px 0px;
	width: 400px;
}
#main #content div.errorBox ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
#main #content div.errorBox ul li{
	list-style-image: url((/interface/images/bullets/standard_black_dot.gif);
}

#content div.boxMessage
{
	padding: 10px 5px 20px 60px;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 {
  float:left;
  background:url(images/drop_shadow/shadow.gif) right bottom no-repeat;
}
.wrap2 {
  background:url(images/drop_shadow/corner_bl.gif) left bottom no-repeat;
}

html*.wrap3 {
[padding:0 5px 6px 0;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
padding:0 5px 6px 0;;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]padding:0 5px 6px 0;;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/


.wrap3 {
  padding:0 5px 2px 0;
  *padding:0 5px 6px 0;
  background:url(images/drop_shadow/corner_tr.gif) right top no-repeat;
}

.warp3 img
{
	XXXdisplay: block;
}
/**************/
/* END - MISC */
/**************/