/* CSS Document */
/* 
web colors
darker blue - #2D72AA
lighter blue - #4791C5 OR #70A8D1
lighest blue - #DEEBF5
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eeeeee;
	font-size: 12px;
	text-align: center; /* to correct the centering IE bug*/
	margin: 0; /* to avoid margins */
	background-color: #5E5B61;
	background-image: url(images/Artist_Mercantile_Original_Bkgrnd1.jpg);
	
}

a:link {
	color: #333333;
	text-decoration : none;
}
a:visited {
	color: #333333;
	text-decoration : none;
}

a:hover {
	color: #663366;
	text-decoration: underline;
}

a:active {
	color: #663366;
	text-decoration :none;
}

.P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: normal;	
}


.PSMALL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	font-weight: normal;	
}

.boldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;	
}

.boldMEDIUM {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;	
}

.PBLUE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2D72AA;
	font-size: 12px;
	
}


H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: Black;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: Black;
}


.graylink a {
	color: #333333;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.graylink a:link {
	color: #333333;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.graylink a:visited {
	color: #333333;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.graylink a:hover {
	color: #333333;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 500;
	background-color : #eeeeee;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}


#LeftNav {
	font-size: 12px;
	font-weight : 600;
	width: 150px;
}

#LeftNav a {
	padding: 3px;
	display: block;
	font-weight : 600;
	border: 1px solid #666;
	text-decoration: none;
	line-height: 1em;
	width: 150px;
	background-color: #84B1DA;
}
#LeftNav a:link, #LeftNav a:visited {
	color: #000000;
	font-weight : 600;
	text-align: right;
	letter-spacing: 1px;
}
#LeftNav a:hover, #LeftNav a:active {
	color: #000000;
	font-weight : 600;
	background-color: #eeeeee;
	border: 1px solid #000;
	letter-spacing: 1px;
	background-image: url(images/Christmas.gif);
	text-align: right;
}

.smallWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

.smallGRAY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
}

.smallBLACK {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


#topbar {
	font-size: 11px;
	font-weight : 600;
}

#topbar a {
	/*/*/padding: 3px;
	font-weight : 600;
	border: 2px solid #FFF;
	text-decoration: none;
	line-height: 1em;
	width: 150px; /* */
}
#topbar a:link, #topbar a:visited {
	color: Gray;
	font-weight : 600;
	background-color: #99CDFF;
}
#topbar a:hover, #topbar a:active {
	color: #eeeeee;
	font-weight : 600;
	background-color: #4E82B2;
	border: 2px solid #666666;	
}

#current a {
	color: #FFFFFF !important;
	/*/*/background-color: #999999!important;
	border: 2px dotted #999 !important; /* */
}

.buttonover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	background-color: #8BA5BE;
	border: 1px #333333 solid;
	height: 24px;
	width: 86px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor: hand;
	font-weight: bold
}

.buttonup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	background-color: Silver;
	border: 1px #333333 solid;
	height: 24px;
	width: 86px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px ;
	cursor: hand;
	font-weight: bold
}

.leftdivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	border-left-color : 333333;
	border-left-style : solid;
	border-left-width : 1px;
}

.rightdivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	border-right-color : 333333;
	border-right-style : solid;
	border-right-width : 1px;
}

.topdivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	border-top-color : 333333;
	border-top-style : solid;
	border-top-width : 1px;
}

.bottomdivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	border-bottom-color : 333333;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}

.featurebox {
	background-color: #cccccc;
	border: 1px solid #333333;
	padding: 5px;
	color: #333333;

}

.paraheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	background-color: silver;
	/*themecolour1;
	*/
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
	letter-spacing: 2pt;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	/*themecolour1;
	*/
}

.heading {
	font-size: 12pt;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #D8D8D8;
	/*themecolour4;
	*/
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	letter-spacing: 2pt;
	margin-bottom: 5px;
}

#bluenav {
	width: 200px;
	font-size: 12px;
	/*/
	*/
	font-size: 85%;
	/* */
	font-weight : 600;
}

#bluenav a {
	/*/
	*/
	padding: 3px;
	display: block;
	border: 2px outset #CCC;
	text-decoration: none;
	line-height: 1em;
	width: 100px;
	/* */
}
#bluenav a:link, #bluenav a:visited {
	color: #666;
}
#bluenav a:hover, #bluenav a:active {
	color: #FFFFFF;
	background-color: #8BA5BE;
	border: 2px solid #000;
}
/* SIDEBAR STYLE - Use this for left navigation menu */
#sidebar {
	width: 150px;
	font-size: 12px;
	/*/*/font-size: 85%; /* */

}

#sidebar a {
	/*/*/padding: 3px;
	display: block;
	border: 1px solid #555;
	text-decoration: none;
	line-height: 1em;
	width: 145px; /* */
}
#sidebar a:link, #sidebar a:visited {
	color: #FFF;
}
#sidebar a:hover, #sidebar a:active {
	color: #333333;
	background-color: #CCCCCC;
	border: 2px solid #000;
	/*background-image: url(images/Gradient.gif);*/
}

.liteTbl {
 border:1px solid #999999;
}
.rowLite {
 background-color: #DEEBF5;
}

