/* ******************HEADER**************************
   USAGE: 
   This stylesheet has been produced for use on the
   WedgeDoc network. The stylesheet contains the
   formatting used for the Network Home area of the
   web site.

   AUTHOR:
   Antony Thickitt (WedgeDoc), wedgedoc@excite.com

   DATES: 
   Created : 21 Jan 2009
   Modified: 24 Jan 2009

   ****************END HEADER********************* */
   
/* -----------------------------------------------
   General Styles:
   ----------------------------------------------- */

*                      {
                                   margin: 0px;
                                  padding: 0px;
                       }
  
body                   {
                         background-color: #006600;
                         background-image: url(../images/bg-elements/WD-Main-Background.jpg); 
                        background-repeat: repeat; 
					 
                                   height: 100%;
                                min-width: 550px;
					 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: normal;
                                    color: #000099;
                               text-align: left;
                       }
					 
/* -----------------------------------------------
   Layer and Container related styles:
   ----------------------------------------------- */
					 
div.screen             {
                               margin-top: 1%;
                            margin-bottom: 1%;
                              margin-left: auto;
                             margin-right: auto;

                                    width: 86%;
						 		  
                         background-color: #999999;
                             border-color: #003300;
                             border-style: ridge;
                             border-width: 5px;
						   vertical-align: middle;
                       }
					 
div.shinyback          {					
                         background-image: url(../images/bg-elements/WD-Banner-Background.jpg);
                        background-repeat: repeat;
					  
                               min-height: 70px;
					  
                               text-align: center;
                           vertical-align: top;
                       }
					 
div.breadcrumb         {
                           padding-bottom: 5px;
                             padding-left: 15px;
                            padding-right: 15px;
						 		
                         background-color: #999999;								
					 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 11px;
                              font-weight: bolder;
                                    color: #003300;
                               text-align: right;
                           vertical-align: middle;
                       }		 
					 
div.navbar             {
                            margin-bottom: 10px;
                              margin-left: 10px;
                             margin-right: 10px;
								
                         background-image: url(../images/bg-elements/WD-Menu-Background.jpg);
                        background-repeat: repeat;								
                         background-color: #003300;
					   
                                   height: 28px;			
					 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bolder;
                                    color: #cccccc;
                              line-height: 28px;
                               text-align: center;
                           vertical-align: middle;
                       }

div.sidenav            {
                            margin-bottom: 10px;
                              margin-left: 10px;
                             margin-right: 10px;
						   
                         background-image: url(../images/bg-elements/WD-SideNav-Background.jpg);
                        background-repeat: repeat;	
                         background-color: #003300;
		
		                              top: 50%;
                                    width: 25%;
                                    float: left;	
					 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bolder;
                                    color: #cccccc;
                               text-align: center;
                           vertical-align: middle;
                       }
 
div.maincontent        {
                            margin-bottom: 10px;
                              margin-left: 25%;
                             margin-right: 20%;
						     padding-left: 20px;
						    padding-right: 10px;

                                   height: 100%;
								   min-height: 400px;
								 				 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: normal;
                                    color: #000033;
                               text-align: left;
                           vertical-align: top;
                       }
					 
div.additional         {
                              margin-left: 10px;
                             margin-right: 10px;							
		
                                    width: 20%;
                                    float: right;
			 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bolder;
                                    color: #cccccc;
                               text-align: center;
                           vertical-align: middle;
                       }
					 
div.footer             {
			
                         background-image: url(../images/bg-elements/WD-Banner-Background.jpg);
                        background-repeat: repeat;
                                    width: 100%;
					  
                               text-align: center;
                           vertical-align: bottom;
                       }
					 
div.footerleft         {
                            margin-bottom: 10px;
                              margin-left: 30px;
                             margin-right: 10px;							
		
                                    width: 20%;
                                   height: 100%;
                               min-height: 70px;
                                    float: left;
			 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bolder;
                                    color: #cccccc;
                               text-align: center;
                           vertical-align: middle;
                       }
					 
