@import "typography.css";
@import "layout.css";

body{background:#EFECE7;margin:0; border-top:7px solid #C8211D; text-align:center;}
	
ul, ol, dl, li, div, form{margin:0; padding:0;}
ul li{list-style:none;}

/*======================== BRANDING ===========================*/

h1#branding{width:167px; height:107px;float:left;margin:0.5em 0 1em 2em; font-size:1em} 
h1#branding a{overflow: hidden;font-size: 1px;width:167px; height:0;padding-top:107px;background: url("../images/ecta-logo.JPG") no-repeat;position: absolute;top:0px;}

/*======================== MAIN NAV ===========================*/

#main_nav li{float:left;margin:0 1.35em 0.7em 0}

/*======================== HEADER ===========================*/

#container #header{background:#EDF6FC url(../images/header.jpg) right bottom no-repeat;padding:3em 46em 0.5em 2em; border-bottom:5px solid #58A6BA;}

body.bulk #container #header{padding:0; border-bottom:none; background:0}

/*======================== SUB NAV ===========================*/

#sub_nav ul{margin:0;padding:0}
#sub_nav li{float:left;margin:0 1.25em 0.5em 0;padding:0}
#sub_nav input{float:left; width:13em;margin:0;height:16px;padding:2px; color:#C8211D}
#sub_nav button{width:27px;height:24px; border:0;background:0;padding:0;margin:0; float:left;text-indent:-999em; background:url(../images/search.gif) left center no-repeat; cursor:pointer}


/*======================== FORMS ===========================*/

#main_content p.crumbs{margin:1em 0 1em 0}
#appForm{margin-bottom:1em}
#appForm strong, #contactForm strong, #main_content p.error, #main_content strong.req{color:#F00}
#main_content #appForm p, #main_content #contactForm p{clear:both;}
#main_content #appForm p.submit, #main_content #contactForm p.submit{margin:1em 0 0 27em;}
#main_content #appForm p.submit input, #main_content #contactForm p.submit input{float:none}
#appForm label, #contactForm label{float:left; width:15em; text-align:right;margin:0 1em 1em 0}
#appForm input, #appForm select, #appForm textarea{float:left}
#contactForm input, #contactForm textarea{float:left}
#appForm textarea{margin-bottom:1em}
#appForm .nofloat{float:none;margin:0}
#appForm h2{margin-bottom:1em}

#mailingList{margin:0;padding:0}
#mailingList p{clear:both}
#mailingList label{float:left;width:4.2em;}
#mailingList input{float:left; width:10.2em;margin:0 0 1em 0}
#mailingList input#terms_agree{width:auto;margin-right:0.6em}
#mailingList p.submit {clear:both;text-align:right;margin:1em 0 0 0}
#mailingList p.submit input{width:auto; float:none;margin:0}
#mailingList label#agree{width:14em}

/*======================== SUB CONTENT ===========================*/

#sub_content1 .sub_para, #sub_content2 .sub_para, #sub_content2 .sub_para2{padding:1em;border:1px solid #ccc;} 
#sub_content1 .sub_para{border-top:5px solid #EDF6FC;background:#EDF6FC}
#sub_content2 .sub_para{border-top:5px solid #FFE5E5; background:#FFE5E5}
#sub_content2 .sub_para2{border-top:5px solid #EDF6FC;background:#EDF6FC}

.bulk #sub_content1 ul{border-top:5px solid #2389A2; background:#EDF6FC;margin:0; padding:0}

#sub_content1 p.logos{text-align:center;margin:0.8em 0 0 0}
#map{width:380px; height:300px; border:1px solid #000}

#sub_content2 p.news-rss{padding-left:2em; background:url(../images/feed.gif) left center no-repeat;margin-left:1em}
#sub_content2 p.news-extra{padding-left:2em;margin:1em 1em 1em 1em; background:url(../images/archive.gif) left center no-repeat}
.centre_logo{margin:3em auto 0 auto;display:block}

/*======================= MAIN CONTENT ==========================*/

#main_content #ditto_archivelist li{background:0}
#main_content #ditto_archivelist li .ditto_month{font-weight:bold; margin-bottom:0.7em; display:block}
#acroimage{border:none;float:left; margin:0 1em 1.5em 0}

#coursestable{width:100%; border-collapse:collapse; margin-bottom:1.5em}
#coursestable tr{background: #FFF;}
#coursestable tr.odd{background: #E4F3FF;}
#coursestable tr:hover{background:#FCFBAD}
#coursestable tr:hover th{background:#fff}
#coursestable th{text-align:left; padding:0.2em 0.5em 0.2em 0.2em; border-bottom:1px solid #666}
#coursestable td {padding:0.2em;vertical-align:top;border-bottom:1px solid #ccc} 

#sub_content2 table{width:100%;margin:0 0 1em 0}

.rightpic{float:right;margin:0.5em 0 0.5em 1em}
/*========================= SITE INFO ===========================*/

#site_info{background:#DBEBF7;padding:1em}

#site_info span{float:right}


.clear{clear:both;}