* { margin: 0px; padding: 0px }

p {
	margin-top: 0.8em;
	line-height: 1.5em;
}

body {
	color: #000000;
	background-color: #867D4F;
	font-family: Arial;
	font-size: 12px;
}

table { table-layout: fixed; }

/******    Link Styles    *******/

a { text-decoration: none; }
a:link,
a:visited { color: #0000C8; }
a:hover   { color: #0000FF; }

div#quotebox a			{ color: #72A4D7; }
div#quotebox a:hover	{ color: #C8DEF4; }

div#quotebox2 a:link,
div#quotebox2 a:visited { color: #0039A1; }
div#quotebox2 a:hover   { color: #2860C6; }

div#sidemenu a 			{ font-family: Arial; font-size: 12px; font-weight: normal; }
div#sidemenu a:link,
div#sidemenu a:visited	{ color: #72A4D7; }
div#sidemenu a:hover 	{ color: #C8DEF4; }

div#sidemenu2 a { font-size: 14px; display: block; padding-left: 12px; }
div#sidemenu2 a:link,
div#sidemenu2 a:visited { color: #0039A1; }
div#sidemenu2 a:hover   { color: #2860C6; }

div#contentarea2 a:link, div#contentarea2 a:visited { font-family: 'Georgia'; color: #0039A1; }
div#contentarea2 a:hover { font-family: 'Georgia'; color: #2860C6; }

div#bottombox1 a,
div#bottombox2 a,
div#bottombox3 a		{ color: #72A4D7; }
div#bottombox1 a:hover,
div#bottombox2 a:hover,
div#bottombox3 a:hover	{ color: #C8DEF4; }

/****************************************/

/* Menu CSS */

.menu {display: block; font-family: Arial, sans-serif; font-size: 12px; width:737px; height:30px; position:relative; z-index:200;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:737px; w\idth:737px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {display: block; padding:0;margin:0;list-style-type:none;}
/*.menu ul ul {width:auto;}*/

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;text-align:left;}
.menu li li { width: 140px; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px; text-decoration:none; height:30px; background:#FFFFFF; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:140px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {display: block; background:#BDB190;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#BDB190;}
.menu ul ul :hover > a.drop {background:#BDB190;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {display: block; background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

#menu_home { width:49px; }
#menu_ind { width:74px; }
#menu_org { width:94px; }
#menu_advisor { width:84px; }
#menu_resources { width:61px; }
#menu_register { width:58px; }
#menu_login { width:43px; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {display: block; visibility:hidden;position:absolute;top:30px;left:0; width:180px; background: #BDB190; border:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:31px;t\op:32px;}

/* position the third level flyout menu */
.menu ul ul ul{left:141px; top:-1px; width:141px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-141px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {display: block; background:#BDB190; color:#000; height:auto; line-height:1em; padding:5px 10px; width:160px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;w\idth:160px;}

/* style the top level hover */
.menu a:hover{color:#FFFFFF; background:#FFFFFE;} /* If you set background to pure white IE6 stops working */
.menu ul ul a:hover{color:#4C48F2; background:#BDB190;}
.menu :hover > a { color:#4C48F2;background:#FFFFFF; }
.menu ul ul :hover > a {color:#4C48F2;background:#BDB190;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; display:block;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* welcome text */
li#welcome { text-align: right; width: 360px; padding-top:2px; color: #000; }
li#welcome a, li#welcome a:hover { display: inline; }
li#welcome a:hover { color: #4C48F2; }

/****************************************************/
/* Compass Gizmo 									*/

div#compass_gizmo { font-family: Georgia; font-size: 12px; line-height: 1.5em; /*overflow: hidden; */width: 142px; height: 133px; background: url('images/compass.jpg') no-repeat top left; }

/* IE 6 hack */
* html div#compass_gizmo { w\idth: 142px; white-space: nowrap; overflow: hidden; }

#compass_gizmo ul.compass_corner { list-style-type: none; display: block; }
ul.compass_corner li { float: left; width: 69px; overflow: visible; }

/* another IE 6 hack... */
* html ul.compass_corner li { float: left; width: auto; overflow: hidden; }

#compass_gizmo li a { text-decoration: none; color: #000CFF; }
#compass_gizmo ul li div { padding: 1em; display: none; }

#compass_gizmo a#nw,
#compass_gizmo a#ne,
#compass_gizmo a#sw,
#compass_gizmo a#se { overflow: visible; text-align: center; }

#compass_gizmo a#nw { display: block; width: 75px; height: 66px; background: url('../images/compass_nw.jpg') no-repeat bottom right; }
#compass_gizmo a#ne { display: block; width: 73px; height: 66px; background: url('../images/compass_ne.jpg') no-repeat bottom right; }
#compass_gizmo a#sw { display: block; width: 75px; height: 67px; background: url('../images/compass_sw.jpg') no-repeat top right; }
#compass_gizmo a#se { display: block; width: 73px; height: 66px; background: url('../images/compass_se.jpg') no-repeat top right; }

/* highlighted headings */
#compass_gizmo a#nw_hl { display: block; width: 75px; height: 66px; background: url('../images/compass_nw_hl.jpg') no-repeat bottom right; }
#compass_gizmo a#ne_hl { display: block; width: 73px; height: 66px; background: url('../images/compass_ne_hl.jpg') no-repeat bottom right; }
#compass_gizmo a#sw_hl { display: block; width: 75px; height: 67px; background: url('../images/compass_sw_hl.jpg') no-repeat top right; }
#compass_gizmo a#se_hl { display: block; width: 73px; height: 66px; background: url('../images/compass_se_hl.jpg') no-repeat top right; }

/* more IE 6 hacks */
* html #compass_gizmo a#nw { width: 75px; height: 66px; background: url('images/compass_nw.jpg') no-repeat bottom right; }
* html #compass_gizmo a#ne { width: 67px; height: 66px; background: url('images/compass_ne.jpg') no-repeat bottom right; }
* html #compass_gizmo a#sw { width: 75px; height: 67px; background: url('images/compass_sw.jpg') no-repeat top right; }
* html #compass_gizmo a#se { width: 66px; height: 66px; background: url('images/compass_se.jpg') no-repeat top right; }

/* #compass_gizmo a span {display:none; } */

#compass_gizmo ul li:hover div {
	display:block; position: absolute; text-align: left;
	left:-303px; top:35px; width:264px; height:auto;
	border:1px solid #4E4C45; background:#BDB190; z-index: 4;
}

/* IE5.5+6 only */
#compass_gizmo ul li a:hover div {
	left:-275px; top:10px; width:264px; height:50px;
	border:1px solid #4E4C45; text-align: left;
	background:#BDB190; z-index: 4; overflow: visible;
}

#compass_gizmo ul li:hover em,
#compass_gizmo a:hover em {
	display:inline;
	z-index: 200; position:absolute;	/* IE z-index hack */
	left:-40px; top:10px; width:49px; height:48px;
/* 	line-height:1px; */
	background: url('../images/box_top_right.gif') no-repeat top right;
}

/* this overwrites previous IE hack */
#compass_gizmo ul:hover li { position: relative; }

#compass_gizmo a#nw h5 { display: block; }

/* IE 5.5/6 crap */
#compass_gizmo table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
* html #compass_gizmo li a:hover {position:relative;}
* html #compass_gizmo li div {visibility:hidden; display:block; position:absolute; top:0px; left:90px;}
#compass_gizmo ul li a:hover div { visibility:visible; lef\t:-303px; to\p:35px; color: #000; }
div.content { color: #000; }

.compass_box_title { font-family: Garamond; font-size:16px; color: #000; font-weight: bold; }

/******************************************************/

td#header, td#header1 {
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 134px;
	max-height: 134px;
	height: 134px;
}
td#header1 {
	background-image: url('../images/header1.jpg');
}

/* layer 2 */
td#header2 {
	background-image: url('../images/header2.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 134px;
	max-height: 134px;
	height: 134px;
}

td#compass {
	background-image: url('../images/compass.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 134px;
	max-height: 134px;
	height: 134px;
}

td#sidemenu {
	background-image: url('../images/menusidebar.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

td#sidemenu2 { background-color: #D7DBCB; }

td#contentarea {
	background-image: url('../images/contentarea.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 0 0 0;
	min-height: 378px;
	max-height: 378px;
	height: 378px;
}
td#contentarea2 {
	padding: 0 0 0 0;
	background-color: #D7DBCB;
}

div#contentcontainer {
	height: 377px;
	overflow: auto;
}

div#contentarea {
	margin: 1em 1em 1em 1em;
	font-family: Arial;
}
div#contentarea2 {
	padding: 0em 1em 1em 1em;
	color: #302E39;
	font-family: Georgia;
	font-size: 14px;
}

div#quotebox, div#quotebox2 {
	color: #FFFFFF;
	font-family: 'Times New Roman';
	font-size: 12px;
	font-style: italic;
	width: 178px;
	margin-left: 0.8em;
	margin-top: 4em;	/* need extra spacing for firefox */
}
div#quotebox2 { color: #000000; }

* html div#quotebox { margin-top: 2em; }	/* IE6 hack to revert firefox hack */
* html div#quotebox2 { margin-top: 2em; }

td#bottombox1 {
	background-image: url('../images/bottombox1.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

td#bottombox2 {
	background-image: url('../images/bottombox2.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

td#bottombox3 {
	background-image: url('../images/bottombox3.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div#bottombox1 {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	padding: 1em 1em 0 1em;
	margin: 0 0 0 0;
}

div#bottombox2 {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	padding: 1em 1em 0 1em;
	margin: 0 0 0 0;
}

div#bottombox3 {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	padding: 1em 1em 0 1em;
	margin: 0 0 0 0;
}

.takegci_tableNW {padding: 2px; border-left: 1px solid #fff; border-top: 1px solid #fff;}
.takegci_tableN  {padding: 2px; border-left: 1px solid #fff; border-top: 1px solid #fff;}
.takegci_tableNE {padding: 2px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.takegci_tableCW {padding: 2px; border-left: 1px solid #fff;}
.takegci_tableC  {padding: 2px; border-left: 1px solid #fff;}
.takegci_tableCE {padding: 2px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.takegci_tableSW {padding: 2px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
.takegci_tableS  {padding: 2px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
.takegci_tableSE {padding: 2px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}

/*************************************************/

div#sidemenu, div#sidemenu2 {
 	font-family: Garamond;
	position: relative;
	color: #F0F0EF;
	font-weight: bold;
	font-size: 16px;
	width: 185px;
	left: 5px;
	margin-top: 10px;
}
div#sidemenu2 {	color: #625028; }

img#sidemenu {
	position: absolute;
	border: 0px;
	top: -5px;
	width: 173px;
	height: 1px;
}

.sidemenu ul {
	position: relative;
}

.sidemenu li {
	list-style: none;
	color: #FFFFFF;
	position: relative;
 	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1em;
	top: 10px;
	left: 15px;
	width: 170px;
}
/* level 2 menus */
.sidemenu2 li {
	list-style: none;
	color: #AAAAFF;
	position: relative;
 	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1em;
	top: 10px;
	left: 0px;
	width: 170px;
}


.copyright {
	color: #000000;
	font-family: 'verdana', 'lucida sans', 'ArialMS', 'Arial';
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
    text-align: center;
	line-height: 1.3em;
	margin-top: 1em;
}


/******************************************
	Content Styles
*******************************************/

.sitehead {
	color: #40464E;
	/* font-family: 'verdana', 'lucida sans',  'ArialMS', 'Arial'; */
	font-family: Garamond;
	font-size: 20px;
    line-height: 26px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
    text-align: left;
}

.sitesubhead {
	color: #000000;
	/* font-family: 'verdana', 'lucida sans',  'ArialMS', 'Arial'; */
	font-family: Garamond;
	font-size: 17px;
    line-height: 18px;
	font-style: none;
	font-variant: normal;
	font-weight: bold;
    text-align: left;
}

.pagehead {
	color: #CBCC7D;
	font-family: Garamond;
	font-size: 14px;
    line-height: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
    text-align: left;
}
.pagehead2 { color: #625028; }

.appl_head {
	color: #000000;
	font-family: Garamond;
	font-size: 20px;
    line-height: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
    text-align: left;
	margin-top: 0.5em;
	padding: 0px;
}

.appl_head2 {
	color: #625028;
	font-family: 'Times New Roman';
	font-size: 24px;
    line-height: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
    text-align: left;
	margin-top: 0.5em;
	padding: 0px;
}

.appl_subhead {
	color: #979862;
	font-size: 1.1em;
	font-style: oblique;
	margin: 0px;
	padding: 0px;
}
.appl_subhead2 {
	color: #625028;
	font-family: 'Times New Roman';
	font-size: 18px;
    line-height: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
    text-align: left;
	margin-top: 0.5em;
	padding: 0px;
}

.body_quote_text {
	font-family: Georgia;
	font-style: italic;
	margin-left: 3em;
	display: block;
}

.inputfieldname {
	color: #CBCC7D;
	font-size: 14px;
	font-family: Garamond;
    line-height: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
    text-align: left;
}

#imagehr { position: relative; top: -10px; }
* html #imagehr { position: static; }

/* Special syle for the GiftsCompass Inventory trademark */
#gcitext { font-family: 'Times New Roman'; font-weight: bold; font-style: italic; letter-spacing: 0.1em; }

div#loginpage a:link { color: #4C48F2; text-decoration: none; }
.loginprompt {
	background-color: #A9A17A;
	padding: 4px;
}

.loginpromptborder {
	border-right: 1px solid #000; border-bottom: 1px solid #000;
	border-left: 1px solid #E7E7E7;  border-top: 1px solid #E7E7E7;
}

.loginInputField { width: 140px; }
.loginFooter     { font-size: 11px; }

div#member_main ul {
	margin: 1em 0em 0em 30px;
	list-style-image: url('http://www.giftscompass.com/img/buttons/arrow_sm.gif');
}

div#member_main ul li {
	padding-bottom: 2px;
}

.bulletedlist {
	margin: 0em 0em 1em 2em;
}

.profile_image { padding-top: 10px; padding-right: 4px; float: right; }
* html .profile_image { padding-top: 0px; }

.bookimage    { float: left; margin-right: 10px; }
.para         { text-indent: 2em; }
.footnote     { font-size: 10px; position: relative; left: -0.5em; top: -0.5em; }
.footnotetext { font-size: 10px; }
.footnotetext_firstletter { position: relative; top: -0.5em; }