/**
 * Style sheet for gracepok.com
 * author:  Grace Pok
 * Version: 2.0 - overhauled layout
 *  2.1 - adjusted for IE6 
 *  
 * Color scheme
 * 	Green:  999933
 * 	Dark Red:  550000	
 */
 
 
body {
	background-color: #999933;
	margin: 0;	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

a { 
	color:#555; 
	text-decoration: none;  
}
a:link { color:#555; } /* unvisited link */
a:visited { color:#555; } /* visited link */
a:hover { color: #550000; }

p {
	line-height: 1.4;
}
.bodywrapper {
	background-color: white;
	padding-bottom: 50px;
}
/* overall structure */
#header, #contentframe{
	width: 905px;
	margin: 0 auto;
}
#contentframe {
	
}
#header{
	padding-top: 20px;
	height: 120px;	
}

/* Header
-------------------------------------------------------*/
#logo {
	float:left;
}
#logo img{
	margin-top: 5px;
	border: 0px;
}

#menuwrap {
	float: right;
	width: 510px;
	height: 60px;
	margin-top: 20px;
}
#portpg #menuwrap {
	background:  url('../assets/arrow.gif') no-repeat 5px 13px;;
}

#menu, #submenu {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 480px;
}
#menu {
	height: 30px;
	margin-top: 30px;
	border-top: 1px solid #550000;
}
#menu li, #menu li a { 
	display: block; 
	float: left; 
	height: 30px;
}
#menu li {margin-right: 36px;}
#menu a {width: 100%;}
#menu a em {visibility: hidden;}
#menu a, #menu a:link, #menu a:visited {
	text-decoration: none;
	background-repeat: no-repeat;
}
#menu a, #menu a:link, #menu a:visited {
	background-position: 0px 0px;
}
#menu a:hover, #menu a.menuitem_cur:link, #menu a.menuitem_cur:visited {
	background-position: 0px -30px;
}
#menu li.por  {	width: 128px;}
#menu li.blo  {	width: 62px;}
#menu li.con  {	width: 104px;}
#menu li.lin  { width: 77px; margin-right: 0}

#menu li.por a {	background-image: url('../assets/menu_02.gif'); }
#menu li.blo a {	background-image: url('../assets/menu_04.gif'); }
#menu li.con a {	background-image: url('../assets/menu_06.gif'); }
#menu li.lin a {	background-image: url('../assets/menu_08.gif'); }

/* highlight current page */
#portpg li.por a, #conpg li.con a, #linkpg li.lin a, .pgblog #menu li.blo a {
	background-position: 0px -30px;
}

#submenu {
	width: 475px;
	height: 25px;
	margin-top: -57px;  /* appear on top of main menu */
	margin-right: 3px;
	font-weight: bold;
}
#submenu li {
	display: block;
	float: left;
	margin-right: 10px;
	height: 25px;
	border-top: 1px solid white;
}
#submenu li a {
	display: block;
	margin-top: 3px;
	color: #888;
	text-decoration: none;
}
#submenu li a:link, #submenu li a:visited {
}
#submenu li a:hover, #submenu li a:active {
	color: #550000;
}

#submenu li.submenu_cur {
	color: #999933;
	cursor: default;
	border-top: 1px solid #550000;
}
#submenu li.submenu_cur a {
	color: #999933;
	cursor: default;
}



/* Footer 
 * ----------------------------------------------*/
#footer {
	color: white;
	text-align: center;
	border-top: 5px solid #550000;
	padding-top: 20px;
}
#footer p {
	margin: 0;
}
#footer a,  #footer a:link , #footer a:visited  { font-weight: bold; color: white;}
#footer a:hover { color: #d6d59a;}
#footer a img { border: 0;}
/* Utility
-----------------------------------*/
.endrow, .clear{
	padding: 0px;
	margin: 0px;
	border: 0px;
	clear: both;
}
div.spacer{
	width: 30px;height: 2px;
	float: left;
}
.underline { text-decoration: underline }
p.errormsg{ color: #550000; }
span.tab{ 	margin-left: 2em; }
div.col {float:left;}
.nolink {
	cursor: default;
}
.external {
	padding-right: 15px;
	background: url('../assets/icon_popout.gif') no-repeat center right;
	
}