/* CSS Document - Glasgow Community Justice Authority - Layout*/


/*--------------------------------GLOBAL STYLES-------------------------------------------*/

body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#666666;
	font-weight:normal;
}



p, a, h1, h2, h3, h4, h5, h6, ul,  blockquote, fieldset  {
	margin:0px;
	padding:0px;
	font-weight:normal;
	border:none;
} 
/* table, td, -- JIM REM as DC not showing border also no other table used -- */

img { border:none;}

/*--------------------------------LAYOUT STYLES-------------------------------------------*/
#container {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../masterImages/header.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

/*--------------------------------LAYOUT - HEADER AREA STYLES-------------------------------------------*/
#header {
	width:100%;
	height:175px;
	margin-bottom:10px;
	float:left;
	
}
#logolink {
	width:150px;
	height:170px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}

#top {
	float:right;
	width:550px;
	height:35px;
	text-align:left;
}
#search {
	width:178px;
	height:31px;
	float:left;
	padding:1px; /*jim reduced from 2*/
	background-image:url(../masterImages/search_shim.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
}
#search_box {
	margin-top:4px;
	margin-left:4px;
	height:18px;
	width:140px;
	padding-top:5px;
	padding-left:4px;
	color:#666666;
	font-size:0.95em;
	float:left;
	background-image:url(../masterImages/input_bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
	border:0px;
}
#search_box:hover {
	background-image:url(../masterImages/input_bg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}
.button {
	margin-right:5px;
	margin-top:5px;
	float:right;
}
#links {
	width:177px;
	height:31px;
	float:left;
	margin-left:3px;
	margin-right:3px;
	padding:2px;
	background-image:url(../masterImages/links_shim.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
}
#links a {
	color:#FFFFFF;
	text-decoration:none;
	margin:8px;
	display:block;
}
#links a:hover { text-decoration:underline;}
#access {
	width:177px;
	height:31px;
	float:left;
	padding:2px;
	background-color:#FF9933;
	background-image:url(../masterImages/access_shim.gif);
	background-position:bottom right;
	background-repeat:repeat-x;
}

#access a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	clear:both;
	margin:8px;
}
#access a:hover { text-decoration:underline;}

#navigation {
	float:right;
	width:550px;
	height:auto;
	margin-top:1px;
	text-align:left;
	
}

/*--------------------------------LAYOUT - BANNER AREA STYLES-------------------------------------------*/
#banner {
	width:100%;
	clear:both;
	height:280px;
	border-top:solid 1px #CCCCCC;
	text-align:left;
	/* background-color:#e5e5e5;*/
	background-image:url(../Banners/Museum_960x280.jpg);
	background-repeat:no-repeat;
}
#InnerBanner_Area {
	width:100%;
	height:auto;
	clear:both;
	margin-bottom:10px;
	float:left;
	
}
#subnav {
	width:175px;
	/* Jim REM as not rendering correctly in Mozilla Firefox */
	/* height:100%; */
	float:left;
	text-align:left;
	padding:10px;
	background-image:url(../masterImages/subnav_shim.gif);
	background-repeat:repeat-x;
	background-position:top center;
}
#InnerBanner {
	width:750px;
	height:210px;
	border-top:solid 1px #CCCCCC;
	float:right;
	background-color:#e5e5e5;
}

#banner_overlay {
	float:left;
	width:400px;
	margin:20px;
	margin-top:10px;
	height:180px;
	
}
.directory {
	float:left;
	margin-left:15px; /*jim reduced */
	margin-right:20px; /*jim reduced */
	margin-top:8px;
}
.directory li{
	list-style-image:url(../masterImages/directory_li.gif);
	padding-top:5px;
	padding-bottom:5px;
}
.directory li a { color:#666666; text-decoration:none;}
.directory li a:hover { text-decoration: underline;}
#banner_overlay h3{
	color:#4488a1;
	font-size:2.2em;
	
}
#directory {
	width:480px;
	height:210px;
	margin-top:10px;
	padding:10px;
	color:#4488a1;
	background-image:url(../masterImages/directory_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#directory h4 {
	color:#666666;
	font-size:1.5em;
	border-bottom:solid 1px #999999;
	padding-bottom:10px;
	margin-bottom:8px;
}

#dropdown {
	width:306px;
	margin-top:10px;
	padding-top:0px;
	
}
#dropdown option {
	padding:5px;
	
}
select {
	height:20px;
	background-color:#FFFFFF;
}