.tableborder { border: 1px solid #999999;}

.TableOutline {
	/*border: solid gray 1px;*/
	
	border-top-style: solid;
	border-top-color: #eee;
	border-top-width: thin;
	
	border-left-style: solid;
	border-left-color: #eee;
	border-left-width: thin;
	
	border-right-style: solid;
	border-right-color: #666;
	border-right-width: thin;
	
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-bottom-width: thin;	
	
}

.TableOutlineBOTTOM {
	border-bottom-color: gray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


.TD-BLUE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
	background-color: #DEEBF5;
	border: 1px #333333 solid;
	text-shadow:#666666;
	text-align: left;
}

.TD-GRAY {
	background-color: #DEEBF5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px #333333 solid;
	text-shadow:#666666;
	text-align: left;
}

.spacedletters {
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
	text-align: center;
}

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

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 11px;
	position : absolute;
	top : 127px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}


#RESULTSPAGE {
     position:absolute;
     left: 45%; 
     top: 40%;
     width: 800px;
     height: 100%;
     margin-top: -200px; /* half of the height */
     margin-left: -325px; /* half of the width */
     /*border: 1px dotted #ff0000;*/
}




#MainContent {
	margin-left: 130px;
	margin-right: 130px;
	margin-top: 125px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	font-weight : normal;
	word-spacing: 1px;
	text-align: left;
	background-color: #666666;	
}

.MainContent {
	margin-left: 130px;
	margin-right: 130px;
	margin-top: 180px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	font-weight : normal;
	word-spacing: 1px;
	text-align: left;
	background-color: #CCCCCC;
}

.biglink a {
	color: #333333;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.biglink a:link {
	color: #333333;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.biglink a:visited {
	color: #333333;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.biglink a:hover {
	color: #7694BF;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 500;
	/*background-color : #FFFFCC;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}

.ProperCase {
	text-transform: capitalize;	
}

dt { font-weight: bold; }
dd { margin-bottom: 1em; }


.bluelink a {
	color: #2D72AA;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.bluelink a:link {
	color: #2D72AA;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.bluelink a:visited {
	color: #2D72AA;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.bluelink a:hover {
	color: #60A0D5;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 500;
	/*background-color : #eeeeee;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}

#footer {
	width: 95%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	text-align: center;
	padding-top: 15px;
	margin-top: 30px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	position: relative;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #999999;
	text-decoration: none;
}

.silverBORDER {
	border-width: 2px;
	border-style: solid;
	border-color: #eeeeee;
}

.maroonBORDER {
	border-width: 2px;
	border-style: solid;
	border-color: #570D0E;
}


#global {
	position:absolute;
	left: 40%;
	top: 40%;
	width: 800px;
	/*height: 100%;*/
	margin-top: -200px; /* half of the height */
	margin-left: -355px; /* half of the width */
	background-color: #666666;	
	
	/* border: 1px dotted #eeeeee;*/
 	/* background-image: url(images/MainBGColumns.jpg);*/
	/*background-repeat: repeat-y;*/
	/*border-bottom-color: #741515;
	border-bottom-style: solid;
	border-bottom-width: thick;
	border-top-color: #741515;
	border-top-style: solid;
	border-top-width: thick;
	
	border-left-color: #741515;
	border-left-style: solid;
	border-left-width: thick;
	
	border-right-color: #741515;
	border-right-style: solid;
	border-right-width: thick;*/
}

#tableTOP {
	text-align: center; /* to correct the centering IE bug*/
	margin: 0; /* to avoid margins */
	position:absolute;
	left: 119px;
	top: 25px;
	width: 650px;
	height: 130px;
	background-color: #666666;
	background-image: url(images/TableTopBGLONG.jpg);
	background-repeat: repeat;
}

#pageContent {
	text-align: left; /* to correct the centering IE bug*/
	margin: 0; /* to avoid margins */
	position:absolute;
	left: 119px;
	top: 142px;
	width: 622px;
	background-color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	border-left-color: #666666;
	border-right-color: #666666;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
}

.ShortP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 480px;
	margin-left: -80px;	
}

#toplogo {
	position:absolute;
	left: -5px;
	top: 85px;
	
	width: 100%;
	height:125px;
	background-image: url(images/NavBG.jpg);
	background-repeat: repeat-x;
}

#contents {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background : #cccccc;
	clear : both;
	margin : 0px;
	padding : 15px;
	border-left-color: #666666;
	border-right-color: #666666;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	top: 150px;	
	
}

#navlist {
	font-size: 13px;
	margin: 16px 0 2.5em 75px;
	width: 95%;
	/*background-image: url(images/NavBG.jpg);
	background-repeat: repeat-x;	*/
	/*height: 20px;*/
}
#navlist li {
	float: left;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	
}
#navlist ul {
	margin: 0;
	padding: 0;
}
#navlist a {
	padding: 3px 10px 3px 22px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #999999;
	background-image:  url(images/l1_down.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}
#navlist a:link, #navlist a:visited {
	color: #EEEEEE;
}
#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited, 
#uberlink a:hover, #uberlink a:active {
	background-color: #9F6F9F;
	background-image:  url(images/l1_over.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #2D1E2D;
}

#NavMenu {
	text-align: center;
}





.purple a {
	color: #663366;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.purple a:link {
	color: #663366;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.purple a:visited {
	color: #663366;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.purple a:hover {
	color: #663366;
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : 500;
	background-color : #C1C1C1;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	
}

.linksINDENT {
	padding-left: 15px;
}