/* CSS Document */

html { height:100%; overflow:auto; }
body { height:100%; margin:0; padding:0; }

#flashcontent {	height:100%; background:#ffffff url(../images/pagebg.jpg) repeat-x; }

#container { width:780px; background:#FFFFFF; margin-left:auto; margin-right:auto; }

/*** HEADER ***/

#container #header { }

#container #header #logo { float:right; background:url(../images/miles.gif) no-repeat right; width:740px; height:50px; margin:10px 10px 10px 10px; line-height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#container #header #logo a { color:#999999; text-decoration:none; }
#container #header #logo a:hover { text-decoration:underline; }

#container #header #nav { width:780px; height:60px; background:url(../images/navbg.gif); clear:both; }
#container #header #nav ul { list-style:none; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#container #header #nav li { float:left; background:url(../images/navdot.gif) no-repeat; background-position:20px 22px;  }
#container #header #nav li a { display:block; line-height:60px; padding:5px 21px 0 21px; text-decoration:none; color:#666666;  }
#container #header #nav li a:hover { color:#44b33a; }
#container #header #nav ul li:hover, #container #header #nav ul li.sfhover { background-position:5px 30px; }
#container #header #nav ul li:hover a, #container #header #nav ul li.sfhover a { color:#009900; }
#container #header #nav ul li:hover ul a, #container #header #nav ul li.sfhover ul a { color:#434343; }
#container #header #nav ul ul { position:absolute; list-style:none; margin:0px; margin-top:-10px; padding:0px; border:1px solid #aeaeae; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; padding:2px; background:#FFFFFF; left:-999em;  }
#container #header #nav ul ul li { float:none; width:170px; height:32px; background:url(../images/subnav_bg.gif); }
#container #header #nav ul ul li a { display:block; width:150px; height:32px; color:#434343; text-decoration:none; line-height:32px; padding-left:20px; }
#container #header #nav ul ul li a:hover { color:#ffffff; }
#container #header #nav ul ul li .submenu { background:url(../images/subnav_arrow.gif) no-repeat; background-position:150px 0; }
#container #header #nav ul ul li:hover, #header #nav ul ul li.sfhover { background-position:0 -32px; }
#container #header #nav ul li:hover ul, #header #nav ul li.sfhover ul { left:auto; }
#container #header #nav ul li:hover ul ul, #header #nav ul li.sfhover ul ul { left:-999em; }
#container #header #nav ul ul ul { position:absolute; margin-left:170px; margin-top:-30px; }
#container #header #nav ul ul li:hover ul, #header #nav ul ul li.sfhover ul { left:auto; }

#container #header #headimg { width:780px; height:170px; }

.clear { clear:both; }

/*** CONTENT ***/

table { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }

#container #main { width:760px; padding:20px 0 20px 20px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }

#container #main #content { width:520px; float:left; }
#container #main #content h1 { font-size:22px; color:#44b33a; font-weight:normal; }
#container #main #content h2 { font-size:16px; color:#000000; font-weight:normal; }
#container #main #content h3 { font-size:14px; color:#333333; }

#container #main #subcontent { width:220px; float:right; }
#container #main #subcontent h1 { display:block; background:#3e454f; width:200px; padding-left:20px; font-size:14px; line-height:28px; color:#FFFFFF; font-weight:normal; }
#container #main #subcontent ul { list-style:none; margin:0px; padding:0px; }
#container #main #subcontent li { background:url(../images/navdot.gif) no-repeat; background-position:5px 5px; padding:0 20px 6px 20px; }

/*** FOOTER ***/

#container #footer { clear:both; height:40px; background:#44b33a; border-bottom:2px solid #3e454f; margin-top:20px; }
#container #footer #copyright { float:left; width:450px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; line-height:40px; padding-left:20px; }
#container #footer #aculocity { float:right; margin:10px 20px 0 0; }






/*** ADDED BY JAMES ***/
/*** FORM ***/
ul.form							{ margin:0px; padding:0px; list-style:none; margin-left:20px; }
.form li						{clear:left;margin:0;padding:3px;}
.form li label					{float:left; width:120px;}
.form li	textarea			{width:300px; height:100px;}
.form li input					{width:300px;}

.form li .imageButton,
.form li .button				{width:auto;}
.form li .date					{width:100px;}
.form fieldset					{clear:left;float:left;}
.form li .checkbox input		{width:auto;margin:3px 0;padding:0;}

.valSummary ul			{list-style-type:circle;padding-bottom:15px;}


/*** FEEDBACK MESSAGES ***/

blockquote				{padding:15px 30px 5px 20px; margin-bottom:20px; background-color:#efefef; border:1px solid #666666; border-bottom:1px solid #666666; margin-right:20px;}
blockquote p			{background-position:0 0; background-repeat:no-repeat; min-height:40px; padding-left:50px;}
blockquote.success	p	{background-image:url(../Images/check_green.gif)}
blockquote.help	p		{background-image:url(../Images/help_32.gif)}
blockquote.info	p		{background-image:url(../Images/info_32.gif)}
blockquote.warning p	{background-image:url(../Images/alert_32_red.gif)}

blockquote.success * + p,
blockquote.help * + p,
blockquote.info * + p,
blockquote.warning * + p	{background-image:none; min-height:0;}

* + html blockquote			{padding-bottom:10px;}/*small hack for ie7*/
blockquote p.summary		{margin-bottom:-10px;}