/* CSS Document */


/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,li,ul,dl,dd,dt,form,form,noscript{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}
  
/* Main DIV Layouts --------------------------------------------------*/

body {margin: 0px 0px 0px 0px; 
      background: #FFFFFF;
	  padding:0;
      color: #000000;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 80%;
	  background-image:url(../images/bg.gif); background-repeat:repeat-y; background-position: center }


#container {
width: 78em;
margin: 0px auto;
}

#inner {margin: 0px 20px 0px 20px; background-color:#FFFFFF }


/* Homepage Layout --------------------------------------------------*/

#homeright {width: 300px; float: right; background-color:#FFFFFF; padding: 0px 0px 0px 0px;}
#homeleft {margin-right: 300px;  background-color:#FFFFFF; padding: 20px 20px 65px 20px; }
#homefull {margin-right: 0px;  background-color:#FFFFFF; padding: 20px 20px 65px 20px; }

/* Subpage Layout --------------------------------------------------*/

	  

#footer {clear:both; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; line-height:1.2em; color:#FFFFFF; font-size: 0.9em;}
#footertop{background-color: #5c5c5f; padding: 5px 0px 5px 0px}
#footertop a:link { color: #ffffff; text-decoration: underline; background-color: #5c5c5f}
#footertop a:visited { color:#ffffff; text-decoration: underline; background-color: #5c5c5f}
#footertop a:hover {color: #0066cc; text-decoration: underline;  background-color: #FFFFCC}
#footertop a:focus {color: #0066cc; text-decoration: underline; background-color: #FFFFCC}
#footertop a:active {color: #0066cc; text-decoration: underline; background-color: #FFFFCC}

#footerbtm {height: 48px; background-color: #ffffff; padding: 5px 0px 0px 0px; background-repeat:no-repeat; background-position: 0px 4px}






/* Header Elements --------------------------------------------------*/



#header {height:141px; 
         background-image:url(../images/header.gif);
		 background-repeat: no-repeat;  
		 background-position: top left;
		 background-color:#818488; }
		 
#headermember {height:141px; 
         background-image:url(../images/header_members.png);
		 background-repeat: no-repeat;  
		 background-position: top left;
		 background-color:#FFFFFF; }		 
		 
#logo {padding: 0px 0px 0px 189px}	

#members {float: right;  height: 27px; padding: 15px 10px 0px 0px; }
#members a:link { color: #000000; text-decoration: none; background-image:url(../images/members_btn.gif); padding: 5px 12px 5px 12px }
#members a:visited { color:#000000; text-decoration: none; background-image:url(../images/members_btn.gif); padding: 5px 12px 5px 12px  }
#members a:hover {color: #000000; text-decoration: none;  background-color: #FFFFCC; background-image:url(../images/members_btn_over.gif); padding: 5px 12px 5px 12px }
#members a:focus {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/members_btn_over.gif); padding: 5px 12px 5px 12px }
#members a:active {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/members_btn_over.gif); padding: 5px 12px 5px 12px }


#memarea {width: 200px; float: right; text-align: right; padding:5px 5px 0px 0px; color:#000000;}
#memarea h2 {margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px}
 
#logout  {height: 26px; text-align:right }
#logout  a:link { color: #000000; text-decoration: none; background-image:url(../images/btn_logout.gif); padding: 3px 12px 3px 12px }
#logout  a:visited { color:#000000; text-decoration: none; background-image:url(../images/btn_logout.gif); padding: 3px 12px 3px 12px  }
#logout  a:hover {color: #000000; text-decoration: none;  background-color: #FFFFCC; background-image:url(../images/btn_logout_over.gif); padding: 3px 12px 3px 12px }
#logout  a:focus {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/btn_logout_over.gif); padding: 3px 12px 3px 12px }
#logout  a:active {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/btn_logout_over.gif); padding: 3px 12px 3px 12px }


#change  { text-align:center; float:right  }
#change a:link { color: #000000; text-decoration: none; background-image:url(../images/btn_email.gif); padding: 3px 20px 3px 20px  }
#change a:visited { color:#000000; text-decoration: none; background-image:url(../images/btn_email.gif); padding: 3px 20px 3px 20px }
#change a:hover {color: #000000; text-decoration: none;  background-color: #FFFFCC; background-image:url(../images/btn_email_over.gif); padding: 3px 20px 3px 20px }
#change a:focus {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/btn_email_over.gif);  padding: 3px 20px 3px 20px}
#change a:active {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/btn_email_over.gif); padding: 3px 20px 3px 20px }


