/*

	Committee on the Administration of Justice
	Main CSS
	Created by Andi Topping on Thursday 8th January 2009

*/

html, body, div, form {
	padding:0px;
	margin:0px;
}

p, h1, h2, h3, h4, h5 {
	padding:0.3em 0px;
	margin:0px;
}

h1 { font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
h2 { font-size: 1.3em; font-weight: bold; color: #E42486; font-family: "Arial Rounded MT Bold", Arial, Verdana, "Times New Roman"; }
h3 { font-size: 1.2em; font-weight: bold; color: #423f3E; font-family: "Arial Rounded MT Bold", Arial, Verdana, "Times New Roman"; }

html {
	background-color: #e6e6e6;
	font-family: Arial, Helvetica, sans-serif;
	color:#423f3E;
}

body { font-size: 0.8em; } 
body.small { font-size: 0.8em; } 
body.medium { font-size: 1.0em; } 
body.large { font-size: 1.2em; } 

a { color: #E62786; text-decoration: underline; }

#container { width:778px; margin: 30px auto; }

/* TOP BAR STYLES */
#top { background-image: url(../images/bg_header.png); background-repeat:no-repeat; height: 134px; } 
#top #logo { padding: 33px 0px 0px 87px; }

/* MIDDLE STYLES */
#middle { background-color: #FFFFFF; background-image: url(../images/background_middle_darkgrey.png); background-repeat: repeat-y;}
#middle #left { /* background-color: #E62786; */ background-color: #818486; float: left; width: 162px; }
#middle #left .button { height: 32px; }
#middle #right { background-color: #FFFFFF; margin: 0px 0px 0px 162px; padding: 0px 37px; min-height: 480px; }
#middle .maintext { padding: 0px 0px 0px 10px; }

/* TOP ROUNDED CORNER BOX */
.topbox { padding: 30px 0px 5px 0px; width: 540px; }
.topbox h1 { color: #FFFFFF; font-family: "Arial Rounded MT Bold", Arial, Verdana, "Times New Roman"; font-size: 1.1em; text-transform: none; }
.topbox_top { background-image:url(../images/topbox_top.png); background-repeat: no-repeat; height: 9px; padding: 0px 0px; }
.topbox_middle { background-color: #E42486; padding: 0px 10px; margin: 0px 0px; }
.topbox_bottom { background-image:url(../images/topbox_bottom.png); background-repeat: no-repeat; height: 7px; padding: 0px 0px; }

/* H1 ROUNDED CORNER BOX */
.h1 { padding: 30px 0px 5px 0px; width: 540px; }
.h1 h1 { color: #FFFFFF; font-family: "Arial Rounded MT Bold", Arial, Verdana, "Times New Roman"; font-size: 1.1em; text-transform: none; }
.h1_top { background-image:url(../images/topbox_top.png); background-repeat: no-repeat; height: 9px; padding: 0px 0px; }
.h1_middle { background-color: #E42486; padding: 0px 10px; margin: 0px 0px; }
.h1_bottom { background-image:url(../images/topbox_bottom.png); background-repeat: no-repeat; height: 7px; padding: 0px 0px; }

/* HOME PAGE RIGHT BOX FLOAT */
.boxes { float: right; padding-left: 10px; width:134px; }
.text { padding-left: 20px; } 
.textcol { margin-right: 140px; padding-left: 20px; } 

/* PINK BOX */
.pinkbox { color: #FFFFFF; font-size: 1.1em; padding: 10px 0px 5px 0px; width: 134px; }
.pinkbox .header { color: #DF2784; font-family: "Arial Rounded MT Bold", Arial, Verdana, "Times New Roman"; font-size: 1.2em;  }
.pinkbox_top { background-image:url(../images/pinkbox_top.png); background-repeat: no-repeat; height: 8px; padding: 0px 0px; }
.pinkbox_middle { background-color: #FF91C5; padding: 0px 10px; margin: 0px 0px; font-size: 0.8em; }
.pinkbox_bottom { background-image:url(../images/pinkbox_bottom.png); background-repeat: no-repeat; height: 8px; padding: 0px 0px; }

/* GREY BOX */
.greybox { color: #FFFFFF; font-size: 1.1em; padding: 10px 0px 5px 0px; width: 134px; }
.greybox .header { color: #FFFFFF; font-family: "Arial Rounded MT Bold", Arial, Verdana, "Times New Roman"; font-size: 1.2em;  }
.greybox_top { background-image:url(../images/greybox_top.png); background-repeat: no-repeat; height: 8px; padding: 0px 0px; }
.greybox_middle { background-color: #484848; padding: 0px 10px; margin: 0px 0px; font-size: 0.8em; }
.greybox_bottom { background-image:url(../images/greybox_bottom.png); background-repeat: no-repeat; height: 8px; padding: 0px 0px; }


/* FOOTER ROUNDED CORNERS */
#footer { background-image: url(../images/bg_darkfooter.png); background-repeat:no-repeat; font-size: 0.8em; height: 19px; padding-left: 162px; padding-top: 8px; text-align:center;  } 

/* FORM STYLES */
#frm_search { margin: 5px 0px; }
select {font-size:100%;}
textarea { width:13.3em; height:2.5em; padding:0px; margin:0px; padding:2px 2px; font-size:0.8em; border:1px solid #E62786; background-color: #f39ec8; }
.submit { margin: 5px 0px; padding-right: 10px; text-align: right; }
#middle #left input { width:13.3em; height:1.5em; padding:0px; margin:0px 7px 0px 10px; border:1px solid #FFFFFF; background-color: #FFFFFF; padding:2px 2px; font-size:0.8em; }


/* SUBLINK STYLES */
.sublinks { padding: 0px 0px 20px 10px; margin: 5px 0px; font-size: 0.8em; }
.sublinks  ul { list-style:none; white-space:nowrap; padding: 0px 0px 0px 10px; margin: 0px 0px 20px 0px; }
.sublinks  ul li { padding:0px 10px 0px 0px; display:block; float:left; position: relative; }

.sublinks a { color: #E62786; text-decoration: none; }
.sublinks a:hover { color:#333333; text-decoration: underline; }

.released { color: #333333; font-size: 0.7em; font-style:italic; }