div.footercontent      {
                            margin-bottom: 10px;
                              margin-left: 10px;
                             margin-right: 10px;	
						    
						       min-height: 70px;
                                   height: 100%;		
		 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 10px;
                              font-weight: bold;
                                    color: #003300;
                               text-align: center;
                           vertical-align: middle;
                       }
 
div.footerright        {
                            margin-bottom: 10px;
                              margin-left: 10px;
                             margin-right: 30px;							
		
                                    width: 20%;
								   height: 100%;
                               min-height: 70px;
                                    float: right;
			 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bolder;
                                    color: #cccccc;
                               text-align: center;
                           vertical-align: middle;
                       }
					   
div.droptext           {
                            margin-bottom: 0px;
						     padding-left: 10px;
						    padding-right: 10px;	
						  
                                   height: 17px;
								 				 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: normal;
                                    color: #000033;
                               text-align: left;
                           vertical-align: top;
						   
                                 overflow: hidden;
                       }
					   
div.center             {
                               text-align: center;
                       }
					 
/* -----------------------------------------------
   Text related styles:
   ----------------------------------------------- */

h1.nav-head           {   
                               margin-top: 0px;
                            margin-bottom: 0px;
                              margin-left: 10px;
                             margin-right: 10px;
                              padding-top: 0px;
                           padding-bottom: 2px;
						
                         border-top-color: #cccccc;
                         border-top-style: ridge;
                         border-top-width: 2px;
                      border-bottom-color: #cccccc;
                      border-bottom-style: ridge;
                      border-bottom-width: 2px;
                          	 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 14px;
                              font-weight: bolder;
                                    color: #cccccc;
                               text-align: center;
                      }

h1.main-head          {   
                               margin-top: 0px;
                            margin-bottom: 10px;
                              margin-left: 5px;
                             margin-right: 5px;
                              padding-top: 2px;
                           padding-bottom: 5px;
                             padding-left: 5px;
                            padding-right: 5px;
						
                         background-color: #003300;
                             border-color: #003300;
                             border-style:groove;
                             border-width: 2px;						
                          	 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 16px;
                              font-weight: bolder;
                                    color: #999999;
                               text-align: left;
                      }
					  
h2.main-head          {   
                            margin-bottom: 0px;
                              margin-left: 5px;
                             margin-right: 5px;
                          	 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 14px;
                              font-weight: bolder;
                                    color: #000033;
                               text-align: left;
                      }

p.main-text           {
                            margin-bottom: 10px;
                              margin-left: 5px;
                             margin-right: 5px;
						  
                              line-height: 16px;
                      }

p.main-msg            {
                            margin-bottom: 10px;
                              margin-left: 5px;
                             margin-right: 5px;
                                  padding: 5px;

                            border-color: #003300;
                            border-style: dashed;
                            border-width: 2px;

                              line-height: 16px;

                      }

ul.nav-list           {
                               margin-top: 30px;
                            margin-bottom: 30px;
                           padding-bottom: 0px;
                             padding-left: 25px;
                            padding-right: 5px;
					  
                         list-style-image: url(../images/general/WD_Sidenav_Bullet.gif);

                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bolder;
                                    color: #000033;
                               text-align: left;
                       }

ul.main-list           { 
                             padding-left: 20px;
                            padding-right: 5px;
					  
                         list-style-image: url(../images/general/WD_Main_Bullet.gif);

                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: normal;
                                    color: #000033;
                               text-align: left;
                       }
					   
ul.drop-text           { 
                             padding-left: 15px;
                            padding-right: 5px;
					  
                         list-style-image: url(../images/general/WD_Main_Bullet.gif);

                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bolder;
                                    color: #000033;
                               text-align: left;
                       }
					   
/* -----------------------------------------------
   Image related styles:
   ----------------------------------------------- */
   
.left                  {
                              margin-left: 5px;
                             margin-right: 5px;
                                    float: left;
									
									  
                       }
					 
img.menubgleft         {
                                    float: left;
                           vertical-align: middle;
						 
                             border-width: 0px;
                       }
					 
img.menubgright        {
                                    float: right;
                           vertical-align: middle;
						 
						     border-width: 0px;
                       }
					 
img.sidenavtop         {
                                    width: 100%;

						     border-width: 0px;
							
                           vertical-align: top;
                       }
					 
