/*=========Main Layout=========*/
body {
	margin: 0;
	padding: 0;
	text-align:center;
}

table.maintable {
margin-top:-14px;
}


#iewrap {	
	max-width: 1150px;
	min-width: 750px;
	margin: 0 auto;
	text-align:left;
	padding: 0;}

#header{    
    padding: 0;
    margin:0 204px 0 0;
    height: 136px;
    position:relative;
    }

#head_new{    
    padding: 0;
    height: 125px;
    position:relative;
    }

#header-blueline{
	padding: 0;
	border-bottom: 8px solid #223A66;
}

#wrap1 {
    float: right; 
    width: 100%;
    margin: 0 0 0 -220px;
    padding: 0;
    }

#wrap2 {
    width: 100%; 
    float: left;
    margin: 0 -208px 0 0;
    padding: 0;
    }
       
#mainwrap {
    margin:0;
    padding: 0;
    position: relative;

    }

#content{
    padding: 0px;
	margin-top: 0px
    }

#related {
    padding-left: 0px;
	margin-top: -8px

    }
    
#footer {
    clear: both;
    padding: 5px;
    margin: 0 0 0 0;
    height: 35px;
    }

/*=======Header========*/

#header ul {
	float:right;
	width: auto;
    padding: 25px 0 0 0;
    margin: -1em -184px 0 0;
	position:relative;
	}

#header li {
    display: inline;
    margin: 0;
	}

#header-inner { 
	position:absolute;
	bottom: 0;
	margin-left:204px;
	margin-right:0;
	width:100%;
	}

#header #header-inner h1 {width:48.5%; float:left; margin:0;}

#header #header-inner p {width:47%; float:right; margin:0 1% 0 0; text-align:right; padding: 9px 1% 6px 0; }

div.head {
border-bottom: 8px solid #013893;
}

div.head_logo {
padding: 8px;
}

#breadcrumb a {color:#000;}

/*=======Content Columns========*/

.column {
width:47.5%;
float:left;
margin:0;
padding:0 4px; 0 0;
overflow: hidden;
font-size: 1em;
    }

#content .column .box ul#institute { margin:0; padding-top:10px;}
#content .column .box {padding:0 0 0 0; margin-left:20px; }

ul#institute li {background-image:none; padding: 0; width:100px; text-align:center; margin:0 auto;}
ul#institute li {margin:0 2.5%;}
#content .column .box ul#institute img{ margin:0; padding:0;}
#content .column img{margin: 8px 8px 8px 8px;}
ul#institute li a {display:block; text-align:center; padding-top:10px;  padding-bottom:10px;}

div.box_2col {
margin: 8px 0px;
padding: 8px;
width: 100%;
border-top: 1px solid #CBCBCB;

}

span.box_2col_left {
width:47.5%;
float:left;
margin: 0px;

}

span.box_2col_right {
width:47.5%;
float:right;
margin: 0px;
padding: 0px;
}

.border-grey-right {
border-left: 1px solid #CBCBCB;
}

/*=======PD Home========*/

#pd-photo-box {background: url(/ATICAEWVLE/images/en-GB/css/pd-home-photo.jpg) no-repeat 0% 0%; padding-left:50%; }

#pd-photo-box div {width:100%; height:217px; background: #195C71 url(/ATICAEWVLE/images/en-GB/css/homepage-top-box.gif) no-repeat 0 0; color: #FDFEFF;}

#pd-photo-box div h1 {
margin:0; 
background:#296476 url(/ATICAEWVLE/images/en-GB/css/homepage-top-heading.gif) no-repeat 0 0;
font-size: 1.6em; 
font-weight: normal;
color: #FDFEFF; 
height:44px;

}

#pd-photo-box div h1 {padding-left:16px; padding-top:4px;margin-left:0;}

#pd-photo-box div ul {padding: 5px 0 0 10px; margin-left:0;}
#pd-photo-box div ul li {background:none; padding:3px; font-size: 1.1em;}
#pd-photo-box div ul li a {color: #fff; font-size: 1.1em;}

#pd-photo-box div ul li.directory {background:url(/ATICAEWVLE/images/en-GB/css/course-directory-icon.gif) no-repeat 2px 0; padding-left:33px;}

#content.pd-home{ 
    padding: 0;
	font-size: .90em;
	}

#content.pd-home h3, #content.pd-home p {margin:0 0 0 20px;}
#content.pd-home h3 {padding-top:15px;}

.pd-home-col1 {
	float: left;
	width: 50%;
}

.pd-home-col2 {
	float: right;
	width: 50%;
}

/*======= Rounded Boxes - PD Home ========*/


