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

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

   DATES: 
   Created : 26 Jan 2009
   Modified: 29 Jan 2009

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

*                      {
                                   margin: 0px;
                                  padding: 0px;
                       }
  
body                   {
                         background-color: #006600;
                         background-image: url(../awd-images/bg-elements/WD-About-Background.jpg); 
                        background-repeat: repeat; 			 
					 
                              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: 20px;
                            margin-bottom: 20px;
                              margin-left: -350px;
                         
                                     left: 50%;
                                    width: 700px;
                               min-height: 540px;
					 		  
                         background-color:#CC6600;
                         background-image: url(../awd-images/bg-elements/WD-About-Container-BG.jpg); 
                        background-repeat: repeat; 
                           vertical-align: middle;
                                 position: relative;
                                    float: left;
                       }					   
					   
div.headtop            {
                                    width: 700px;
                                   height: 5px;
								   
                         background-image: url(../awd-images/bg-elements/WD-About-Container-Top.jpg); 
                        background-repeat: no-repeat; 
                       }

div.headleft           {
                                      top: 5px;
                                     left: 5px;
                                 position: absolute;
								 
                                    width: 75px;
                                   height: 70px;							   

                                    float: left;
                       }
					 					 
div.breadcrumb         {
                              margin-left: 78px;
                            padding-right: 15px;
							
                                    width: 605px;
                                   height: 15px;	
								   
                      border-bottom-color: #000066;
                      border-bottom-style: solid;
                      border-bottom-width: 1px;					
					 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 10px;
                              font-weight: bolder;
                                    color: #ccffff;
                               text-align: right;
                           vertical-align: middle;
						   
                                    float: right;
                       }
					   
div.headmain           {
                              margin-left: 75px;
							  
                                    width: 615px;							  					 
                                   height: 70px;	
								   				 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 16px;
                              font-weight: bold;
                                    color: #006600;
                               text-align: center;
	                       vertical-align: middle;
				  
                       }
					   
div.nav-box            {
                              margin-left: 20px;
                                    width: 155px;
                               min-height: 470px;
                                    float: left;								
                       }
					   
div.contenttop         {
                              margin-left: 190px;
							  
                         background-image: url(../awd-images/bg-elements/WD-About-Content-Top.jpg); 
                        background-repeat: repeat; 	
                         background-color: #ccccc;						  	
							 					  
                                    width: 500px;
                                   height: 31px;						   
                       }

div.content            {
                              margin-left: 190px;
                             padding-left: 30px;
                            padding-right: 30px;
							  
                         background-image: url(../awd-images/bg-elements/WD-About-Content.jpg); 
                        background-repeat: repeat; 	
                         background-color: #ccccc;						  	
							 					  
                                    width: 440px;
                               min-height: 500px;						   
                       }
					   
div.contentbottom      {
                            margin-bottom: 5px;
                              margin-left: 190px;
							  
                         background-image: url(../awd-images/bg-elements/WD-About-Content-Bottom.jpg); 
                        background-repeat: repeat; 	
                         background-color: #ccccc;						  	
							 					  
                                    width: 500px;
                                   height: 28px;						   
                       }
					   
div.footerleft         {
                               margin-top: 10px;
                              margin-left: 10px;
                             padding-left: 5px;
							   	
                                    width: 90px;
                                   height: 55px;
                                    float: left;
                       }
					 
div.footercontent      {
                               margin-top: 10px;
                              margin-left: 10px;
                             margin-right: 10px;
							 
                                    width: 480px;
                                   height: 55px;
		 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 10px;
                              font-weight: bold;
                                    color: #ccffff;
                               text-align: center;
                           vertical-align: middle;
                                    float: left;
                       }
 
div.footerright        {
                               margin-top: 10px;
                             margin-right: 5px;
							   		
                                    width: 90px;
                                   height: 55px;
                                    float: right;
                       }
div.footerbottom       {
							   		
                                    width: 700px;
                                   height: 5px;
								   
                         background-image: url(../awd-images/bg-elements/WD-About-Container-Bottom.jpg); 
                        background-repeat: no-repeat; 
                                    float: left;

                       }
					   
div.center             {
                               margin-top: 10px;				
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bold;
                                    color: #cccccc;
                               text-align: center;
                       }		 
					 
