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

GRANTSWARE
OCTOBER 5TH 2007
ASAA MULTIMEDIA

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


/* ---------------------- MAIN STYLESHEET ---------------------- */

body {
	margin:0;
	padding:0;
	background:url(images/bg.jpg) repeat-x;
	font-family: "Bookman Old Style", serif;
	font-size:11px;
}

input { font-size:11px; }

a:link, a:visited { color:#1a64a5; text-decoration:none }
a:hover { text-decoration:underline }



/* ------------- NAMED DIV's ------------- */

#container {
	width:910px;
	margin:0 auto;
}

#logo {
	width:128px;
	float:left;
}

#logo2 {
	float:left;
	padding-left:42px;
}


#wrapper-left { float:left; }
#wrapper-middle { float:left; width:494px; }
#wrapper-right { float:left; width:230px; }

/* ---------------------- NAVIGATION -------------------------- */

#nav {
	clear:left;
	width:730px;
	background:#ececec;
	border:1px solid #dfe0db;
	border-bottom:4px solid #b1a97a;
	height:25px;
}
	#nav .element {
		float:left;
		width:100px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		height:20px;
		margin-top:2px;
		border-top:3px solid #ececec; /* MOVES TEXT DOWN 3px */
		font-weight:600;
	}
	#nav .active {
		float:left;
		width:100px;
		text-align:center;
		font-family:"arial black", sans-serif;
		font-size:13px;
		height:20px;
		margin-top:2px;
		background:#b1a97a;
		height:20px;
		border-top:3px solid #b1a97a; /* MOVES TEXT DOWN 3px */
	}
	#nav .element a:link, #nav .element a:visited { color:#b1a97a; text-decoration:none }
	#nav .element a:hover { text-decoration:underline; color:#c3a601 }
	#nav .active a:link, #nav .active a:visited { color:#ececec; text-decoration:none }
	#nav .active a:hover { text-decoration:underline }

/* ----------------------  LOGIN -------------------------- */

#login {
	width:167px;
	margin-top:30px;
}
	#login h3.login {
		font-size:11px;
		margin:0;
		padding:0;
		font-weight:normal;
		border:1px solid #dfe0db;
		padding:4px 0 4px 20px;
		background:url(images/ico_lock.gif) no-repeat #ececec left center;
	}
	#login .field {
		padding-top:2px;
		border-top:2px solid #fff;
		border-left:3px solid #ececec;
		border-right:3px solid #ececec;
		border-bottom:1px solid #ececec;
		padding-left:3px;
		padding-bottom:3px;
	}
	#login .submit {
		background:url(images/ico_go.gif) no-repeat;
		border:none;
		cursor:pointer;
		height:19px;
		width:18px;
	}


/* ----------------------  SUB NAVIGATION -------------------------- */

#subnav {
	margin-top:30px;
	width:167px;
}
	h3.subnav {
		font-size:11px;
		margin:0;
		padding:0;
		font-weight:normal;
		padding:4px 0 4px 20px;
		background:url(images/ico_paper.gif) no-repeat #f4f4f4 left center;
	}
	#subnav .sub_element {
		border-top:2px solid #fff;
		border-left:3px solid #ececec;
		border-right:3px solid #ececec;
		border-bottom:1px solid #ececec;
		padding-bottom:2px;
	}
	#subnav a:link, #subnav a:visited {
		display:block;
		width:143px;
		background:url(images/navarrow.gif) no-repeat 7px 10px;
		padding-left:18px;
		padding-top:3px;
		padding-bottom:3px;
		color:#000;
		text-decoration:none;
	}
	#subnav a:hover {
		background:url(images/navarrow.gif) #ececec no-repeat 10px 10px;
		color:#ff6600;
	}

/* ----------------------  CONTENT  -------------------------- */

#content {
	width:470px;
	padding:0 12px 0 12px;
	font-size:12px;
	font-weight:200;
	border-right:1px solid #ececec;
}
	#content h2 { color:#00447a; font-size:16px; font-weight:400 }
	#content h3 { color:#2079aa; font-size:14px; font-weight:400 }
	#content ul { list-style-image:url(images/bullet.gif); }
	
/* ----------------------  RIGHT SIDE WIDGETS  -------------------------- */

#right {
	width:230px;
	border-left:1px solid #ececec;
}
	#right h4 { 
		color:#2079aa; 
		margin:0 0 0 11px; 
		padding:0 0 3px 3px; 
		border-bottom:1px solid #eee; 
		font-size:11px; 
		font-weight:200;
		text-transform:uppercase;
	}
	#right h4.feat { border-bottom:none; margin:8px 0 0 4px; text-align:center }
	#right p { margin:2px 0 1em 1em; padding:0; }
	#right p a:link, #right p a:visited { 
		background:url(images/bullet.gif) no-repeat 0px 5px;
		padding-left:10px;
		text-decoration:none;
		color:#1a64a5;
		font-weight:300;
	}
	#right p a:hover { 
		text-decoration:underline;
	}
	#right ul { list-style-image:url(images/bullet.gif); }

#footer {
	clear:both;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	border-top:3px solid #eaeaea;
	color:#999;
}
#footer a:link, #footer a:visited { color:#999; text-decoration:none; }
#footer a:hover { color:#000; text-decoration:underline }

#footer #asaabug { 
	width:400px; 
	margin:0 auto; 
	padding:1em;
	cursor:pointer;
	border-top:1px dashed #eee;
	border-bottom:1px dashed #eee;
}
#footer #asaabug a:link, #footer #asaabug a:visited { 
	color:#2079aa;
	text-decoration:none;
	cursor:pointer; 
}
#PRINT_TITLE { display:none }