/* CSS Document */
body					{background-color: #fff; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px;}
a						{color: #9CF; font-weight: bold; text-decoration: none;}
a:hover					{text-decoration: underline;}
h1						{border-bottom: #000 solid 1px; font-size: 16px;}
h2						{border-bottom: #000 solid 1px; font-size: 12px; width: 100%;}

/*Div tags*/
div#container			{margin: 0 auto; padding: 0px 10px; text-align: center; width: 800px;}
div#head				{background: url(../images/header.jpg) no-repeat; float: left; font-size: 18px; height: 150px; margin: 0px 0px 10px 0px; padding: 0px; text-align: left; width: 800px;}
div#quotes				{background: url(../images/quotes.jpg) no-repeat; float: left; height: 120px; margin-right: 10px; overflow: hidden; padding: 22px 10px 8px 10px; text-align: left; width: 240px;}
div#quotes a			{color: #333; text-decoration: none;}
div#moodle				{background: url(../images/moodle.jpg) no-repeat; color: #333; float: left; height: 30px; margin-right: 10px; overflow: hidden; padding: 120px 10px 0px 90px; text-align: right; width: 160px;}
div#moodle a			{color: #333;}
div#links				{background: url(../images/links.jpg) no-repeat; color: #333; float: left; height: 30px; overflow: hidden; padding: 120px 10px 0px 90px; text-align: right; width: 160px;}
div#links a				{color: #333;}
div#main				{float: left; line-height: 17px; text-align: justify; width: 490px;}
div#news				{color: #666; float: left; line-height: 17px; margin: 11px 0px 0px 10px; text-align: left; width: 300px;}
div#news a				{color: #F99;}
div#news th				{border-bottom: #999 solid 1px; font-size: 16px; width: 300px;}
div#news li				{list-style: none;}
div#footer				{background: url(../images/bg_bottom.jpg) repeat-x #CCC; color: #000; float: left; height: 80px; margin-top: 10px; overflow: hidden; width: 100%;}
div#container			{margin: 0 auto; padding: 0px 10px; text-align: center; width: 800px;}
div.componentheading	{border-bottom: #333 solid 1px; font-size: 16px; font-weight: bold; padding-top: 8px; width: 490px;}

/*Menu systems*/
div#menu				{background: #fff; border-left: 1px solid #d2d2d2; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; height: 23px; margin: 0px; padding: 0px; text-align: left; width:800px;}
div#menu ul				{list-style: none; margin: 0px; padding: 0px;}	
div#menu ul li			{float: left; font-size: 9px; font-weight: bold;}
div#menu ul li a		{display: block; padding: 5px 9px 5px 10px; color: #666; background: url(http://www.northstaruk.org/cms/templates/nsuk_home/images/navbg.gif) #fff repeat-x; text-decoration: none; border-right: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;}
div#menu ul li a:hover 	{background: #fff; border-color: #d2d2d2; text-decoration: underline;}
#menu a#menu-selected	{background: #F99; border-color: #F99; color: #333; margin-left:-1px; text-decoration: none;}

div#sub					{background: #f99; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; height: 2px; margin: 0px; padding: 0px; width: 800px;}
div#sub ul				{float: left; list-style: none; margin: 0px; padding: 0px; margin-left:3px;}
div#sub ul li			{float: left; font-size: 9px; font-weight: normal; text-align: left;}
div#sub ul li a			{display: block; padding: 7px 7px 0 7px; color: #fff; text-decoration: none;}
div#sub ul li a:hover 	{color: #fff; text-decoration: underline;}
#sub a#sub-selected		{color: #fff; text-decoration: none; font-weight: bold;}

/*Paragraph tags*/
p#firstquote			{font-style: italic; margin-bottom: 0px; padding-bottom: 0px;}
p#author				{font-weight: bold; font-style: normal; margin-top: 0px; padding-top: 0px;}

/*Other Tags*/
td.contentheading			{border-bottom: #333 solid 1px; font-size: 16px; font-weight: bold; padding-top: 8px; width: 490px;}
div.componentheadingnewsl	{border-bottom: #333 solid 1px; font-size: 16px; font-weight: bold; padding-top: 10px; width: 490px;}
td.contentheadingnewsl		{border-bottom: #ccc solid 1px; width: 490px;}