/* -----------------------------------------------
   Text related styles:
   ----------------------------------------------- */

h1.main-head           {
                            margin-bottom: 10px;
							
                      border-bottom-color: #000066;
                      border-bottom-style: dashed;
                      border-bottom-width: 2px;
		 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 18px;
                              font-weight: bold;
                                    color: #000066;
                               text-align: left;
                           vertical-align: middle;
                       }
					   
h2.main-head           {
                               margin-top: 5px;
                            margin-bottom: 10px;
		 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 14px;
                              font-weight: bold;
                                    color: #000066;
                               text-align: left;
                           vertical-align: middle;
                       }
					   
h3.main-head           {
                               margin-top: 0px;
                            margin-bottom: 0px;
		 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bold;
                                    color: #000066;
                               text-align: left;
                           vertical-align: middle;
                       }
					   
p.main-text            {
                            margin-bottom: 10px;
		 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: normal;
                                    color: #000066;
                               text-align: left;
                           vertical-align: middle;
                       }
					   
p.main-msg             {
                            margin-bottom: 10px;
                              margin-left: 5px;
                             margin-right: 5px;
                                  padding: 5px;

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

                              line-height: 16px;

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

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

li                     {
                           padding-bottom: 5px;
                       }
					   
/* -----------------------------------------------
   Image related styles:
   ----------------------------------------------- */
 
 img                   {
                             border-style: none;
                       }
					   
 img.left              {
                           padding-right: 15px;
                                   float: left;
                       }  
					   
 img.right             {
                            padding-left: 15px;
                                   float: right;
                       }	

img.gallery            {
                          padding-bottom: 10px;
                            padding-left: 5px;
                           padding-right: 5px;
						           float: left;
                       }
					   
iframe.left            {
                            margin-right: 15px;
                                   float: left;
                       }
					   
hr.link-divide         {
                            padding-left: 5px;							
                                   color: #000066;
                       }
					 
/* -----------------------------------------------
   Link and Anchor Styles:
   ----------------------------------------------- */  

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

                         background-color: #000033;

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

                         background-color: #990000;

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

                         background-color: #000033;

                                    color: #cccccc;
                              font-weight: normal;
                          text-decoration: none;                       
                       }
					 
.main-text a:hover     {
                             padding-left: 2px;
                            padding-right: 0px;
 
                         background-color: #990000;

                                    color: #cccccc;
                              font-weight: normal;
                          text-decoration: none;
                       }
					   
.main-list a           {
                             margin-right: 5px;
                             padding-left: 2px;
                            padding-right: 0px;

                         background-color: #000033;

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

                                    color: #cccccc;
                              font-weight: bold;
                          text-decoration: none;
                       }
					   
a.return               {
                             margin-right: 0px;

                         background-color: #000033;
								
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 9px;
                              font-weight: bold;
                          text-decoration: none;
                                    color: #cccccc;
                               text-align: right;
                           vertical-align: middle;
						            float: right;
                       
                       }
					 
a.return:hover         {
                             margin-right: 0px;

                         background-color: #990000;
								
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 9px;
                              font-weight: bold;
                          text-decoration: none;
                                    color: #cccccc;
                               text-align: right;
                           vertical-align: middle;
						            float: right;
                       }

.footercontent a       {
                             padding-left: 2px;
                            padding-right: 0px;

                         background-color: #000033;

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

                         background-color: #990000;

                                    color: #ccffff;
                              font-weight: bold;
                          text-decoration: none;
                       }
					   
/* -----------------------------------------------
   Form Styles:
   ----------------------------------------------- */
   
label.contact          {
                               margin-top: 0px;
                            margin-bottom: 0px;
		 
                              font-family: Arial, Helvetica, sans-serif;
                                font-size: 12px;
                              font-weight: bold;
                                    color: #000066;
                               text-align: left;
                           vertical-align: middle;
                       }
   
.feedback              {
                            margin-bottom: 5px;
                              margin-left: 0px;

                         background-color:#ffffff;
						 
                              font-family: "Times New Roman", TimesNR, Times, Serif;
                                font-size: 12px;
                       }

.feedback-button       {
                               margin-top: -10px;  
							margin-bottom: 10px;
                         background-color: #cccccc;

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