﻿/* Color Scheme 

Blue  1b357c
Red  ec1c24
Yellow  FFE100
Light Grey  e3dfdb
Mid Grey    9f9d99
Dark Grey  777572

 /End Color Scheme */


body 
{
    margin:0; 
    padding:0;
    font-family: Verdana, Helvetica, Arial, Sans-Serif; 
    font-size:62.5%; 
    text-align:center; 
    width:100%; 
    color:#000;
    background-color:White;	
}
#PrintAlert
{
	border:solid 1px black;
    background:#CCCCCC; 
	width:400px;
	height:100px;
	line-height:normal;
	vertical-align:bottom;
}
.printalertText
{
	vertical-align:middle;
	font-family:Georgia;
	font-weight:bold;
	font-size:x-large;
}

#wrapper 
{
    font-size:1em;
    line-height:1.5em;
    text-align:left;
    width:100%;
    min-width:772px;
    
}

#header
{
    margin-left:auto;
    margin-right:auto;
    background: url(../Images/site-bg-header.jpg) repeat-x; 
    height:230px; 
    margin:0 8px; 
    text-align:center;
}

#taf
{
    position:absolute;
    right:32%;
    top:3px;
}

#search
{
    position:absolute;
    right:4%;
}

.searchBtn
{
    position:relative;
    top:7px;
}

#newsletterSignUp .newsletterTxt
{
    height:15px;
    width:180px;
}

#newsletterSignUp .newsletterBtn
{
    position:relative;
    top:5px;
}

.train 
{
    position:absolute;
    top:30px;
    right:4%;
}   
 
.logo 
{
    position:absolute; 
    top:15px;
    left:2%;
}

#navigation table
{
    background: url(../images/site-bg-nav.gif) repeat-x; 
    width:100%; 
    min-width:980px;
    height:56px;
    text-align:center;
}


#navigation table a:link, #navigation table a:visited, #navigation table a:hover, #navigation table a:active 
{
    color:#000; 
    font-weight:900; 
    font-size:1em; 
    text-decoration:none; 
    height:14px; 
    padding:0 1em;  
    border-right: 1px solid #000;
 }

#navigation table a:link.first, #navigation table a:visited.first, #navigation table a:hover.first, #navigation table a:active.first 
{
    border-left: 1px solid #000;
}

#navigation table a:hover 
{
    color:#ec1c24;
}

#main 
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    font-size:1.4em;
    /* color:#777572; */
    color:#000;
    line-height:1.4em;
}

#mainLeft
{
    float:left;
    width:20%; 
    text-align:left;
    margin:.5%;
    margin-right:0;
    padding:.5%;
    padding-left:3%;
    padding-right:1%;
}

#mainRight
{
    float:left;
    width:70%; 
    margin:.5%;
    padding:.5%;
    padding-left:2%;
    text-align:left;
    border-left:1px solid #000;
}

#footer
{
    clear:both;
}

#footer table 
{
    background: url(../images/site-bg-footer.gif) repeat-x; 
    width:100%; 
    min-width:772px;
    height:32px; 
    text-align:center;
    margin-bottom:10px;
}

/*  Global Elements and Postioning */

img {border:0;}
.small {font-size:.95em;}
P {margin:.6em 0;}
.clear {clear:both;}
.red {color:#ec1c24; text-align:center; font-size:1.2em; font-weight:900;}

/*  Default Links  */
a, a:link, a:visited, a:hover, a:active {color:#ec1c24; font-weight:900; text-decoration:underline;}

a:hover {color:#000}

#mainLeft a, #mainLeft a:link, #mainLeft a:visited, #mainLeft a:hover, #mainLeft a:active {color:#9f9d99; font-weight:900; text-decoration:none;}

#mainLeft a:hover {color:#ec1c24}

.pdf
{
    padding-left:22px;
    background: url(../Images/site-pdf.jpg) no-repeat 1% 50%;    
}

/* Headings  */
h1 {color:#ec1c24; font-size:140%; font-weight:900; padding:0; margin:0;}
h2 {color:#777572; font-size:130%; font-weight:900; padding:0 0 1.5em 0; margin:0;}
h3 {color:#ec1c24; font-size:120%; font-weight:900; padding:0; margin:0;}
h4 {color:#000; font-size:120%; font-weight:900; padding:0; margin:0;}
h5 {color:#1b357c; font-size:110%; font-weight:900; padding:0; margin:0;}



/* OTHER STYLES */


#TinyCart
{
	border:solid 1px black;
	text-align:left;
	font-size:.8em;
	font-family:arial, helvetica, Verdana;
	line-height:normal;
}
.TinyCartLink
{
	font-size:.8em;
	font-weight:bold;	
	
}

sup.Req
{
	font-size:small;
	color:Red;
}

sup.NotReq
{
	font-size:small;
	color:White;
}



.taf, a.taf
{
    position:relative;
    top:-7px;
    font-size:120%;
    font-weight:900;
    text-decoration:none;
}

.tafImage, a image.tafImage
{
    position:relative;
    top:7px;
}


td.body {
	color: Black;
	font-family: Arial;
	font-size: 16px;
	background-color: #CFDFFC;
	border-color:Gray;
	border: 0px solid;
	text-align: left;
	padding : 1px 3px 1px 2px;
}
td.label {
	color: Black;
	font-family: Arial;
	font-size: 16px;
	background-color: #CFDFFC;
	border-color:Gray;
	border: 0px solid;
	text-align: right;
	padding : 1px 3px 1px 2px;
	 
}

td.Header
{
	border:1px solid; font-weight: bold;
	font-size: 16px;
	/*background-image: url('../images/icons/bluebackheader1.gif');*/
	color: white;
	font-family: Arial;
	background-color: #2793d3;
	text-align: left
}
td.footer {
	color: Black;
	font-family: Arial;
	font-size: 16px;
	background-color: #CFDFFC;
	border-color:Gray;
	border: 0px solid;
	text-align: center;
}
td.Message {
	color: Red;
	font-family: Arial;
	font-size: 16px;
	background-color: White;
	border-color:Gray;
	border: 1px solid;
	text-align: left;
}
table.Store 
{
	border-collapse:collapse;
}

table.Custom
{
	border-right: gray 0px solid;
	padding-right: 5px;
	border-top: gray 0px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray 0px solid;
	width: 55%;
	padding-top: 5px;
	border-bottom: gray 0px solid;
	position: static;
	border-collapse: collapse;
	width:700;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
margin:10px;
width:126px;
height:85px;
line-height:85px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#e3dfdb;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
