/* general styles for regular html tags */

html, body
{ 
margin:0; 
padding:0; 
border:0;
}

body
{
margin:5px 0;
text-align:left; 
font-family:verdana, arial, sans-serif; 
font-size:90%; 
color:#000; 
background:#000; 
}

p  
{
text-align:left;
margin:5px 40px; 
padding:0;
text-indent:15px;
line-height:1.2;
}

p.noindent
{text-indent:0;}


h1, h2, h3, h4, h5
{
margin:5px 30px;
text-align:center;
padding:5px;
font-weight:bold;
}

h1
{
margin-top:0;
font-family:georgia, times new roman, serif;
font-size:25px;
}

h2 
{font-size:20px;}


h3
{font-size:17px;}

h3.img
{
font-weight:normal;
font-size:13px;
margin:5px auto;
}

h4
{font-size:12px;}

h5
{font-size:10px;}

img /* style the images so hyperlinked images don't have a border */
{border:0;}

/* floating images so text lines up beside the images */
img.left
{
float:left;
margin:5px 30px;
}

img.right
{
float:right;
margin:5px 30px;
}

/* styles for lists - special conditional statements in template.inc.php for IE */

ul, ol
{
border:0;
margin:5px 20px 5px 30px;
}

ul li, ul li.normal, ol li, ol li.normal
{
list-style-image:url(../images/051.gif);
padding:0;
padding-bottom:5px;
font-size:14px;
line-height:1.4;
font-weight:bold;
}

ol li, ol li.normal
{
list-style-image:none;
list-style-type:decimal;
font-weight:normal;
}

ul li.normal
{font-weight:normal;}

ul ul, ol ol
{margin:5px 0;}

ul ul li, ul ul li.normal, ol ol li, ol ol li.normal
{
list-style-image:url(../images/051.gif);
padding:0;
padding-bottom:5px;
font-size:14px;
line-height:1.1;
font-weight:normal;
}

ol li.normal, ol ol li.normal
{
list-style-type:none;
list-style-type:lower-alpha;
}

/* styles for the anchor links */

a, a:visited
{
text-decoration:underline;
color:#ca6206;
font-weight:bold;
font-variant:normal;
}

a:hover, a:active
{
text-decoration:none;
color:#000;
font-variant:small-caps;
} 

/* special classes for formatting text */

.clear
{clear:both;}

.bold
{font-weight:bold;}

.white
{color:#fff;}

.red
{color:#ca6206;}

.blue
{color:#054664;}

.imgctr /* centering the shadow image under textboxes, may need adjustment for different widths */
{
margin:0 0 0 150px;
border:0;
padding:0;
}

.hilite 
{
background:#afb5c3;
color:#ca6206;
font-weight:bold;
font-variant:small-caps;
font-style:normal;
}

.strike /* the strike and s html tags deprecated so I used the line-through text-decoration */
{text-decoration:line-through;}

.symbol /* unique class for special characters such as copyright etc. */
{
font-size:15px;
color:#c20808;
font-weight:bold;
letter-spacing:-1px;
}

.cap /* creates the large drop-cap first-letter in the paragraphs */
{
font-family:georgia, times new roman, serif;
font-size:35px; 
color:#054664; /*red */ 
font-weight:bold; 
float:left; 
height:35px; 
line-height:35px; 
margin-top:-4px; 
margin-right:3px;
}

/* this creates an image holder box that gets rid of the ugly active focus border */

.image_holder
{
width:200px; 
height:100px;
margin:0 auto;
}

.image_holder2
{
width:197px;
height:245px;
margin:0 auto;
}

.image_holder3
{
width:150px;
height:100px;
float:left;
margin:10px 40px 10px 50px;
}

.image_holder a, .image_holder2 a, .image_holder3 a
{
display:block; 
width:0; 
height:0; 
position:relative;
outline:0;
}

.image_holder a img, .image_holder2 a img, .image_holder3 a img 
{
position:absolute; 
left:0; 
top:0; 
border:0;
}

.image_holder a:active, .image_holder2 a:active, .img_holder3 a:active
{background:#fff;}

.image_holder a:active img, .image_holder a:focus img, 
.image_holder2 a:active img, .image_holder2 a:focus img,
.image_holder3 a:active img, .imgage_holder3 a:focus img
{
outline:0;
background:#fff;
}

/* styles for layout */

#wrapper
{ 
background:#fff;
margin:0 auto;
width:700px;
border-top:10px solid #000;
border-right:1px solid #000;
border-bottom:10px solid #000;
border-left:1px solid #000;
text-align:left;  
} 

#header
{
display:block; 
width:700px;
height:175px; 
background:url(../images/tygerz_header.jpg) #000;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

#footer
{
display:block;
height:50px;
width:700px;
background:url(../images/tygerz_footer.jpg) #000;
background-position:top center;
background-repeat:no repeat;
margin:0 auto;
}

#footer p
{
text-align:center;
margin:0 10px;
color:#054664;
font-size:12px;
font-weight:bold;
text-indent:0;
padding-bottom:3px;
}

#footer a, #footer a:visited, #footer a:hover, #footer a:active
{
color:#ca6206;
font-weight:bold;
font-size:13px;
text-decoration:none;
border-bottom:1px dotted #054664;
}

#footer a:hover, #footer a:active
{
color:#054664;
font-variant:small-caps;
border-bottom:0;
letter-spacing:1.2;
}

#footer a.noborder, #footer a:visited.noborder, 
#footer a:hover.noborder, #footer a:active.noborder
{
border:0;
border-bottom:0;
}