img.sidenavbottom      {
                                    width: 100%;
								  
						     border-width: 0px;
						 		 
                           vertical-align: bottom;
                       }
					 
img.additional         {

                                    width: 100%;
                                max-width: 200px;
							  
						     border-width: 0px;
								  
                               text-align: center;
                           vertical-align: middle;
                       }
					 
img.footerleft         {						 						 
						     border-width: 0px;
						   
                                    float: left;
                               text-align: center;
                           vertical-align: middle;
                       }
					 
img.footerright        {
						     border-width: 0px;
                                    float: right;
                               text-align: center;
                           vertical-align: middle;
                       }
					 
/* -----------------------------------------------
   Link and Anchor Styles:
   ----------------------------------------------- */  

.breadcrumb a          {
                             padding-left: 5px;
                            padding-right: 3px;

                         background-color: #003300;

                                    color: #999999;
                          text-decoration: none;
                       }
	
.breadcrumb a:hover    {
                             padding-left: 5px;
                            padding-right: 3px;

                         background-color: #003300;

                                    color: #cccccc;
                          text-decoration: none;
                       }	
					 
.navbar a              {
                             padding-left: 5px;
                            padding-right: 3px;

                                    color: #cccccc;
                          text-decoration: none;
                       }
	
.navbar a:hover        {
                             padding-left: 5px;
                            padding-right: 3px;
  
                         background-color: #003300;

                                    color: #cccccc;
                          text-decoration: none;
                       }

.sidenav a             {
                             padding-left: 5px;
                            padding-right: 3px;

                                    color: #cccccc;
                          text-decoration: none;
                       }
	
.sidenav a:hover       {
                             padding-left: 5px;
                            padding-right: 3px;

                         background-color: #003300;

                                    color: #cccccc;
                          text-decoration: none;
                       }
					 
.main-text a           {
                             padding-left: 2px;
                            padding-right: 0px;

                         background-color: #000033;

                                    color: #999999;
                              font-weight: bold;
                          text-decoration: none;                       
                       }
					 
.main-text a:hover     {
                             padding-left: 2px;
                            padding-right: 0px;
 
                         background-color: #003300;

                                    color: #999999;
                              font-weight: bold;
                          text-decoration: none;
                       }
					 
.footercontent a       {
                             padding-left: 2px;
                            padding-right: 0px;

                         background-color: #000033;

                                    color: #999999;
                              font-weight: bold;
                          text-decoration: none;                       
                       }
					 
.footercontent a:hover {
                             padding-left: 2px;
                            padding-right: 0px;

                         background-color: #003300;

                                    color: #999999;
                              font-weight: bold;
                          text-decoration: none;
                       }

.main-list a           {
                             padding-left: 5px;
                            padding-right: 3px;

                         background-color: #000033;

                                    color: #999999;
                              font-weight: bold;
                          text-decoration: none;
                       }
	
.main-list a:hover     {
                             padding-left: 5px;
                            padding-right: 3px;

                         background-color: #003300;

                                    color: #999999;
                              font-weight: bold;
                          text-decoration: none;
                       }
					   
.drop-text a           {
                             padding-left: 5px;
                            padding-right: 3px;

                         background-color: #000033;

                                    color: #999999;
                          text-decoration: none;
                       }
	
.drop-text a:hover     {
                             padding-left: 5px;
                            padding-right: 3px;

                         background-color: #003300;

                                    color: #999999;
                          text-decoration: none;
                       }
					   
/* -----------------------------------------------
   Form Styles:
   ----------------------------------------------- */
   
label.contact          {   
                            margin-bottom: 0px;
                              margin-left: 5px;
                             margin-right: 5px;
                          	 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 14px;
                              font-weight: bolder;
                                    color: #000033;
                               text-align: left;
                      }
   
.feedback             {
                            margin-bottom: 5px;
                              margin-left: 3px;

                         background-color:#99FF99;
						 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                      }

.feedback-button      {
                               margin-top: -10px;  
							margin-bottom: 10px;
                              margin-left: 5px;
                         background-color: #003300;

                              font-weight: bold;
						            color: #999999;
                      }