/**********************/
/* Main layout design */
/**********************/

#container{
	width:1000px;
	background:url(../images/design/backTop.gif) repeat-y #ffffff;
	margin:0px auto 0px auto;
	position:relative;
}
#top{
	width:98%;
	height:100px;
	background:#282864;
	float:left;
	margin:50px 0px 5px 0px;
	padding:0px 0px 0px 2%;
}
#left{
	float:left;
	width:10%;
	background:#bbbbdd;
	padding:30px 0px 0px 2%;
}
#center{
	float:left;
	width:70%;
	padding:20px 2% 0px 2%;
}
#continue{
	width:100%;
	float:left;
	padding:0px 0px 20px 0px;
	text-align:right;
}
#bottom{
	width:100%;
	float:left;
	padding:0px 0px 5px 0px;
}
#right{
	float:right;
	width:12%;
	background:#bbbbdd;
	padding:30px 1% 0px 1%;
}

/************/
/* Link Bar */
/************/

table#linkBar{
	width:740px;
	float:left;
	table-layout:fixed;
	margin-top:19px;
	border-left:2px solid #994400;
	border-right:2px solid #994400;
}
table#linkBar td{
	height:34px;
	padding:0px;
	text-align:center;
	background-color:#994400;
	color:#ffffff;
	border-left:2px outset #ffffff;
	border-right:2px outset #ffffff;
	vertical-align:middle;
}
table#linkBar td:hover{
	background-color:#ffffff;
	color:#994400;
}
table#linkBar a{
	display:block;
	padding:2px 10px 2px 10px;
	color:inherit;
	text-align:center;
	font-family:'Cooper Black', 'Comic Sans MS', sans-serif;
	font-size:10pt;
	text-decoration:none;
}

/***************************************/
/* General styles for brown containers */
/***************************************/

div.brownbox{
	width:698px;
	float:left;
	margin:0px 0px 20px 0px;
	border:1px solid #994400;
}
div.brownbox > p:first-child{
	height:26px;
	background:#994400;
	padding:4px 15px 0px 15px;
	font-size:14pt;
	color:#ffffff;
	font-family:Cooper Black,Comic Sans MS;
}
div.brownbox > p:first-child + p{
	padding:10px 15px 20px 15px;
}
div.brownbox > p:first-child + p.moreContent{
	padding-bottom:0px;
}
div.leftHalf{
	width:335px;
	float:left;
}
div.rightHalf{
	width:335px;
	float:right;
}
div.tableContent{
	margin-bottom:0px;
	border-bottom:none;
}
div.tableContent + table{
	width:700px;
	float:left;
	margin:0px 0px 20px 0px;
}
div.tableContent + table th,
div.tableContent + table td{
	border:1px solid #994400;
}

/*********/
/* Logos */
/*********/

/* The Alliance Youth Works text logo */
img#basic_logo{
	width:240px;
	height:100px;
}

/* The main AYW logo on the right */
img#logo_main{
	width:120px;
	height:120px;
	position:absolute;	/* Absolute so it can be positioned over many elements */
	top:40px;
	right:1%;
	z-index:1;
}

/* The service logo on the left */
div#top > img:first-child{
	height:138px;
	position:absolute;
	top:31px;
	left:17px;
}

/* Standard style for all logos on left bar */
img.logo_link{
	width:88px;
	padding:0px 0px 12px 0px;
}

/****************/
/* Other images */
/****************/

img.floatLeft{
	float:left;
	margin-right:10px;
}
img.floatRight{
	float:right;
	margin-left:10px;
}

/* Bottom full-width image on pages */
img.footer{
	width:700px;
	margin-bottom:20px;
	float:left;
}

/********************************************/
/* Styles for children of specific elements */
/********************************************/

div#bottom > p:first-child{
	text-align:right;
	font-size:8pt;
	line-height:12pt;
}

div#right > p:first-child{
	font-weight:bold;
}

/*********************/
/* Application forms */
/*********************/

div#validation{
	border:1px solid #ff0000;
	padding:10px 10px 20px 10px;
	margin-bottom:20px;
}
table.formTable{
	margin-bottom:20px;
}
table.formTable th{
	padding:5px 10px 5px 10px;
	font-size:12pt;
}
table.formTable td{
	padding:1px 10px 1px 10px;
	vertical-align:top;
}
table.formTable hr{
	color:#994400;
}

.input_text{
	width:198px;
	padding:2px 1px 1px 1px;
}
.input_select{
	width:200px;
}
.input_textarea{
	width:300px;
	height:80px;
	vertical-align:bottom;
	padding:2px 1px 1px 1px;
}
.input_textarea2{
	width:460px;
	height:80px;
	vertical-align:bottom;
}
.input_radio{
	padding:0px;
	margin:0px;
	vertical-align:middle;
}

/************************************/
/* Unique style for height of logos */
/************************************/
#campAlliance_link{
	height:65px;
}
#connect_link{
	height:53px;
}
#eden_link{
	height:48px;
}
#growTeams_link{
	height:53px;
}
#holyWeekend_link{
	height:39px;
}
#inspire_link{
	height:39px;
}
#resource_link{
	height:48px;
}
#surgery_link{
	height:43px;
}
#kilbroneyCentre_link{
	height:50px;
}
#kcee_link{
	height:54px;
}
#livewire_link{
	height:56px;
}