/*MAIN STYLESHEET*/
body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,table,caption,blockquote
{
padding:0;
border:0;
margin:0;
}
/*BODY STYLES*/
body
{
background-color: #CCCCCC;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: center;
}
/*GLOBAL STYLES*/
a
{
color: #6699FF;
text-decoration: none;
}
a:hover
{
color: #003399;
}
a.light
{
color: #FFFFFF;
text-decoration: none;
}
a.light:hover
{
color: #FFFFFF;
}
h1
{
font-weight: bold;
color:#003399;
clear:both;
font-size:1.5em;
background-color:transparent;
margin:5px 0px 15px 0px;
}
h2
{
font-weight: bold;
background-color:#003399;
color: #FFFFFF;
font-size:1.3em;
text-align:center;
clear:both;
padding:2px;
margin:0px 0px 10px 0px;
background-image:url(../img/h2.gif);
background-repeat:no-repeat;
background-position:top left;
}
h2.newsheadline
{
background-color:#003399;
color:#FFFFFF;
font-variant:small-caps;
background-image:none;
}
h3
{
font-weight: bold;
background-color:#FFFFFF;
color: #003399;
border:1px solid #CCCCFF;
text-align:center;
font-variant:small-caps;
clear:both;
font-size:1.2em;
}
h4
{
font-weight: bold;
background-color:#FFFFFF;
border:1px solid #6699FF;
color: #6699FF;
font-size:1.1em;
text-align:center;
clear:both;
margin:0px 0px 10px 0px;
}
blockquote
{
border-top:2px solid #DDDDDD;
border-bottom:2px solid #DDDDDD;
padding:5px 0px 5px 0px;
background-color:#FFFFFF;
font-weight:bold;
clear:both;
margin:10px 0px 20px 0px;
}
blockquote a
{
color:#003399;
}
blockquote.valid
{
border:0;
border:1px solid #00CC00;
color:#00CC00;
background-color:#FFFFFF;
margin:10px 0px 10px 0px;
padding:3px;
}
blockquote.invalid
{
border:0;
border:1px solid #FF0000;
color:#FF0000;
background-color:#FFFFFF;
margin:10px 0px 10px 0px;
padding:3px;
}
.large
{
font-size:1.2em;
color: #003399;
}
.tiny
{
font-size:0.8em;
}
.error
{
color: #FF0000;
}
.success
{
color: #00CC00;
}
/*FORM STYLES*/
form fieldset
{
padding:0px;
}
form legend
{
background-color:#CCCCFF;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-weight:bold;
padding:2px;
width:100%;
margin-bottom:10px;
}
form label
{
font-weight:bold;
}
.textbox1
{
background-color: #FFFFFF;
border:0;
border:1px solid #6699FF;
padding: 0px;
width: 99%;
height: 22px;
}
.button1
{
font-weight: bold;
background-color: #003399;
border:0;
color:#FFFFFF;
font-variant:small-caps;
padding:2px;
}
textarea
{
padding: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background-color: #FFFFFF;
border:0;
border:1px solid #6699FF;
width: 99%;
height: 200px;
}
select
{
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #AAAAAA;
width: 99%;
height: 22px;	
}
select.multiple1
{
height: 140px;	
}
/*PAGE LAYOUT STYLES*/
#container
{
width: 760px;
margin: 0px auto;
background-image:url(../img/bg1.gif);
background-repeat:repeat-y;
}
#header
{
position: relative;
width: 760px;
height: 148px;
clear:left;
background-image:url(../img/header1.gif);
background-repeat:no-repeat;
}
#headernav
{
position:absolute;
left:22px;
top:122px;
width:730px;
}
#searchbox
{
position:absolute;
left:565px;
top:43px;
width:193px;
height:24px;
}
#searchinput
{
width:160px;
height:20px;
border:1px solid #003399;
float:left;
}
#searchbutton
{
float:left;
}
#icons
{
position:absolute;
top:26px;
left:299px;
width:260px;
height:80px;
text-align:left;
color:#FFFFFF;
}
#icons span
{
clear:left;
display:block;
font-size:10px;
}
.icon
{
float:left;
width:50px;
height:50px;
}
#footer
{
position: relative;
clear: both;
width: 760px;
height: 100px;
margin-top: 20px;
border-top:1px dotted #999999;
font-size:0.9em;
text-align:center;
}
#cards
{
position:absolute;
top:60px;
left:273px;
}
#yell
{
position:absolute;
top:60px;
left:10px;
}
#content
{
text-align:left;
float:left;
width: 480px;
margin-left:20px;
padding: 0px;
min-height:300px;
margin-bottom:20px;
}
* html #content
{
height:300px;
margin-left:10px;
}
#shopnav
{
width:230px;
float:right;
text-align:left;
margin-right:1px;
margin-top:5px;
}
.navtop
{
width:230px;
height:31px;
background-image:url(../img/navtop.gif);
}
/*
NAVIGATION
*/
.menubuttons
{
width:100%;
}
.menubuttons ul
{
list-style:none;
margin:0;
padding:0;
}
.menubuttons li a
{
display:block;
background-color:transparent;
border-bottom: 1px solid #EEEEEE;
color:#6699FF;
width:100%;
font-weight:bold;
padding:3px 0px 3px 0px;
}
.menubuttons li a:hover
{
color:#FFFFFF;
background-color:#6699FF;
}
.menubuttons li.active a
{
color:#003399;
}




.bluemenu
{
width:100%;
}
.bluemenu ul
{
list-style:none;
margin:0;
padding:0;
}
.bluemenu li a
{
display:block;
background-color:#6699FF;
border-bottom: 1px solid #FFFFFF;
color:#FFFFFF;
width:100%;
font-weight:bold;
font-size:1.1em;
padding:3px 0px 3px 0px;
}
.bluemenu li a:hover
{
color:#003399;
background-color:#CCCCFF;
}
.bluemenu li.active a
{
color:#003399;
}

#shopnav h2
{
margin:0px 0px 0px 0px;
border-bottom:1px solid #FFFFFF;
padding:3px 0px 3px 0px;
background-color:#003399;
color:#FFFFFF;
font-variant:small-caps;
font-size:1.1em;
background-image:none;
}




#headernav ul
{
list-style:none;
margin:0;
padding:0;
}
#headernav li
{
float:left;
}
#headernav li a
{
font-variant:small-caps;
font-size:1em;
display:block;
background-color:transparent;
color:#999999;
margin-right:10px;
padding-right:10px;
border-right:1px solid #999999;
}
#headernav li a:hover
{
color:#000000;
}
#headernav li.active a
{
color:#000000;
font-weight:bold;
}
/*
PAGE CONTENT
*/
.datatable
{
width:100%;
font-size:1em;
text-align:center;
border-collapse:collapse;
}
.datatable td
{
border-bottom:1px solid #CCCCCC;
}
.dataheadings
{
font-weight:bold;
background-color:#003399;
color:#FFFFFF;
}
.datasubheadings
{
font-weight:bold;
font-variant:small-caps;
background-color:#DDDDDD;
color:#FFFFFF;
}
.shaded
{
background-color:#EEEEEE;
}
span.imagecaption
{
width:100%;
text-align:center;
font-size:0.8em;
display:block;
}
#rightpic
{
width:193px;
float:right;
margin-left:10px;
}
.textpage
{
width:500px;
font-size:13px;
float:left;
}
.rightmargin
{
width:720px;
}