
/* <!-- */
/* General styles */
body {
margin:0;
padding:0;
border:0;			/* Removes the border around the viewport in old versions of IE */
width:100%;
background:#fff;
min-width:600px;    	/* Minimum width of layout */
				/* Min-width does not work in old versions of IE */
font-size:75%;
font-family: Verdana, Arial, sans-serif;
line-height:1.25em;
}

a {
color:#003399;
}

a:hover {
color:#fff;
background:#41627e;
text-decoration:none;
}

h1, h2, h3, h4, h5 {
clear:left;
color:#c35817;
font-family: Tahoma, Helvetica, sans-serif;
margin:.3em 0 0 0;
padding-bottom:.5em;
}

h1 {
font-size:1.6em;
}

h2 {
font-size:1.35em;
}

h3 {
font-size:1.2em;
}


/* start specify after reset css stripped it out */
abbr,acronym {
/*indicating to users that more info is available */
border-bottom:1px dotted #000;
cursor:help;
}

em {
/*bringing italics back to the em element*/
font-style:italic;
}

blockquote,ul,ol,dl {
/*giving blockquotes and lists room to breath*/
margin:.5em;
}

blockquote {
font-style:italic;
}

ol,ul,dl {
/*bringing lists on to the page with breathing room */
margin-left:2em;
}

ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;	
}

ul li {
/*giving UL's LIs generated disc markers*/
list-style: disc outside;
}



p,fieldset,table,pre {
/*so things don't run into each other*/
margin-bottom:1em;
}
/* end specify after reset css stripped it out */


img {
margin:3px;
background:#fff;
}

/* Header styles */
#header {
clear:both;
float:left;
width:100%;
}

#header {
border-bottom:1px solid #41627e;
}

#header p {
padding:.3em 15px 0 15px;
margin:0;
}

#header h1 {
padding:.4em 15px 0 15px;
margin:0;
letter-spacing: -2px;
font-size: 25px;
}

#header h2 {
padding:.4em 15px 0 15px;
margin:0;
font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}

#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

#header ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}

#header ul li a:hover {
background:#41627e;
color:#fff;
}

#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#c35817;
font-weight:bold;
}

#header ul li a span {
display:block;
}

/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#fff;
border-top:4px solid #c35817;
margin:0;
padding:6px 115px !important;
text-align:center;
}

/* column container */
.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}

.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 .5em 0;
overflow:hidden;
}

/* 2 Column (right menu) settings */
.rightmenu {
background:#fff;		/* right column background colour */
}

.rightmenu .colleft {
right:25%;			/* right column width */
background:#fff;		/* left column background colour */
}

.rightmenu .col1 {
width:61%;			/*Original 71*/ /* left column content width (left column width minus left and right padding) */
left:27%;			/* (right column width) plus (left column left padding) */
background:#fff url(../images/site/bg-grey-logo-700-530.jpg) repeat-y;
}

.rightmenu .col2 {
width:31%;			/*Original 21*/ /* right column content width (right column width minus left and right padding) */
left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #41627e;
}

#footer p {
padding:10px;
margin:0;
align:center;
}


/* feature styles */
ul.merch {
margin:10px 0 0 0;
padding:0;
list-style:none;
}

#home ul.merch {
margin:20px 0 0 0;
}

ul.merch li {
margin:0 0 20px 0;
padding:0;
list-style:none;
}

ul.merch li.left {
clear:left;
float:left;
width:47%;
position:relative;
overflow:hidden;
}

ul.merch li.right {
clear:right;
float:right;
width:47%;
position:relative;
overflow:hidden;
}

ul.merch li a {
display:block;
text-decoration:none;
border:1px solid #ddd;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
background-position:96% center;
background-repeat:no-repeat;
padding:0;
overflow:hidden;
position:relative;
}

ul.merch li a:hover {
border:1px solid #41627e;
background-color:#fff;
color:#000;
background-position:96% center;
background-repeat:no-repeat;
}

ul.merch li a span {
display:block;
margin:0;
padding:0;
background:#f4f4f4;
width:100%;
position:relative;
right:120px;
min-height:120px;
}

ul.merch li a:hover span {
background:#41627e;
color:#fff;
}

ul.merch li a span strong {
display:block;
padding:10px 10px 5px 130px;
cursor:pointer;
}

ul.merch li a span em {
display:block;
padding:5px 10px 10px 130px;
cursor:pointer;
}

/* Legacy */

/* next four declarations allow captions via CSS with images */
.picture {
background-color: #F9F9F9; 
border: 1px solid #CCCCCC;
padding: 3px; 
font: 11px/1.4em Geneva, sans-serif;
}

.picture img {
border: 1px solid #CCCCCC; 
vertical-align:middle; margin-bottom: 3px;
}

.picright {
margin: 0.5em 0pt 0.5em 0.8em;
float:right;
}

.picleft {
margin: 0.5em 0.8em 0.5em 0;
float:left;
}

.floatpicright {
float:right;
border:0 inset #fff;
background-color:transparent;
margin:3px 0 3px 15px;
padding:0 0 0 15px
}

.floatpicright-fix50pct {
float:right;
width:50%;
border:0 inset #fff;
background-color:transparent;
margin:3px 0 3px 15px;
padding:0 0 0 15px
}

.menuSpacer {
margin-bottom:5px;
border-bottom:1px dotted #c35817
}

.blockformat {
color:#000;
font-style:italic;
float:left;
border:solid 1px #c35817;
width:97%;
padding:7px;
margin:4px 0 4px 0px;
}

.caps {
text-transform:uppercase;
font-weight:800;
}

.small {
font-size:80%
}

.smallbold {
font-weight:700;
font-size:80%
}

.tiny {
font-size:70%
}

.tinybold {
font-weight:700;
font-size:70%
}

/* --> */