#dropdown .BG {
	background-color:#EEEEEE;
}
/*--------------------------------LAYOUT - PATHWAY AREA STYLES-------------------------------------------*/

#pathway {
	text-align:left;
	margin-top:10px;
	padding-left:10px;
	color:#30788D;
}
#pathway a {
	font-size:1em;
	color:#999999;
	text-decoration:none;
		
}
#pathway A:hover	{	
	text-decoration:	underline;
}

/*--------------------------------LAYOUT - CONTENT AREA STYLES-------------------------------------------*/
#contentArea_wide {
	width:100%;
	/* Jim REM as not rendering correctly in Mozilla Firefox */
	/* height:100%; */ 
	margin-top:10px;
	clear:both;
	border-top:solid 1px #ccc;
	background-image:url(../masterImages/content_shim.gif);
	background-position:top center;
	background-repeat:repeat-x;
	float:left;
	text-align:left;
}
#content {
	width:550px;
	height:auto;
	padding:3px;
	float:left;
}

/* added by jim for new channel index */
#contentCI {
	width:100%;
	height:auto;
	padding:3px;
	float:left;
}

#contentCI h1 {
	font-size:1.7em; 
	margin-top:15px; 
	padding-bottom:10px; 
	margin-bottom:10px; 
	border-bottom:solid 1px #ccc;
}
#contentCI h2 {font-size:1.55em; margin-bottom:10px;}
#contentCI h3 {font-size:1.5em; margin-bottom:10px;}
#contentCI h4 {font-size:1.3em; margin-bottom:10px;}
#contentCI h5 {font-size:1.2em; margin-bottom:10px;}
#contentCI h6 {font-size:1.1em; margin-bottom:10px;}
#contentCI ul { margin-left:25px; color:#4488a1;}
#contentCI a { color:#2585a7; text-decoration:none;}
#contentCI a:hover { text-decoration:underline;}
#contentCI p { margin-bottom:10px;}


#content h1 {
	font-size:1.7em; 
	margin-top:15px; 
	padding-bottom:10px; 
	margin-bottom:10px; 
	border-bottom:solid 1px #ccc;
}
#content h2 {font-size:1.55em; margin-bottom:10px;}
#content h3 {font-size:1.5em; margin-bottom:10px;}
#content h4 {font-size:1.3em; margin-bottom:10px;}
#content h5 {font-size:1.2em; margin-bottom:10px;}
#content h6 {font-size:1.1em; margin-bottom:10px;}
#content ul { margin-left:25px; color:#4488a1;}
#content a { color:#2585a7; text-decoration:none;}
#content a:hover { text-decoration:underline;}
#content p { margin-bottom:10px;}


#quicklink {
	width:385px;
	float:right;
	height:auto;
	padding:3px;
	padding-top:43px;
}
#quicklink img {
	margin-bottom:15px;
}
#quicklink h3 {font-size:1.5em; margin-bottom:10px;}
#InnerRight {
	width:385px;
	float:right;
	height:200px;
	background-color:#006666;
	padding:3px;
}
.clear { 
	width:100%;
	clear:both;
	padding-top:10px;
}
/*--------------------------------LAYOUT - CTA AREA STYLES-------------------------------------------*/
#ctaArea_wide { text-align:left;}
#ctaArea_wide h3 { font-size:1.5em; margin-bottom:10px;}
#ctaLeft {
	width:555px;
	height:auto;
	float:left;
}
#ctaRight {
	width:390px;
	height:auto;
	float:right;
}
/*--------------------------------LAYOUT - FOOTER AREA STYLES-------------------------------------------*/
#footer {
	width:100%;
	clear:both;
	height:50px;
	background-color:#f6f6f6;
	margin-top:30px;
	float:left;
	text-align:left;
	color:#333333;
	border-top: solid 1px #E1E1E1;
}
#footLeft {
	width:100px;
	float:left;
	margin:10px;
}
#footRight {
	width:600px;
	text-align:right;
	float:right;
	margin:10px;
}
#footRight a { color:#333333; text-decoration:none;}
#footRight a:hover { text-decoration:underline;}
#footRight ul li { display:inline; list-style:none; margin-left:5px; margin-right:5px;}

/* add by Jim */


.gccstdText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#666666;
	font-weight:normal;
	}
	

/* add by Jim */
/*div#dconsole{position:absolute;top:150px;left:775px;width:150px;} */

/*div#dconsole 
{
	border-color:Green;
	border-width:thick;
	}
*/