/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:  www.e4education.co.uk 
version:  2007.08
author:   Sean Johnson @ Bluestone Creative
-------------------------------------------------- */


/* Remove default margins & paddings
-------------------------------------------------- */
*                                 {margin: 0; padding: 0;}


/* Base styles, typography & alignments
-------------------------------------------------- */
body                              {background: #000 url(/img/pageRpt_bkg.jpg) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 70%; line-height: 150%; text-align: center; color: #000;}

h1, h2, h3                        {font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #f60; text-transform: lowercase;}
h1                                {margin: 10px 0; padding-bottom: 15px; border-bottom: 1px solid #999; font-size: 250%;}
h2                                {margin-bottom: 10px; font-size: 170%;}
h3                                {margin-bottom: 10px; font-size: 120%;}

p                                 {margin-bottom: 20px;}

#content ul                       {margin-bottom: 20px;}
#content li                       {margin-left: 20px;}

img                               {border: 0;}
img.left                          {float: left; margin: 0 10px 10px 0;}
img.right                         {float: right; margin: 0 0 10px 10px;}

.left                             {float: left;}
.right                            {float: right;}
.center                           {margin: 0 auto; text-align: center;}

a                                 {color: #666; text-decoration: none;}
a:hover                           {color: #999; text-decoration: underline;}

form                              {margin-bottom: 20px;}
fieldset                          {border: 0;}
label                             {float: left; margin-right: 10px; width: 200px; text-align: right;}
input, textarea, select                     {margin-bottom: 10px; width: 250px; font-family: Verdana, Arial, sans-serif; font-size: 90%;}
input.button                      {margin-left: 210px; width: 100px;}

.error                            {padding-left: 20px; color:#f00;}
.caption                          {font-style: italic; font-size: 90%;}

hr.cleaner                        {visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none;}

ul#holdingAdvise                  { margin-top: 10px; }
ul#holdingAdvise li               { margin-top: 10px; }

/* Structure and DIV specific styling
-------------------------------------------------- */
#wrapper                          {margin: auto; width: 836px; background: url(/img/pageMainRpt_bkg.gif) repeat-y;}
#container                        {background: url(/img/pageMain_bkg.jpg) no-repeat;}
#header                           {margin: auto; width: 776px; height: 126px; text-align: left;}
#header h1, #header h2            {display: none;}
.logo                             {margin: 20px 0 0 20px; background: #fff;}

ul#mainMenu                       {display: inline; float: right; margin-right: 27px; width: 610px; height: 45px;list-style: none; font-size: 90%;}
ul#mainMenu li                    {display: inline; width: 121px; text-align: center;}
ul#mainMenu li a                  {display: block; float: left; padding-top: 10px; width: 121px; height: 24px; color: #c05000; text-decoration: none;}
ul#mainMenu li#menu1 a            {background: url(/img/menu1.jpg) 0 -100px no-repeat;}
ul#mainMenu li#menu1 a:hover      {background-position: top; color: #fff;}
ul#mainMenu li#menu2 a            {background: url(/img/menu2.jpg) 0 -100px no-repeat;}
ul#mainMenu li#menu2 a:hover      {background-position: top; color: #fff;}
ul#mainMenu li#menu3 a            {background: url(/img/menu3.jpg) 0 -100px no-repeat;}
ul#mainMenu li#menu3 a:hover      {background-position: top; color: #fff;}
ul#mainMenu li#menu4 a            {background: url(/img/menu4.jpg) 0 -100px no-repeat;}
ul#mainMenu li#menu4 a:hover      {background-position: top; color: #fff;}
ul#mainMenu li#menu5 a            {width: 125px; background: url(/img/menu5.jpg) 0 -100px no-repeat;}
ul#mainMenu li#menu5 a:hover      {background-position: top; color: #fff;}

#contentBkg.fullWidth             {clear: both; margin: auto; width: 776px; background: #f49900 url(/img/panelRpt.gif) center repeat-y; text-align: left;}
#content.fullWidth                {margin: auto; padding: 10px; width: 756px; background: url(/img/paneltop.gif) no-repeat;}
#contentBottom.fullWidth          {margin: auto; width: 776px; height: 8px; background: url(/img/panelBottom.gif) no-repeat;}

#contentBkg                       {clear: both; margin: auto; width: 776px; background: #f49900 url(/img/panelRpt_2col.gif) repeat-y; text-align: left;}
#content                          {margin: auto; padding: 10px; width: 756px; min-height: 200px; background: url(/img/paneltop_2col.gif) no-repeat;}
#contentBottom                    {margin: auto; width: 776px; height: 8px; background: url(/img/panelBottom_2col.gif) no-repeat;}

#mainContent                      {float: left; width: 495px;}
#mainContent.fullWidth            {width: 755px;}
#mainContent.fullWidth.center     {margin-top: 10px; text-align: center;}

ul#portMenu, ul#portMenu li       {margin: 0; list-style: none;}
ul#portMenu li#primaryBar         {width: 750px; height: 163px; background: url(/img/portfolio/primary.jpg);}
ul#portMenu li#secondaryBar       {width: 750px; height: 143px; background: url(/img/portfolio/secondary.jpg);}
ul#portMenu li h1                 {border: 0; margin: 0;}
ul#portMenu li h1 a.priBarLink    {display: block; padding: 80px 0 0 30px; color: #000066;}
ul#portMenu li h1 a.secBarLink    {display: block; padding: 50px 0 0 30px; color: #990000;}

.thumbnailblock                   {display: inline; float: left; width: 248px; height:	259px;}
.thumbnail                        {width: 238px; height: 239px; background: url(/img/portfolio/thumbnail.gif) no-repeat; text-align: center;}
.thumbnail img                    {display: inline; float: left; margin: 20px 5px 5px 14px; width: 210px; height: 180px;}

#subContent                       {float: right; width: 235px;}
.subNewsImg                       {margin: 50px 0 0 8px;}

#footer                           {margin: auto; width: 746px; padding: 15px 25px 5px 25px; background: #ff7c00 url(/img/pageFoot_bkg.jpg) no-repeat; font-size: 85%; color: #fff; text-align: left;}
#footer h2                        {display: none;}
#footer p                         {margin-bottom: 0;}
#footer a                         {color: #fff; text-decoration: underline;}
#footerBottom                     {margin: 0 auto; width: 796px; height: 15px; background: url(/img/pageFoot_bottom.jpg) no-repeat;}



/* SEAN - still to do */
#homePage                         {margin: auto; width: 791px; text-align: left;}

#aboutusblock                     {float: left; width: 260px;}
#aboutus                          {display: inline; float: left; padding: 15px 10px 0 20px; width: 230px; height: 171px; background: url(/img/home/aboutus.gif); font-size: 115%;}

.promotion {float: left; padding-left: 80px; padding-top: 7px; width: 180px; height: 70px; background: url(/img/home/promotion.jpg); font-size: 85%; text-indent: -5000px;}
#video {float: left; padding: 5px 0 0 10px; width: 510px; height: 250px;}

#top3 { float: left; background: url(/img/home/top3.gif) no-repeat; width: 525px;}
#top3 h3 {margin: 0px; padding: 0px; text-indent: -5000px; display: none;}
#top3main {clear:both;float: left; background: url(/img/home/top_rpt.gif) repeat-y; display: inline; width: 525px;}

#profilelink {float: left; display: inline; background: #000 url(/img/home/porfoliolink.gif) no-repeat bottom; width: 515px; color: #FFFFFF; text-align: right; padding: 5px 10px 10px 0px; font-weight: bold;}
#profilelink a {color: #FFFFFF; font-weight: bold; font-size: 120%;}
#profilelink a:hover {color: #999999; font-weight: bold;}

#iconbox {float: left; display: inline; margin-top: 13px;}
.icon {float: left; display: inline; width: 150px; margin-left: 20px; padding: 0px 0px 0px 0px; text-align: center;}
.icon p {margin-bottom: 10px; padding: 0px; font-size: 95%;}
.icon a:hover {text-decoration: underline; color: #333333;}

#latestnews {float: left; background: url(/img/home/latestnews.gif) no-repeat; width: 265px; height: 210px; }
#latestnews img {margin-right: 10px;}
#latestnewsmain {float: left; background: url(/img/home/news_rpt.gif) repeat-y; display: inline; width: 265px;}
#latestnewsfooter {float: left; background: url(/img/home/news_footer.gif) no-repeat; width: 265px; height: 19px;}
#latestnews h2 {margin: 15px 0px 10px 20px; padding: 0px; font-size: 150%; color: #333333;}
.newsitem {float: left; display: inline; width: 230px; margin-left: 20px; margin-bottom: 0px !important; margin-bottom: -15px;}
.newsitem h4 {font-weight: normal; border-top: solid 1px #FFF; padding-top: 5px; margin-top: 3px;}
.newsitem p {padding: 0px; font-size: 95%; color: #333333; margin: 0px 0px 10px 0px;}
weight: bold;}