/*
 *  	Wireframe 1.0
 *    	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *   	(Created by the CAHweb team at Community Action Hampshire www.cahweb.co.uk
 *  	(c) 2009 Community Action Hampshire www.actionhants.org.uk
 */

/***************************************/
/* Template Layout - Common Components */
/***************************************/

body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	background: url(../images/background.gif) 0 0 repeat-x;
	background-color:#F5F5F5;
}

	#container {
		top:0px;
		width:850px;
		text-align:left;
		margin:0px auto;
		border:0px solid red;
	}

		/***********************/
		/* Masthead Components */
		/***********************/

		#masthead{
			display:block;
			clear:both;
			z-index: 10;
			text-align:left;
			width:848px;
			height:110px;
			border:0px solid green;
		}

			#co_logo {
				float:left;
				margin:30px;
				width:350px;
				border:0px solid blue;
			}

			#action_boxes {
				float:right;
				text-align:right;
				width:400px;
				height:100px;
				border:0px solid blue;
			}

				#login_form {
					margin-top:2px;
        			width:398px;
        			height:14px;
        			color:#635C5C;
        			font-size:80%;
        			border:0px solid yellow;
				}

					#login_form a, #login_form a:hover {
						color:#635C5C;
					}

				#search_form {
					z-index: 10;
					float:right;
        			margin-top:8px;
        			width:398px;
        			height:65px;
        			border:0px solid yellow;
				}

                     
                     #nav {    
                                                   /*moved from ADxMenu.css */
                              display: block;
                              z-index:1000;
                              background-color: #F5F5F5;
                          }

		/***************************/
		/* Main Content Components */
		/***************************/

		#content_body {
			display:block;
			width:848px;
			border:0px solid green;
		}

			#main_content_1col {
				float:left;
				margin: 0px 0px 16px 0px;
        		width:848px;
        		min-height:320px;
				background-color:#FFFFFF;
				border:0px solid red;
			}

			#main_content {
				padding:16px 16px 16px 16px;
			}

		

		/*********************/
		/* Footer Components */
		/*********************/

		#footer1 {
			clear:both;
			position:relative;
			text-align:center;
			width:848px;
			height:75px;
			background-color:#FFFFFF;
			border:0px solid green;
		}

		#footer2 {
			display:block;
			clear:both;
			position:relative;
			text-align:center;
			width:848px;
			height:20px;
			padding-top:8px;
			border:0px solid green;
		}

			#bottom_nav {
    			color:#F26532;
				font-family: Arial, Geneva, Helvetica, sans-serif;
        		font-size:90%;
				border:0px solid blue;
			}

				.bottom_nav_link a, .bottom_nav_link a:hover {
					color: #635C5C;
        			font-weight:bold;
                                font-size: 90%;
					text-decoration:none;
				}

			#copyright { 
    			color:#635C5C;
				font-family: Arial, Geneva, Helvetica, sans-serif;
        		font-size:81%;
        		font-weight:bold;
				border:0px solid blue;
                        text-decoration:none;
			}

		#co_details {
			width:848px;
    		text-align:center;
			font-family: Arial, Geneva, Helvetica, sans-serif;
			font-size:80%;
			color:#AFAEAE;
			border:0px solid green;
		}


/**************************************/
/* Template Layout - Popup Components */
/**************************************/

#popup {
	width:550px;
	height:auto;
	background-color:#FFFFFF;
	border:1px solid #716F70;
	padding:8px;
}


/******************/
/* Image Handling */
/******************/

img{
	border:0px;
}


/***************************/
/* Form Elements and Links DELETE?????????????????????*/
/***************************/

.hint {
        vertical-align:super;
        font-size: 90%;
}

img.textsize_image {
		border:0px;
}

label {		/*for mailform template*/
	font-size:100%;
	color:#635C5C;
}

/***************************/
/* General element styles: */
/***************************/

