html
{
min-height: 100%;
}

body
{
margin: 0;
padding: 0;
background-color: #6685a3;
min-height: 100%;
}

#wrapper{
	width: 950px;
	min-height: 100%;
	margin: 0px;
	background-color: #5787b1;
}

#banner{
	width: 100%;
	height: 215px;
	margin: 0px;
	background:url(../img/banner.jpg) no-repeat;
	float: left;
}

#menu{
	width: 215px;
	min-height: 400px;
	margin: 0px auto;
	float: left;
	background-color: #5787b1;
}

#main{
	width: 725px;
	min-height: 420px;
	margin: 0px auto;
	padding-left: 10px;
	padding-top: 5px;
	float: right;
	background:url(../img/mainback.jpg) repeat-y;
}

#collection{
	width: 345px;
	min-height: 420px;
	margin-right: 30px;
	margin-left: 0px;
	margin-bottom: 8px;
	margin-top: 2px;
	padding: 0px;
	float: right;
}


/* Accordion menu */

.glossymenu{
background:#3a5f80;
margin: 0;
padding: 0;
width: 215px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
font-size: 15px; 
font-family: Helvetica, sans-serif;
letter-spacing: 3;
color: white;
display: block;
background:#3a5f80;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 6px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #fff;
}

.glossymenu a.active{
background: #cf2f87;
}


/* CSS for icon image that gets dynamically added to headers

.glossymenu a.menuitem .statusicon{ 
position: absolute;
top: 5px;
right: 5px;
border: none;
}

*/

.glossymenu a.menuitem:hover{
background:#cf2f87;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #5788b1;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px white;
}

.glossymenu div.submenu ul li a{
display: block;
font-size: 15px; 
font-family: Helvetica, sans-serif;
letter-spacing: 3;
color: #c8daee;
text-decoration: none;
padding: 6px 0;
padding-left: 20px;
}

.glossymenu div.submenu ul li a:hover{
background: #172e45;
}

b.normal{
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
line-height: 1.3;
font-weight:normal;
}

b.faq{
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
line-height: 1.2;
font-weight:normal;
}

b.header{
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height: 1;
font-weight:bold;
text-shadow: 1px 1px 5px #a40b5f;
}


a.normal{
color:#cf2f87;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
font-weight:bold;
}

a:link{text-decoration:none;color:#cf2f87;}
a:visited{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;color:#cf2f87;}

b.bold{
color:#3a5f80;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
font-weight:bold;
}

p{
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
line-height: 1.2;
}

a.small{
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:7pt;
}

h2{
color:#cf2f87;
font-family:Arial,Helvetica,sans-serif;
font-size:11pt;
font-weight:bold;
}

ul 
{
list-style-image: url('img/bullet.jpg');
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
line-height: 1.2;
}

ol 
{
list-style-type: decimal;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
font-weight:bold;
}