/* interlink stylesheet - Sept 2006 - sam@phuturedesign.co.uk */

body, html { /*width: 100%; height: 100%;*/ font-size: 100%; margin: 0px; padding: 0px; border: 0px; background-color: #fff; 
font-family:  arial, verdana, helvetica, sans-serif; }

body#questionnaire { background-color:#98ADCC !important; overflow: auto;}

a { color: #652326; text-decoration: none; }
a:link { color: #652326; text-decoration: none;}
a:visited { color: #652326; text-decoration: none;}
a:hover { color: #652326; text-decoration: underline;}

/* containers */

div#top-container { height: auto; width: 800px; margin: 0 auto 0 auto; padding: 0; border: 0; background-color: #fff;}

div#header { height: 56px; width: 800px; border: 0; margin: 0; padding: 0; background-image: url(/images/interlink_banner.gif); background-position: 0% 0%; background-repeat: no-repeat;}
div#header img { border: 0; margin: 0;}

div#main-navigation { height: 30px; width:auto; border: 0; margin: 0 0 10px 0; padding: 0px 0px 0px 10px; background-color: transparent;}
div#main-navigation ul { display: inline; margin: 0px; padding: 0; border: 0; }
div#main-navigation ul li { display: block; float: left; list-style-type: none; margin: 20px 0 0 0px; padding: 5px 8px 5px 20px; font-size: 0.9em !important; font-weight: bold; }
div#main-navigation ul li a { color: #000000; text-decoration: none; }
div#main-navigation ul li a:hover { color: #ffffff !important; text-decoration: none; }

/* nav buttons selected  - using class as an indentifier to highlight selected navigation*/

body#home div#main-navigation ul li.home a { color: #fff !important;}
body#home div#footer ul li.home a { text-decoration: underline;}
body#aboutus div#main-navigation ul li.aboutus a { color: #fff !important;}
body#services div#main-navigation ul li.services a { color: #fff !important;}
body#corporate div#main-navigation ul li.corporate a { color: #fff !important;}
body#visas div#main-navigation ul li.visas a { color: #fff !important;}
body#appeals div#main-navigation ul li.appeals a { color: #fff !important;}
body#assessments div#main-navigation ul li.assessments a { color: #fff !important;}
body#contact div#main-navigation ul li.contact a { color: #fff !important;}
body#contact div#footer ul li.contact a { text-decoration: underline;}
body#accessibility div#footer ul li.accessibility a { text-decoration: underline;}
body#links div#footer ul li.links a { text-decoration: underline;}

/* main area */

div#main-content-home { height: 415px; min-height: 415px; width: 800px; padding: 0; margin: 0; border: 0; background-color:#fff; background-image: url(/images/interlink_backdrop.jpg); background-position: 0% 0%; background-repeat: no-repeat;}
div#main-content-home p { font-size: 0.8em; margin: 0; padding: 5px 200px 5px 30px; }

div#main-content { height: 415px; min-height: 415px; width: 800px; padding: 0; margin: 0; border: 0; background-color:#98ADCC; background-image: none;}
div#main-content p { font-size: 0.8em; margin: 0; padding: 5px 200px 5px 30px; }
div#main-content img.icon { margin: 5px 0 0 0; border: #652326 1px dashed; }
div#main-content img#browser-icon { float: left; margin: 0 5px 0 0; border: #652326 1px dashed; }
div#main-content img.access-icon { margin: 0 5px 0 0; border: 0; }
div#main-content img.os-icon { float: left; margin: 0 5px 0 0; border: #652326 1px dashed;}


div#main-content ul.main-list { font-size: 0.8em; margin: 0 0 10px 20px; padding: 0 0 0 25px; }
div#main-content ul.main-list li {  vertical-align: center; list-style-type: none; margin: 5px 0 0 0; padding: 0 200px 0 20px; background-image: url(/images/bullet.gif); background-position: 0% 0%; background-repeat: no-repeat; }
div#main-content ul.main-list-sub { font-size: 0.85em; margin: 0 0 10px 20px; padding: 0 0 0 25px; }
div#main-content ul.main-list-sub li { vertical-align: center; list-style-type: none; margin: 5px 0 5px 0; padding: 0 200px 5px 20px; background-image: url(/images/bullet-blue.gif); background-position: 0% 0%; background-repeat: no-repeat; }
div#main-content ul#applications { font-size: 0.8em; margin: 10px 0 10px 20px; padding: 0 0 0 25px; }
div#main-content ul#applications li {  vertical-align: center; list-style-type: none; margin: 10px 0 10px 0; padding: 0 200px 10px 35px; background-image: url(/images/mmc.gif); background-position: 0% 0%; background-repeat: no-repeat; }
div#main-content ol#assessments { font-size: 0.8em; margin: 0 0 10px 20px; padding: 0 0 0 25px; }
div#main-content ol#assessments li {  vertical-align: center; margin: 5px 0 0 0; padding: 0 200px 0 20px; }

/* span tags for messages*/
div#main-content span.visitor { font-style: italic; font-weight: bold; color: #652326;} 
div#main-content span.required { font-weight: normal; font-style: italic;}
div#main-content span.error { font-weight: bold; color: #FF0000;}

/* access table */

div#main-content table#access { font-size: 0.75em; background-color: transparent; margin: 10px 10px 0 30px; border: 0; border-collapse: collapse; border-spacing: 0; }
div#main-content table#access td { border: 0; padding: 5px;}

/* assessments section */

div#main-content table#assessment { background-color: #98ADCC; width: 800px; font-size: 0.7em; margin: 10px auto; border: 1px solid #652326; border-collapse: collapse; border-spacing: 0; }
div#main-content table#assessment thead th { border: 1px solid #652326; padding: 0; background-color: #fff;}
div#main-content table#assessment td { border: 1px solid #652326; padding: 5px;}
div#main-content table#assessment td.title { font-weight: bold; color: #652236; border: 1px solid #652326; padding: 5px; background-color: #CCCCCC; }
div#main-content table#assessment td input#submit { margin: 0 5px 0 40px; border: 1px solid #652326; padding: 0; background-color: #fff; }
div#main-content table#assessment td input#reset { margin: 0; border: 1px solid #652326; padding: 0; background-color: #fff; }
div#main-content table#assessment input { padding: 0; border: 1px solid #999999;}
div#main-content table#assessment input.radio-button { padding: 0; border: 0;}
div#main-content table#assessment select { padding: 0; border: 1px solid #999999;}

div#main-content table#table-situation { margin: 10px; border: 1px solid #652326; border-collapse: collapse; border-spacing: 0; }
div#main-content table#table-situation td { border: 1px solid #652326; padding: 5px;}

div#main-content table.table-experience { float: left; margin: 10px; border: 1px solid #652326; border-collapse: collapse; border-spacing: 0; }
div#main-content table.table-experience td { border: 1px solid #652326; padding: 5px;}
div#main-content table.table-experience input { padding: 0; border: 1px solid #CCCCCC;}

div#main-content table.table-family { width: 80%; margin: 10px; border: 0; border-collapse: collapse; border-spacing: 0; }
div#main-content table.table-family td { border: 1px solid #652326; padding: 5px;}
div#main-content table.table-family input { padding: 0; border: 1px solid #CCCCCC;}

/*footer */

div#footer { border: 0; height: 25px; clear:both; padding: 0 0 20px 0; margin: 0; background-image: url(/images/interlink_footer2.gif); background-position: 0% 0%; background-repeat: no-repeat; }
div#footer ul { display: inline; margin: 0; padding: 0; border: 0; }
div#footer ul li#first-item { color: #ffffff; display: block; float: left; list-style-type: none; margin: 5px 0 0 20px; padding: 5px 8px 5px 8px; font-size: 0.7em !important; font-weight: bold; }
div#footer ul li#last-item { color: #ffffff; display: block; float: left; list-style-type: none; margin: 5px 0 0 130px; padding: 5px 8px 5px 8px; font-size: 0.7em !important; font-weight: bold; }
div#footer ul li { color: #ffffff; display: block; float: left; list-style-type: none; margin: 5px 0 0 0; padding: 5px; font-size: 0.7em !important; font-weight: bold; }
div#footer ul li a { color: #ffffff; text-decoration: none; }
div#footer ul li a:hover { color: #ffffff; text-decoration: underline; }
div#footer img#mia-logo { float: right; margin: 10px 2px 0 2px; padding: 0; border: 0; }
div#footer img#mara-logo { float: right; margin: 2px 0 0 0; padding: 0; border: 0; }

/* flash content */
div#flash-container { position: relative; width: 800px; padding: 0; margin: 25px auto; border: 0; }
div#flash-container object { margin: 0; padding: 0;}



/*shared styles*/

div.spacer { height: 10px; clear: both; }
.center { text-align: center; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.small-text { font-size: 0.8em;}