H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; }
INPUT, TEXTAREA { background-color:#FFFFFF; }
INPUT:hover, TEXTAREA:hover { background-color:#F5F5F5; }
INPUT:focus, TEXTAREA:focus { background-color:#FFFFFF; }

A { color:#F26532;}
A:hover { color:#F26532;}

FORM { margin:0px; }
P, TD, UL, OL { font-size:100%; line-height:1.5em; color:#635C5C; margin: 0px  0px 10px 0px;}
input, textarea, select, textarea { font-family:Verdana, arial, helvetica, sans-serif; color:#635C5C; border: #635C5C 1px solid; font-size:100%; margin:2px; }
ul { margin-left:8px;padding-left:0px;list-style-position: inside; }
label { margin:0px; }
fieldset { border:0px solid #fff }
legend { border:0px solid #fff; font-size:100%; color:#635C5C ; font-weight:bold; margin-left: -4px; }

hr {
	height:1px;
	border:1px;
	color:#635C5C;
	background-color:#635C5C;
}


/***********************/
/* Page Content Frames */
/***********************/

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { height: 1%;  background-color:#eee; color:#1B1464; padding:2px 6px;}
DIV.csc-frame-frame1 { background-color: #fff; border: 0px solid #ccc; padding:2px; margin: 0px 0px 12px 0px; }
DIV.csc-frame-frame1 p { color:#000; padding:0px 6px; }

DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { height: 1%;  background-color:#fff; color:#333; padding:2px 6px;}
DIV.csc-frame-frame2 {  padding:0px 0px 10px 0px; background: url(../images/menu_dot.gif) repeat-x bottom; margin-bottom:10px; font-size:100%; }
DIV.contentframe3 p { color:#000; padding:0px 6px; }

/* Added Page Content Frames. See root (pid=1) Typoscript template and page TS to add new styles */
DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { height: 1%;  background-color:#eb3d12; clear:left; color:#fff; padding:2px 6px;}
DIV.contentframe3 { background-color: #fff; border: 0px solid #ccc; padding:0px; margin: 0px 0px 18px 0px; }
DIV.contentframe3 p { color:#000; padding:0px 6px; }


/******************/
/* Headers, plain */
/******************/

H1 { font-size:120%; color:#00529B ; font-weight:normal;}
H2 { font-size:110%; color:#00529B ; font-weight:normal; }
H3 { font-size:110%; color:#F26532 ; font-weight:normal;}
H4 { font-size:90%; color:#F36523 ; font-weight:bold;}
H5 { font-size:90%; color:#635C5C ; font-weight:bold;}
H1, H2, H3, H4, H5, H6 { margin:0 0 8px 0; padding:0;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/**********/
/* Images */
/**********/

/* Captions */
        DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:100%; color:#635C5C; letter-spacing:1px; }
        DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:100%; color:#635C5C; letter-spacing:1px; }
        DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:100%; color:#635C5C; letter-spacing:1px; }

/* Header date */ 
P.csc-header-date { font-size:100%; color:#635C5C; }


/*************************/
/* KB Content Containers */
/*************************/

.kb-row {
display: table;
height: 1%;
}

.kb2column-766 {
width:532px; float:left; background:#fff; margin-bottom:4px; padding:5px; border-width: 0 0 0 0; border-color: #fff; border-style: solid;
}

.kb2column-430 { /* minimum height has been set here for displaying even column height when borders are used */
width:238px; float:left; background:#fff; margin:2px; padding:5px; border-width: 0 0 0 0; border-color: #fff; border-style: solid;
}

.kb3column-766 {
width:243px; float:left; background:#fff; margin-bottom:4px; padding:6px; border-width: 0 0 0 0; border-color: #fff; border-style: solid;
}

.kb3column-564 {
width:176px; float:left; background:#fff; margin-bottom:4px; padding:6px; border-width: 0 0 0 0; border-color: #fff; border-style: solid;
}

/**************************************/
/* Powermail Styles - Contact Us form */
/**************************************/

fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 130px;
	float: left;
	clear: both;
	font-weight: bold;
	border: 0px solid red;
}

fieldset.tx-powermail-pi1_fieldset input,fieldset.tx-powermail-pi1_fieldset select,fieldset.tx-powermail-pi1_fieldset textarea {
	width: 400px;
	float: left;
}

div.tx_powermail_pi1_fieldwrap_html {
	width: 700px;
	margin: 0px;
	border: 0px solid green;
}

.tx-powermail-pi1_mandatory {
	margin-top:20px;
	color: #635C5C;
}

.powermail_mandatory {
	color: red;
}

.powermail_mandatory_listitem {
	color: red;
	margin-top:10px;
}

.powermail_wide_margin {
	margin-left: 130px;
}