/* Pet First Aid Master Stylesheet 
==================================
colors:     */

/* Global Styles */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color:#444; }

a           {color:#009;}
a:hover     {color:#00f;}    
img         {border-width:0;}    
/* Basic Page Elements 
======================*/    
html{ height:100%;}

body
{
    background:url(../images/body.gif);
    margin-top:20px;
    border-bottom:solid 20px #fff;  
    text-align:center;}

#page
{    
    width:763px;
    border: solid 1px #000;
    background:url(../images/page.gif);
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    }    

#header{background:url(../images/header.jpg);}


/* Default Elements
===================*/
h1
{
    font-size: 13pt;
    margin-bottom: 1em;
    color: #51014a;}

h2
{
    font-size: 13pt;
    margin-bottom: 1em;
    color: #ed6501;}

h3
{
    font-size:10pt;
    color:#51014a;
    margin-bottom: 1em;
    text-align:left;        
    }

h4
{
    font-size:10pt;
    color:#ed6501;
    margin-bottom: 1em;}
  
p
{
    text-align:justify;
    margin-bottom: 1em;}    

ul, ol
{
    margin-left: 3em;
    margin-bottom: 1em;}


/* Sitewide Navigation 
======================*/
#menu{}

#nav
{
    margin-left:44px;
    margin-top:0px;
    width:719px;
    height:10px;
    position:relative;
    margin-left:0;
    list-style:none;    }

#nav li {    position:absolute;    }

#nav a
{
    display:block;
    text-decoration:none;
    text-indent:-800em;
    color:#000;
    background-image:url(../images/nav.jpg);
    background-repeat:no-repeat;
    }    

#nav a:hover, #nav a.on
{
    background-image:url(../images/navhover.jpg);}
    

/* Home */
#n1
{
    top:115px;
    left:44px;}

#n1 a
{
    width:40px;
    height:40px;
    background-position: 0px -32px;
}    

/* About */
#n2
{
    top:100px;
    left:84px;}

#n2 a
{
    width:62px;
    height:50px;
    background-position: -40px -17px;
}    

/* Register */
#n3
{
    top:90px;
    left:146px;}

#n3 a
{
    width:62px;
    height:38px;
    background-position: -102px -7px;
}    

/* Calendar */
#n4
{
    top:84px;       /* Y + 83 offset */
    left:208px;}    /* X + 44 offset */

#n4 a
{
    width:64px;
    height:31px;
    background-position: -164px -1px;
}    

/* Class Info */
#n5
{
    top:83px;       /* Y + 83 offset */
    left:272px;}    /* X + 44 offset */

#n5 a
{
    width:73px;
    height:28px;
    background-position: -228px 0px;
}    

/* First Aid */
#n6
{
    top:83px;       /* Y + 83 offset */
    left:418px;}    /* X + 44 offset */

#n6 a
{
    width:119px;
    height:28px;
    background-position: -374px 0px;
}    

/* Industry */
#n7
{
    top:88px;       /* Y + 83 offset */
    left:537px;}    /* X + 44 offset */

#n7 a
{
    width:121px;
    height:45px;
    background-position: -493px -5px;
}    

/* Contact Us */
#n8
{
    top:110px;       /* Y + 83 offset */
    left:658px;}    /* X + 44 offset */

#n8 a
{
    width:64px;
    height:46px;
    background-position: -614px -27px;
}    



/* Main Content Areas 
====================*/
.content
{   
    padding-bottom: 2em;}

#leftcol
{
    padding-right:10px;} 

#rightcol
{
    padding-left:10px;} 

/* Footer 
=========*/
#footer 
{
    background:#ec6400;}

#footer p
{
    margin-bottom:0;
    text-align:center;
    color: #fff;
    font-size: 8pt;}

/* Specific Overriding Rules 
============================*/
#banner
{
    position:relative;}

#banner img
{
    position:absolute;
    top: -10px;
    left:267px;
    }
    
#sb1, #sb2
{
    width:124px;
    height:144px;
    
    }

#sb1
{
    float:right;
    clear:right;    }    

#sb2
{
    float:left;
    clear:left;}    
    
/*logoworks links*/
#logoworks
{
	margin: 0px auto;
	padding: 0px auto;
	font-size: 8pt;
	text-align:center;	
	color:#ed6501;
	padding-top: 3px;
}
#logoworks a
{
	color:#ed6501;
	text-decoration: none;
}
#logoworks a:hover
{
	text-decoration: underline;	
}