.change2 {height: 27px; text-align:right }
.change2  a:link { color: #000000; text-decoration: none; background-image:url(../images/btn_email.gif); padding: 5px 15px 5px 15px }
.change2  a:visited { color:#000000; text-decoration: none; background-image:url(../images/btn_email.gif); padding: 5px 12px 5px 12px  }
.change2  a:hover {color: #000000; text-decoration: none;  background-color: #FFFFCC; background-image:url(../images/btn_email_over.gif); padding: 5px 12px 5px 12px }
.change2  a:focus {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/btn_email_over.gif); padding: 5px 12px 5px 12px }
.change2  a:active {color: #000000; text-decoration: none; background-color: #FFFFCC; background-image:url(../images/btn_email_over.gif); padding: 5px 12px 5px 12px }


/* Hidden --------------------------------------------------*/	

.hidden {position: absolute; left: -9000px;}	



/* History Trail --------------------------------------------------*/
#history {padding: 0px 0px 10px 0px ; margin: 0px 0px 0px 0px}


/* Horizontal navigation --------------------------------------------------*/	

#mainnav {
height: 32px;
text-align: center;
background-color: #ffa500;
background-image:url(../images/nav.gif); background-repeat:repeat-x; background-position: top left;
}

#mainnav ul {list-style-type: none; margin: 0px 0px 0px 0px; line-height:32px}
#mainnav li {display: inline; background-image:url(../images/nav.gif); background-repeat:repeat-x; background-position: top left;}

#mainnav a {color: #000000; text-decoration: none; font-size: 1em; font-weight:bold; display:block}
#mainnav a:hover {text-decoration: underline; background-image:url(../images/nav_over.gif); background-repeat:repeat-x; background-position: top left; }
#mainnav a:active, #mainnav a:focus {background-color: #ffa500; background-color: transparent; text-decoration: underline;}


#one{float: left;  width: 11%;   border-right: 1px solid #fce7aa;}
#two {float: left;  width: 11%;  border-left: 1px solid #cc6600; border-right: 1px solid #ffda6c;}
#three {float: left;  width: 14%; border-left: 1px solid #cc6600; border-right: 1px solid #ffda6c;}
#four {float: left;  width: 16%; border-left: 1px solid #cc6600; border-right: 1px solid #ffda6c;}
#five {float: left;  width: 16%; border-left: 1px solid #cc6600; border-right: 1px solid #ffda6c;}
#six {float: left;  width: 10%; border-left: 1px solid #cc6600; border-right: 1px solid #ffda6c;}
#seven {float: left;  width: 10%; border-left: 1px solid #cc6600; border-right: 1px solid #ffda6c;}
#eight {float: left; width: 10.5%; border-left: 1px solid #cc6600;}

#mainnav a.selected {text-decoration: none; background-image:url(../images/nav_over.gif); background-repeat:repeat-x; background-position: top left; }
	
	








/* Home Left Placeholders --------------------------------------------------*/

.place {background-color: #eaeaeb; margin: 0px 20px 20px 0px; padding: 10px 10px 10px 10px}
.date {background-color: #5c5c5f; color: #FFFFFF; padding: 3px 7px 3px 7px; margin: 0px 10px 10px 0px; width: 130px; display:block}

.seeall {margin: 0px 0px 0px 105px; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position: 0px 6px; padding:0px 0px 0px 10px}

.pub {background-color: #eaeaeb; border:1px solid #999999; margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px}

.goalsurround {background-color: #f4f4f5; font-size: 1.2em; font-weight: bold; border: 2px solid #eaeaeb; padding: 10px 10px 10px 10px; }

/* Goal Right Naviagation --------------------------------------------------*/

#subnavcontainer { margin:0px;  background-color:#ffffff;    }
		
#subnavcontainer ul{
			margin: 10px 0px 0px 0px;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			font-size: 1em;
			}
		
#subnavcontainer li {margin:0px 0px 2px 0px;  padding:0px ; }

		
#subnavcontainer a
		    {display: block;
			height: 40px;
			 border: 2px solid #666666;
			 font-size: 1em;
			 width: 250px;
			 color: #666666;
			 background-color: #eaeaeb;
			 text-decoration: none;
			 font-weight:bold;
			}
			
.homebox {font-size: 1.4em; text-align:center; }		
		
a.homelink {padding: 9px 25px 0px 25px;  background-color:#cccccc!important}	

a.homelink:hover  {color: #ffa500!important; background-color:#818488!important}
			
.goa1one { background-image:  url(../images/g1.gif); background-repeat: no-repeat;  background-position: left top; padding: 9px 0px 0px 50px;}	
.goa2one { background-image:  url(../images/g2.gif); background-repeat: no-repeat;  background-position: left top; padding: 9px 0px 0px 50px;}	
.goa3one { background-image:  url(../images/g3.gif); background-repeat: no-repeat;  background-position: left top; padding: 9px 0px 0px 50px;}		
.goa4one { background-image:  url(../images/g4.gif); background-repeat: no-repeat;  background-position: left top; padding: 5px 0px 0px 50px;}	
.goa5one { background-image:  url(../images/g5.gif); background-repeat: no-repeat;  background-position: left top; padding: 9px 0px 0px 50px;}	
.goa6one { background-image:  url(../images/g6.gif); background-repeat: no-repeat;  background-position: left top; padding: 5px 0px 0px 50px;}		

		
#subnavcontainer a:visited{
			color: #666666;
			background-color: #eaeaeb;
			text-decoration: none;
			font-weight:bold;}			
		
#subnavcontainer a:hover
		    {color: #FFFFFF;
			text-decoration: none;
			font-weight:bold;
			background-color: #818488; }
			
a:link#currentnav, a:visited#currentnav
		    {color: #FFFFFF;
			text-decoration: none;
			font-weight:bold;
			background-color: #818488;  }	
			
#subnavcontainer ul ul { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px }					
		
#subnavcontainer ul ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}

ul#blue li a{background-image: url(../images/bullet_blue.gif)!important; background-repeat: no-repeat!important;  background-position: 40px 6px!important}
ul#orange li a{background-image: url(../images/bullet_orange.gif)!important; background-repeat: no-repeat!important;  background-position: 40px 6px!important}
ul#red li a{background-image: url(../images/bullet_red.gif)!important; background-repeat: no-repeat!important;  background-position: 40px 6px!important}
ul#grey li a{background-image: url(../images/bullet_grey.gif)!important; background-repeat: no-repeat!important;  background-position: 40px 6px!important}
ul#purple li a{background-image: url(../images/bullet_purple.gif)!important; background-repeat: no-repeat!important;  background-position: 40px 6px!important}
ul#green li a{background-image: url(../images/bullet_green.gif)!important; background-repeat: no-repeat!important;  background-position: 40px 6px!important}


		
#subnavcontainer ul ul a
		    {display: block;
			padding: 0px 0px 6px 50px;
			height: 10px;
		    width: 260px;
			color: #666666;
			border: 0px solid #FFFFFF;
			background-color: #FFFFFF;
			text-decoration: none;
			font-weight:bold;
			margin: 0px 0px 0px 0px;
			font-size: 100%;
            background-repeat: no-repeat; 
            background-position: left top;}


#subnavcontainer ul ul a:visited
            {color: #666666;
			background-color: #FFFFFF;
			text-decoration: none;
			font-weight:bold;
			}
		
#subnavcontainer ul ul a:hover, a:link#subcurrent, a:visited#subcurrent
		    {color: #2A5BBC;
			background-color: #FFFFFF;
			text-decoration: underline;
			font-weight:bold;
			
           }
			



table {border: 2px solid #CCCCCC; border-collapse:collapse; }
table td {border: 2px solid #CCCCCC; border-collapse:collapse; padding: 5px 5px 5px 5px}
table th {background-color: #f05223; border: 2px solid #CCCCCC; border-collapse:collapse; padding: 5px 5px 5px 5px; color: #FFFFFF}


table.noborder {border: 0px solid #ffffff; border-collapse:collapse; }
table.noborder td {border: 0px solid #ffffff; border-collapse:collapse; padding: 5px 5px 5px 5px}
table.noborder th {background-color: #f05223; border: 0px solid #ffffff; border-collapse:collapse; padding: 5px 5px 5px 5px; color: #FFFFFF}

tr.odd {background-color: #eaeaea}

tr.achived {background-color: #ffcf87}




/* Headings and  Lists  --------------------------------------------------*/	

h1 {color: #f15122; font-family: Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px}
h2{color: #5c5c5f; font-size:1.6em; font-weight:normal;  font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px }
.place h2{color: #5c5c5f; text-align:center; font-size:1.4em; font-weight:normal;  font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px }
 p {margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px}


#homeleft ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#homeleft ol li { padding: 0.2em 0 0.1em 0px;}

#homeleft ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#homeleft ol ol li {  padding: 0.2em 0 0.1em 0px;}



#homeleft ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0; }
#homeleft ul li {background:  url(../images/bullet_grey.gif) no-repeat 0em 0.6em;  padding: 0.2em 0 0.1em 10px;}


#homefull ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0; }
#homefull ul li {background:  url(../images/bullet_grey.gif) no-repeat 0em 0.6em;  padding: 0.2em 0 0.1em 10px;}

#homefull ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#homefull ol li { padding: 0.2em 0 0.1em 0px;}

#homefull ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#homefull ol ol li {  padding: 0.2em 0 0.1em 0px;}



hr { color: #c1d0d7;
background-color: #c1d0d7;
height: 1px;}

/* Links --------------------------------------------------*/	


a:link { color: #0066cc; text-decoration: underline; }
a:visited { color:#660066; text-decoration: underline; }
a:hover {color: #0066cc; text-decoration: underline;  background-color: #FFFFCC}
a:focus {color: #0066cc; text-decoration: underline; background-color: #FFFFCC}
a:active {color: #0066cc; text-decoration: underline; background-color: #FFFFCC}

/* Middle Position --------------------------------------------------*/
.middle    {vertical-align: middle;}
.leftimg {padding: 0px 10px 10px 0px; float:left}
.rightimg {padding: 0px 0px 10px 10px; float:right}





/* Fix 3px Bug --------------------------------------------------*/ 
 
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #homeleft {
  height: 1%;
  margin-left: 0;}
  
* html #homeright {
  height: 1%;
  margin-left: 0;}
 
* html #centre {
  height: 1%;
  margin-left: 0;}
  
  * html #centrefull {
  height: 1%;
  margin-left: 0;}
	


div.btnright {float: right; margin: 7px 0px 0px 0px}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 1em arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none;
	color: #000000
} 

a.button:link {text-decoration:none; color: #000000} 
a.button:link span 	{text-decoration:none; color: #000000} 

a.button:visited {text-decoration:none; color: #000000} 
a.button:visited span 	{text-decoration:none; color: #000000} 

a.button:hover {
text-decoration:none;
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none;
} 

a.button:focus 	{text-decoration:none; color: #000000} 
a.button:focus span 	{text-decoration:none; color: #000000} 
a.button:active	{text-decoration:none; color: #000000}
a.button:active span 	{text-decoration:none; color: #000000}	


.update {font-weight: bold; color:#cc3333}
 
/* JQuery Styles --------------------------------------------------*/

p.msg_head{width: 288px;}
div#goal1 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
div#goal2 {margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px}
div#goal3 {margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px}
div#goal4 {margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px}
div#goal5 {margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px}
div#goal6 {margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px}

#goal1 {position:relative; }
#goal2 {position:relative; }
#goal3 {position:relative; }
#goal4 {position:relative; }
#goal5 {position:relative; }
#goal6 {position:relative; }

#goal1 div.msg_body { width: 300px;  border: 2px solid #3068aa; margin-left: 290px; padding: 10px; position:absolute; left: 0px; top: 0px;}
#goal2 div.msg_body { width: 300px;  border: 2px solid #ffa500; margin-left: 290px; padding: 10px; position:absolute; left: 0px; top: 0px}
#goal3 div.msg_body { width: 300px;  border: 2px solid #ef454b; margin-left: 290px; padding: 10px; position:absolute; left: 0px; top: 0px}
#goal4 div.msg_body { width: 300px;  border: 2px solid #656568; margin-left: 290px; padding: 10px; position:absolute; left: 0px; top: 0px}
#goal5 div.msg_body { width: 300px;  border: 2px solid #8067c2; margin-left: 290px; padding: 10px; position:absolute; left: 0px; top: 0px}
#goal6 div.msg_body { width: 300px;  border: 2px solid #49ca4a; margin-left: 290px; padding: 10px; position:absolute; left: 0px; top: 0px}


* html #homeleft {zoom: 1; position: relative; /* peekaboo bug fix for IE6 */}
* + html #homeleft {zoom: 1; min-width: 0; /* peekaboo bug fix for IE7 */}


.button {width: 280px; margin: 0px 0px 10px 0px; background-image:url(../images/button.gif); background-repeat:no-repeat; background-position: top left; height: 41px}
.button h2 {padding: 8px 0px 0px 10px}


.button a:link { color: #000000; text-decoration: none; }
.button a:visited { color:#000000; text-decoration: none; }
.button a:hover {color: #000000; text-decoration: underline;  background:None!important}
.button a:focus {color: #000000; text-decoration: underline; background-color: #FFFFCC}
.button a:active {color: #000000; text-decoration: underline; background-color: #FFFFCC}