body
{
font:normal 80% verdana, arial, sans-serif;
margin:10px;
height:100%;
color:rgb(0,0,0);
}

table
{
font-size: 100%;
}

table#container
{
background:url(../images/content_bg.gif) top center repeat-y;
width:820px;
margin:0px auto 0px auto;
clear:both;
text-align:center;
}

div#header
{
position:relative;
height:333px;
width:820px;
display:block;
margin:0px auto 0px auto;
clear:both;
text-align:left;
}

div#msgspace
{
background: rgb(230,230,230);
width:820px;
display:block;
margin:0px;
clear:both;
text-align:center;
padding-top:3px;
padding-bottom:3px;
}

div#txtsizes
{
position:relative;
left:3px;
display:block;
width:97%;
clear:both;
margin:auto;
text-align:right;
}

div#txtsizes a img
{
border:none;
}

td#onavCol
{
padding:0px;
width:190px;
}

div#navCol
{
width:auto;
display:block;
padding-right:10px;
padding-top:15px;
padding-bottom:15px;
background: rgb(133,165,185) url(../images/mainnav_bg.jpg) bottom left no-repeat;
}

div#navCol ul
{
margin:5px 0px 0px 15px;
padding:5px 0px 0px 15px;
}

div#navCol ul li
{
list-style-image:url(../images/navar.gif);
text-transform:lowercase;
}

div#navCol ul li ul.submenu
{
margin-top:0px;
padding-top:0px;
display:none;
}

div#navCol ul li a, div#navCol ul li div.link
{
display:block;
width:auto;
padding:0px 13px 15px 5px;
color:white;
text-decoration:none;
font:bold 110% verdana, arial, sans-serif;
cursor:pointer;
}

div#navCol ul li.open
{
list-style-image:url(../images/navar_d.gif);
}


div#navCol ul li a:hover, div#navCol ul li div.link:hover
{
color:rgb(255,255,255);
text-decoration:underline;
}

table#content
{
width:820px;
padding:0px;
margin:0px auto 10px auto;
clear:both;
text-align:left;
border:0px solid rgb(100,100,100);
}

table#content td#textCol
{
padding:0px;
width:629px;
text-align:left;
}

div.textCol
{
background: url(../images/dot.jpg) top left repeat-y;
border-right:1px solid rgb(220,220,220);
width:629px;
}

div#footerwrap
{
color:black;
position:relative;
width:820px;
display:block;
clear:both;
margin:5px auto 5px auto;
text-align:left;
}

div#footer
{
font-size:80%;
position:relative;
}

h1, h2, h3, h4, h5, h6
{
text-align:left;
font-family:verdana, arial, sans-serif;
color:rgb(80,80,80);
letter-spacing:0em;
font-weight:bold;
margin-top:0px;
}

h1
{
font-size:30px;
}

h2
{
font-size:25px;
}

h3
{
font-size:18px;
}