#content .pd-home-col2 .rounded-box {width:47%; float:left;}

#content.pd-home .rounded-box h2, #content.pd-home .rounded-box h3, #content.pd-home .rounded-box p {margin:0; padding:10px 10px 0 12px;}  
#content.pd-home .rounded-box h3 {line-height:1.1em;}

#content.pd-home .pd-home-col2 .rounded-box p {padding-top:0;}

/*---main area --*/ 
#content .rounded-box {background-position:0 0; position:relative; margin: 13px 0 0 8px; min-height:210px; padding-bottom:32px;}

.green {background: #D7E7E9 url(/ATICAEWVLE/images/en-GB/css/box-body-green.gif) no-repeat;}
.grey {background: #E6E6E6 url(/ATICAEWVLE/images/en-GB/css/box-body-grey.gif) no-repeat;}

/*--- heading setup --*/
#content.pd-home .rounded-box h2 {margin-top:0; padding-right:29px; min-height:25px; position:relative;line-height:1.2em; }

.green h2 {background:#DFEBEC url(/ATICAEWVLE/images/en-GB/css/box-heading-green.gif) no-repeat; }
.grey h2 {background:#EFEFEF url(/ATICAEWVLE/images/en-GB/css/box-heading-grey.gif) no-repeat; color:#343434;}

/*--- top right-hand corner --*/
.box-top-corner { position: absolute;bottom:0; right:0; height:34px; width:29px;}

.green-top-corner {background: url(/ATICAEWVLE/images/en-GB/css/box-tr-corner-green.gif) no-repeat 0 0;}
.grey-top-corner {background: url(/ATICAEWVLE/images/en-GB/css/box-tr-corner-grey.gif) no-repeat 0 0;}

/*--- bottom right-hand corner --*/
.box-bottom-corner {height:34px; width:100%; line-height:0em; position:absolute; bottom:0;}

.green-bottom-corner {background: url(/ATICAEWVLE/images/en-GB/css/box-br-corner-green.gif) no-repeat top right;}
.grey-bottom-corner {background: url(/ATICAEWVLE/images/en-GB/css/box-br-corner-grey.gif) no-repeat top right;}

/*--- bottom --*/
.box-bottom {display:block; height:16px; margin-top:18px;margin-right:36px;line-height:0em; }

.green-bottom {background: #D7E7E9 url(/ATICAEWVLE/images/en-GB/css/home-box-bottom-green.gif) repeat-x bottom right; }
.grey-bottom {background: #E6E6E6 url(/ATICAEWVLE/images/en-GB/css/home-box-bottom-grey.gif) repeat-x bottom right; }

/*--- small box background image --*/
.small-box-background {width:100%; display:block; height:63px; background-position: top left; background-repeat:no-repeat;}

.news-one {background-image: url(/ATICAEWVLE/images/en-GB/css/news_image1.jpg)}
.course-one {background-image: url(/ATICAEWVLE/images/en-GB/css/news_image2.jpg)}

#breadcrumb li {display:inline; padding-left: 5px; margin: 0;}

/*======= Rounded Boxes - PD Home - NEW========*/

p.pd_home_green {
font-size: 1.2em;
margin: 0 -3px 8px 0;
padding: 0;
color: #175E72;
}

p.pd_home_grey {
font-size: 1.2em;
margin: 0 -3px 8px 0;
padding: 0;
color: #343434;
}

h2.pd_home {
font-size: 1.1em;
line-height: 10px;
margin: 0 -3px 8px 0;
padding: 0;
}

p.pd_home {
padding-right: 12px;
}

h3.pd_home {
font-size: .90em;
}

h2.pd_home_grey {
font-size: 1.1em;
line-height: 10px;
margin: 0 -3px 8px 0;
padding: 0;
color: #343434;
}

div.pdhome_container {
width: auto;}

div.pdhome_left {
margin: 0;
padding: 0;
float: left;
margin: 0px;
width: 50%;}

div.pdhome_middle {
margin: 0;
padding: 0;
float: right;
margin: 0px;
width:25%; margin-left:0;}

div.pdhome_right {
margin-right: 100px;
padding: 0;
float: right;
margin: 0px;
width:25%; margin-left:0;}

td.pd_home_title_green {background: url(/ATICAEWVLE/images/en-GB/css/box-heading-green.gif); background-position: top left; background-repeat:no-repeat; background-color: #DEEAEC}
td.pd_home_subtitle_green { padding-right:6px; background: url(/ATICAEWVLE/images/en-GB/css/box-subheading-green.gif); background-position: top left; background-repeat:no-repeat; background-color: #D7E7E9}
td.pd_home_footer_green {background: url(/ATICAEWVLE/images/en-GB/css/box-bottom-green.gif);}
td.pd_home_body_green {background-color: #D7E7E9}

td.pd_home_title_grey {background: url(/ATICAEWVLE/images/en-GB/css/box-heading-grey.gif); background-position: top left; background-repeat:no-repeat; background-color: #EFEFEF}
td.pd_home_subtitle_grey { padding-right:6px; background: url(/ATICAEWVLE/images/en-GB/css/box-subheading-grey.gif); background-position: top left; background-repeat:no-repeat; background-color: #E6E6E6}
td.pd_home_footer_grey {background: url(/ATICAEWVLE/images/en-GB/css/box-bottom-grey.gif);}
td.pd_home_body_grey {background-color: #E6E6E6}

p.pd_home {
font-size: 1em;
}

/*=======Wide layout========*/

.wide #wrap2 {margin: 0;}
.wide #content {margin: 0 0 0 204px;}    
.wide #related {display: none;}


/*========within page layouts e.g columns =====*/

.alignleft {float: left; margin: 5px 10px 10px 0;}
.alignright {float: right; margin: 5px 0 10px 10px;}
.centered {display: block; margin: 0 auto; padding: 10px 0; text-align:center;}


div.alignright {
	width: 45%;
	float:right;
	clear: both;
	margin-left: 10px;
}

div.alignleft {
	width: 45%;
	float:left;
	clear: both;
	margin-right: 10px;
}


/*======== form styles ========*/

fieldset {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0.5em 10px;
    }
    
fieldset p {
    margin-top: 1em;
    }

legend {
    padding: 4px 8px 4px 4px;
    margin: 0 0 0.5em -10px;
    width: 100%;
    float: left;
    }
	
/*=======forms========*/

p.form {
	font-size: .85em;
}

div.form-error {
	color: #ff0000;
	font-weight: bold;
	font-size: .85em;
	margin-top: -6px;
	margin-left: 4px;
	font-style: italic;
    }
	
div.form-text {
	font-weight: bold;
	margin-bottom: -6px;
    }
	
blockquote.form {
	margin-left: 30px;
    padding: 4px 8px 4px 4px;
	font-style: normal;
	
    }
	
input.form {
	font-size: 1em;
	color: #000;
	background: #f1f1f8;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width: 80%}
	
textarea.form {
	font-size: 1em;
	color: #000;
	background: #f1f1f8;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width: 80%}

select.form {
	font-size: 1em;
	color: #000;
	background: #f1f1f8;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}


#submit-footer {
width: 100%;
border-top: 1px solid #ff0000;
}

  
/*=======form fields and labels=========*/

#content label, form p, #content input, #content select, #content textarea, form .long-label {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
    }
    
form label {
    font-weight: normal;
    padding-right: 10px;
    color: #000;
	font-size: .85em;
    }

/*======== rows ========*/

form .row {
    margin: 3px 0;
    clear: left;
	width: auto;
    }

form .wide-row {
    float: left;
    clear: left;
    padding-left: 8em;
    margin: 3px 0 10px 0;
    }

form .submit-row {
    text-align: right;
    padding-right: 10px
    }
    
form .narrow-row {
	clear: both;
	margin: 5px 0;
	}
        
/*======= wide rows ======= */

#content form .wide-row label {
    width: auto;
    margin-left: -8em; 
    display: block;
    text-align: left;
    } 
    
#content form .wide-row input {
    margin: 0 5px 0 0;
    padding: 0;
    }
          
form .wide-row textarea, form .wide-row input, form .wide-row select {
    float: left;
    clear: left;
    margin-left: 10px;
    } 
    
form .wide-row textarea, form .wide-row select {
    padding: 0;
    margin-left: 10px;
    }   
    
/*====smaller input fields e.g. checkboxes and radio buttons====*/

#content form .small input {
    margin-right: 5px;
    margin-top: 1px;
    padding: 0;
    }
        
form .narrow-row label {width: auto;}
	
form .narrow-row input {margin-left: 0;}

	
/*=======rows with long labels========*/
	
	
form .long-label label, form .long-label .error {
	margin-left: 0.8em !important;
	}	
	
form .wide-row long-label {
	margin-left: 0.8em !important;
	width: 100%
	}	
	
#content form .long-label input {
	margin-right:7px;
	margin-left: 0;
	}
	
/*=======Medium size labels if needed========*/

form .medium label {width: 10em;}


/*====Error styling====*/
  
.row .error {margin: 2px 0 2px 8.8em;}
    
.wide-row .error {
    margin: 2px 0 2px -8em;
    padding: 0;
    }