/*# Reset #*//* sets browser default styles
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,
pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul,
li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th,
td			{margin:0;padding:0;border:0;font-weight:inherit; 
			font-style:inherit;font-size:100%;font-family: inherit; 
			vertical-align:baseline;}

body 		{line-height:1.5;}

table		{border-collapse:separate;border-spacing: 0;}
caption,
th, td 		{text-align:left;font-weight:normal;}
table,
td, th 		{vertical-align:middle;}

ul			{list-style-type:none;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes:"" "";}

a img 		{border:none;}



/*# Element Styles #*//* allows you to set HTML element styles
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

/*# Element Styles/Body #*/
body			{background:#1a61a9;font-family:Verdana, Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;}

/*# Element Styles/Containers #*/
div				{}
fieldset		{}

/*# Element Styles/Tables #*/
table			{line-height:1.8em;width:100%;}
caption			{display:none;}
thead			{}
tbody			{}
tfoot			{}
tr				{}
tr.alt			{}
th				{font-weight:bold;}
th a			{}
td				{}

img				{vertical-align:middle;}



/*# Layout #*//* used for site-wide layout positioning
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

#header,
#content,
#footer				{overflow:hidden;zoom:1;}

#header				{background:white url(/img/menu_line.aspx) repeat-x bottom;border-bottom:solid 1px white;}
#header .container	{position:relative;height:59px;}
#header h1 a		{display:block;background:url(/img/logo.aspx) no-repeat 0px 5px;float:left;height:54px;width:150px;text-indent:-9999px;}
#header span		{position:absolute;right:0px;top:15px;}

#bar				{background:#1a61a9;border-bottom:solid 1px white;min-height:237px;overflow:hidden;zoom:1;}
.bar_images			{float:left;overflow:hidden;width:420px;zoom:1;}
#bar_text			{float:right;padding:20px 10px 0px 10px;width:320px;}
#bar h1				{margin-top:0em;}

#content			{background:white;border-bottom:solid 3px #b1b2b4;border-top:solid 3px #b1b2b4;}
#content .container	{border-bottom:solid 1px white;border-top:solid 1px white;overflow:hidden;zoom:1;}
#column_1			{float:left;margin-right:20px;padding-bottom:1em;width:390px;}
#column_2			{float:left;padding-bottom:1em;width:160px;}
#column_1_2			{float:left;padding-bottom:1em;width:570px;}
#column_1_2_shallow	{float:left;padding-bottom:1em;width:540px;}
#column_3			{background:#dde7f2;float:right;padding:0px 5px 9999px 5px;margin-bottom:-9999px;width:166px;}
#column_3_wide		{background:#dde7f2;float:right;padding:0px 5px 9999px 5px;margin-bottom:-9999px;width:196px;}

#footer				{border-top:solid 1px white;color:white;padding:5px 0px;text-align:center;}

.container			{margin:0 auto;width:761px;}

.news_item			{margin-bottom:3em;overflow:hidden;padding-bottom:1em;zoom:1;}
.news_image			{float:left;}
.news_image img		{margin:0em 1em 1em 0em;}

.job				{margin-bottom:3em;padding-bottom:1em;}


/*# Menu #*//* styles specific to the main menu
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

#menuElem					{float:right;margin-top:37px;overflow:hidden;zoom:1;}
#menuElem li				{border-right:solid 1px white;float:left;}
#menuElem li a				{border-bottom:3px solid #f60;color:black;display:block;padding:3px 10px 2px 10px;text-decoration:none;}
#menuElem li a:hover		{border-bottom:6px solid #f60;color:#f60;padding-top:0px;}
#menuElem li.highlighted a	{border-bottom:6px solid #f60;color:#f60;padding-top:0px;}

#menuElem li.home			{border-left:solid 1px white;}


/*# Typography #*//* used for site-wide typographic styles (non element)
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

/*# Typography/Headings #*/
h1,h2,h3,h4	{}
h1			{font-size:130%;font-weight:bold;margin-bottom:1em;}
h2			{font-size:110%;font-weight:bold;margin-top:2em;}
h3			{font-size:105%;font-weight:bold;}
h4			{font-size:100%;font-weight:bold;}
h5			{font-size:100%;font-weight:normal;}


/*# Typography/Paragraph #*/
p			{margin-bottom:1em;}
strong		{font-weight:bold;}
em			{font-style:italic;font-weight:bold;}

legend		{display:none;}

/*# Typography/Links #*/
a			{color:#1a61a9;}
a:hover		{color:#f60;}
a:visited	{}
a:active	{}

/*# Typography/Other #*/
.note			{font-size:70%;line-height:1em;}
.important		{color:#900;font-weight:bold;}
.accessibility	{left:-9999px;position:absolute;}
.orange			{color:#f60;}

#header span	{color:#f60;font-size:140%;font-weight:bold;}

#bar 							{color:white;font-size:125%;}
#bar p							{margin-bottom:0.9em;}
#bar a							{color:white;}
#bar a:hover					{text-decoration:none;}
#bar a.operators				{background:url(/img/operators.aspx) no-repeat;display:block;float:left;height:237px;margin-right:10px;width:201px;text-indent:-9999px;}
#bar a.operators:hover			{background-position:bottom;}
#bar a.agents					{background:url(/img/agents.aspx) no-repeat;display:block;float:left;height:237px;width:201px;text-indent:-9999px;}
#bar a.agents:hover				{background-position:bottom;}
#bar_operators a.operators		{background-position:bottom}
#bar_agents a.agents			{background-position:bottom;}
#bar_operators a.agents:hover		{background-position:top}
#bar_agents a.operators:hover		{background-position:top;}

#footer a		{color:white;}
#footer a:hover	{text-decoration:none;}

.news_item h1			{border-bottom:dashed 1px #f60;margin-bottom:0.5em;padding-bottom:0.2em;}
.news_date,
.news_item .news_date	{color:#f60;font-weight:bold;}
.news_item .news_date	{font-size:70%;}

.job h1			{border-bottom:dashed 1px #f60;margin-bottom:0.5em;padding-bottom:0.2em;}

/*# Misc #*//* styles that dont fit into any of the above categories
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••*/

#content ul		{margin-left:2em;margin-bottom:1.5em;}
#content ul li	{list-style: disc outside;}

#contact_form label			{font-weight:bold;float:left;margin-bottom:0.7em;width:30%;}
#contact_form input			{float:left;margin-bottom:0.7em;width:49%;}
#content ul#errors li		{list-style: none;}
#contact_form .FormButton	{margin:1em auto;width:auto;}

/*# MISC/Clearing #*/
/* please note that using {overflow: hidden; zoom: 1;} on the parent
   element of the floats will clear them. The classes below are a last resort!! */
.clear_both		{clear:both;}
.clear_left		{clear:left;}
.clear_right	{clear:right;}