h4
{
font-size:14px;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link
{
font-weight:bold;
color: rgb(0,0,0);
text-decoration:none;
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight:bold;
color: rgb(0,0,0);
text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
text-decoration:underline;
}

a:link, a:visited
{
font-weight:bold;
color: rgb(0,0,0);/*rgb(80,100,180);*/
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

form.contact
{
margin:0px;
}

form.contact div.sep
{
position:relative;
margin-bottom:10px;
width:100%;
display:block;
float:left;
clear:both;
}

form.contact div.sep2
{
position:relative;
margin-bottom:10px;
width:100%;
display:block;
float:left;
text-align:right;
clear:both;
}

form.contact div.sepbrk
{
position:relative;
margin-bottom:30px;
width:100%;
display:block;
float:left;
clear:both;
}

form.contact div.sep label, form.contact div.sepbrk label
{
position:relative;
font-size:100%;
float:left;
width:100px;
display:block;
}

form.contact div.sep input[type="text"], form.contact div.sep textarea, form.contact div.sepbrk input[type="text"], form.contact div.sepbrk textarea
{
position:relative;
font:normal 80% verdana, arial, sans-serif;
background:rgb(163,195,215);
border:1px solid rgb(133,165,185);
padding:1px;
float:left;
}

form.contact div.sep input[type="text"].small, form.contact div.sepbrk input[type="text"].small
{
width:220px;
}

form.contact div.sep input[type="text"].large, form.contact div.sepbrk input[type="text"].large
{
width:300px;
}

form.contact div.sep input[type="text"].larger, form.contact div.sepbrk input[type="text"].larger
{
width:380px;
}

form.contact div.sep textarea
{
width:380px;
height:140px;
}

form.contact div.sep input[type="text"]:hover, form.contact div.sep textarea:hover, form.contact div.sepbrk input[type="text"]:hover, form.contact div.sepbrk textarea:hover
{
background:rgb(183,215,235);
border:1px solid rgb(133,165,185);
}


form.contact div.sep2 input[type="button"], form.contact div.sep2 input[type="reset"], form.contact div.sep2 input[type="submit"]
{
width:100px;
padding:2px;
font-size:100%;
font-weight:bold;
background: rgb(220,220,220) url(../images/silver_bg.gif);
color:rgb(120,120,120);
border:1px solid rgb(180,180,180);
margin:1px;
cursor:pointer;
}

div#contactdetails label
{
font-size:80%;
font-weight:800;
color:rgb(120,120,120);
}

div#contactdetails label.one
{
width:20px;
float:left;
}

div#contactdetails label.two
{
display:block;
margin-bottom:5px;
clear:both;
}

span.red
{
color:red;
font-weight:bold;
}

div#bottomnav
{
background: rgb(133,164,185) url(../images/bnav.jpg) top left no-repeat;
width:610px;
float:left;
clear:both;
padding-left:20px;
}

div#bottomnav ul
{
margin:0px;
padding:0px;
}

div#bottomnav ul li
{
display:inline;
text-transform:lowercase;
}

div#bottomnav ul li a
{
color:rgb(255,255,255);
font-size:120%;
font-weight:bold;
float:left;
padding:13px 15px 13px 15px;
background:rgb(133,164,185);
border-right:2px solid white;;
}
div#bottomnav ul li a:hover
{
background:rgb(153,184,205);
text-decoration:none;
}

div.center
{
text-align:center;
}

div.padding
{
padding:15px;
}

div.contactdetailhead
{
font-weight:bold;
color:rgb(120,120,120);
width:610px;
font-size:180%;
clear:both;
padding:5px 10px 5px 10px;
background: rgb(220,220,220);
}

div.contactdetails
{
width:599px;
background:url(../images/contactdets.jpg) top left no-repeat;
height:47px;
clear:both;
padding:10px 15px 5px 15px;
border-right:1px solid rgb(220,220,220);
}

span.biggray
{
color:rgb(100,100,100);
font-weight:bold;
font-size:106%;
}

/*** Next/Prev Page Navigation ***********/

.prevnext{
padding: 2px;
text-align:center;
}

.prevnext ul{
margin: 0;
font-size: 8pt;
}

.prevnext li{
list-style-type: none;
display: inline;
margin:0px 3px 0px 3px;
font-weight: bold;
color: #680088;
cursor:pointer;
}

.prevnext a:link, .prevnext a:visited{
padding:0px 5px 1px 5px;
border: 1px solid rgb(133,165,185);
text-decoration: none; 
color: rgb(133,165,185);
font-size: 8pt;
}

.prevnext a:hover, .prevnext a:active {
border: 1px solid rgb(133,165,185);
color: rgb(133,165,185);
background-color: rgb(233,255,255);
}

.prevnext a.curpg:link, .prevnext a.curpg:visited {
border: 1px solid #680088;
color: #680088;
background-color: #EECCFF;
}


.prevnext li.disablepage{
padding:0px 5px 1px 5px;
border: 1px solid #929292;
color: #666666;
background-color: #DDDDDD;
cursor:pointer;
}

.prevnext li.disablepage a:hover{
text-decoration: underline; 
}

* html .prevnext li.currentpage, * html .prevnext li.disablepage{
margin-right: 5px;
padding-right: 0px;
}

/**** Archive ************/

div.archivesearch
{
font-size:90%;
font-weight:bold;
color:rgb(123,155,175);
margin-bottom:10px;
}

div.archivesearch select
{
font-size:90%;
}


div.archivesearch input[type="text"]
{
width:325px;
border:1px solid rgb(123,155,175);
padding:2px;
font-size:90%;
font-family:verdana, arial;
}

div.archivesearch input[type="button"]
{
width:80px;
border:1px solid rgb(180,180,180);
padding:1px;
font-weight:bold;
color:gray;
background: rgb(220,220,200) url(../images/silver_bg.gif);
font-size:90%;
font-family:verdana, arial;
}

hr
{
height:2px;
border:0px;
color: rgb(180,180,180);
background: rgb(180,180,180);
}

