/* For FF */
a { outline: none; }

/* These are Layout Hacks overriding most of the work YUI does. */
#custom-doc { width:61.54em;*width:60.06em;min-width:800px; margin:auto; text-align:left; }
#sidebar, #side_nav { width: 140px;}
#ft { margin-left: 140px;}
.yui-t1 #yui-main .yui-b { margin-left: 140px; }
.yui-g .yui-gc div.first, .yui-gc div.first, .yui-gd .yui-g, .yui-gd .yui-u { width: 480px; }
.yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gb .yui-u, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u { width: 180px; margin-left: 0; }

/* These are our settings to match J's layout. */
#hd { height: 95px; }
#important_update { height: 40px; }
#crumbs { height: 40px; }
#masthead { height: 185px; }
#logo { height: 185px; }
#ft { height: 60px; }

/* We've got to fiddle with the nav */
#hd ul li { float: left; }
#hd ul li a { display: block; height: 95px; width: 100px; background-repeat: no-repeat; text-indent: -2000px;}
#hd h1 { display: none; }

#hd ul li a#nav_index { width: 160px; 	background: url('../images/top_nav/out/citizen_services.gif') no-repeat; }
#hd ul li a#nav_dfa { width: 160px; 	background: url('../images/top_nav/out/dfa.gif') no-repeat; }
#hd ul li a#nav_nso { width: 158px; 	background: url('../images/top_nav/out/nso.gif') no-repeat; }
#hd ul li a#nav_poea { width: 161px; 	background: url('../images/top_nav/out/poea.gif') no-repeat; }
#hd ul li a#nav_facebook { width: 80px; 	background: url('../images/top_nav/out/facebook.gif') no-repeat; }
#hd ul li a#nav_twitter { width: 80px; 	background: url('../images/top_nav/out/twitter.gif') no-repeat; }
#hd ul li a#nav_contact_us { width: 161px; background: url('../images/top_nav/out/marina.gif') no-repeat; }


#hd ul li a#nav_dfa:hover { background: url('../images/top_nav/hover/dfa.gif') no-repeat; }
#hd ul li a#nav_nso:hover { background: url('../images/top_nav/hover/nso.gif') no-repeat; }
#hd ul li a#nav_poea:hover { background: url('../images/top_nav/hover/poea.gif') no-repeat; }
#hd ul li a#nav_contact_us:hover { background: url('../images/top_nav/hover/marina.gif') no-repeat; }



#hd ul li a#nav_dfa.in { background: url('../images/top_nav/in/dfa.gif') no-repeat; }
#hd ul li a#nav_nso.in { background: url('../images/top_nav/in/nso.gif') no-repeat; }
#hd ul li a#nav_poea.in { background: url('../images/top_nav/in/poea.gif') no-repeat; }
#hd ul li a#nav_contact_us.in { background: url('../images/top_nav/in/marina.gif') no-repeat; }


/* Global Styles? */
body { background-color: #e7e8e9; background-image: url('../images/default/bg.gif'); background-repeat: repeat-x; }
.whitebg { background-color: #fff; }

/* Important Updates */
#important_update { border-bottom: solid 1px #e2e4e5; font-size: 90%; }
#important_update p { padding: 10px; }
#important_update p span { font-weight: bold; }

/* Main Body / Blurb */
#main_body { background-color: #fff; }
#main_body p { margin: 5px 20px 10px; }
#main_body hr { width: 90%; height: 1px; }

#main_body ol { margin-left: 20px; padding-left: 20px; }
#main_body ol li { list-style-type: decimal; }

#main_body ul { margin-left: 20px; padding-left: 20px; }
#main_body ul li { list-style-type: disc; }

#main_body h1 { margin: 20px 20px 0px 20px; font-weight: bold; font-size: 140%; letter-spacing: -1px; }
#main_body h2 { margin: 20px 20px 10px; 	font-weight: bold; font-size: 120%; }

#main_body table.important_information { margin: 10px 20px; border: solid 1px gray; border-collapse: separate; border-spacing: 1px; empty-cells: show; }
#main_body table.important_information th { padding: 5px; background: silver; }
#main_body table.important_information td { padding: 5px; font-weight: bold; }

#main_body div.error_message { margin: 20px; padding: 10px; font-weight: bold; border: solid 2px red; background: whitesmoke; }

#main_body div.video_box { margin: 20px; }

/* Crumbs */
#crumbs { border-bottom: solid 1px #e2e4e5; }
#crumbs p { padding: 10px; }
#crumbs a { color: green; text-decoration: none;}

/* Accredited By */
#accredited_by { text-align: center; padding-top: 10px; }
#accredited_by hr { width: 80%; height: 1px; }
#accredited_by p { font-size: 80%; margin-bottom: 10px; margin: 5px 20px; }

/* Footer */
#ft { background: url('../images/logo/teleserv.gif') no-repeat  90% 0;}
#ft { margin-top: 20px; font-size: 80%; }
#ft a { color: green; text-decoration: none; }
#ft a:hover { text-decoration: underline; }
#ft p { margin: 10px; }

/* Side Navigation */
#side_nav { width: 140px; height: 360px; }
#side_nav ul { margin-left: 20px; }
#side_nav ul li a { display: block; border-bottom: solid 1px silver; padding: 3px 5px; font-size: 90%;}
#side_nav ul li a, #side_nav ul li a:visited { color: white; font-weight: bold; text-decoration: none; outline: none; }
#side_nav ul li a:hover { background: rgb(236,0,140); }
#side_nav ul li a.in { background: rgb(236,0,140); }

/* Common Form Elements */
#form_output { margin: 10px; padding: 10px; background: #ffa; display: none; }
.progress_indicator { display: none; }