@import "news.css";
@import "calendar.css";
@import "contentblock.css";
@import "comments.css";

/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:  http://www.navas.org.uk/
date:     2008.08
author:   Mike Armstrong @ e4education
-------------------------------------------------- */

/* Remove default margins & paddings
-------------------------------------------------- */
*                                 {margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%;}

/* icons and styles for file attachments
-------------------------------------------------- */
ul.fileAttachmentList                               {min-height: 40px; padding: 0 0 20px 0; margin: 0;}
ul.fileAttachmentList li                            {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; }
ul.podcastList li                                   {height: auto !important; }
ul.podcastList li.attachmentDownload_mp3            {background-position: top left;}
ul.fileAttachmentList li.attachmentDownload_doc 	{background-image: url(../images/icons/doc.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_mp3 	{background-image: url(../images/icons/mp3.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_pdf 	{background-image: url(../images/icons/pdf.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_pub 	{background-image: url(../images/icons/pub.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_zip 	{background-image: url(../images/icons/zip.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_jpg 	{background-image: url(../images/icons/jpg.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_jpeg 	{background-image: url(../images/icons/jpeg.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_gif 	{background-image: url(../images/icons/gif.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_xls 	{background-image: url(../images/icons/xls.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_ppt 	{background-image: url(../images/icons/ppt.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_rar 	{background-image: url(../images/icons/rar.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_rtf 	{background-image: url(../images/icons/rtf.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_txt 	{background-image: url(../images/icons/txt.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_csv		{background-image: url(../images/icons/csv.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_png		{background-image: url(../images/icons/png.gif)  !important;}

/* Base styles, typography & alignments
-------------------------------------------------- */
body                              {margin: 0px auto; background: #AAC8C8 url(../images/design/page_bg.jpg) repeat-x top; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 75%; line-height: 170%; text-align: center; color: #333;}

h1, h2, h3, h4, h5, h6            {font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; line-height: 100%; color: #23AAA0;}
h1                                {margin-bottom: 10px; font-size: 140%;}
h2                                {margin-bottom: 10px; font-size: 130%;}
h3                                {margin-bottom: 5px; font-size: 120%;}
h4                                {margin-bottom: 5px; font-size: 110%;}
h5                                {margin-bottom: 5px; font-size: 100%;}
h6                                {margin-bottom: 5px; font-size: 100%;}

p                                 {margin-bottom: 1em;}

a                                 {color: #006561;}
a:hover                           {color: #23AAA0;}

strong, b                         {font-weight: bold; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}
em, i                             {font-style: italic; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}

blockquote, span                  {font-style: inherit; font-weight: inherit; font-family: inherit; color: inherit;}

ul, ol                            {margin: 0 0 20px 10px; font-family: inherit;}
ul li ul, ol li ol,
ul li ul li ul,
ol li ol li ol,
ol li ol li ol li ol,
ul li ul li ul li ul              {margin-bottom: 3px;}
li                                {margin-left: 25px;}

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;}

form                              {padding: 10px 0;}
fieldset                          {border: 0;}
label                             {display: block;}
label em                          {font-weight: normal; color: #c00;}
input, textarea, select           {margin-bottom: 10px; padding: 2px; width: 250px; font-family: inherit;}
select                            {padding: 0;}
textarea                          {width: 400px;}
input.button                      {width: auto; cursor: pointer;}
input.radio                       {float: left; margin: 3px 10px 0 0; width: auto;}
label.radio                       {float: left; margin-right: 30px; width: auto;}

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

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


/* Structure and DIV specific styling
-------------------------------------------------- */
#container	                      {margin: 0px auto; width: 960px; background: #FAFAFA url(../images/design/content_bg.jpg) repeat-y; text-align: left;}

#header		                      {width: 960px; height: 360px; background: url(../images/design/header_bg.jpg) no-repeat top; color: #FFF;}
#header h1, #header h2	          {display: none;}

#menu	                          {display: inline; float: left; margin: 121px 0 0 95px; width: 190px; background: #006561 url(../images/design/menu_bg.jpg) no-repeat left top;}
#menu ul	                      {margin: 0; padding: 10px 0; width: 190px;}
#menu li 	                      {margin: 0 0 0 10px; padding: 0; list-style: none;}
#menu li a	                      {display: block; padding: 5px; font-weight: bold; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 120%; text-decoration: none; color: #FFF;}
#menu li a:hover	              {background: #006561; color: #CCC;}
#mainMenu li.mainMenuSelected a,
#mainMenu li.mainMenuSelected a:hover{background: #006561; color: #FFF; cursor: default;}

#headerImage                      {display: inline; float: right; margin: 121px 90px 0 0;}
 
#main	                          {width: 800px; margin: 10px auto;}

#contentWrapper                   {width: 780px; margin: 0 10px;}

#subnav                           {padding: 5px; width: 770px; background: #72ABA9; text-align: center; color: #FFF;}
#subnav ul                        {display: inline; margin: 0 17px 0 0; list-style: none;}
#subnav li                        {display: inline; margin: 0; padding: 0 15px 0 17px; background: url(../images/design/subnav_bullet.gif) no-repeat right;}
#subnav a                         {font-weight: bold; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; text-decoration: none; color: #FFF;}
#subnav a:hover                   {text-decoration: underline; color: #CCC;}

#emailForm                        {display: inline;}
#emailForm label                  {display: inline; margin: 0 10px 0 0; font-weight: bold; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}
#emailForm #email                 {margin: 0; padding: 4px; width: 160px; border: 1px solid #006561; font-style: italic; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 90%; color: #006561;}
#emailForm #go                    {margin: 0; padding: 4px; width: auto; background: #23AAA0; border: 1px solid #006561; font-weight: bold; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 90%; color: #FFF;}

#breadcrumbs                      {margin: 10px 0; font-size: 80%; color: #23AAA0;}
#breadcrumbs p                    {display: inline; margin: 0 10px 0 0; font-weight: bold; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}
#breadcrumbs ul                   {display: inline; margin: 0; list-style: none;}
#breadcrumbs li                   {display: inline; margin: 0;}
#breadcrumbs a                    {text-decoration: none; color: #23AAA0;}
#breadcrumbs a:hover              {text-decoration: underline; color: #006561;}

#content                          {clear: both; margin: 20px 0;}

#content ul                       {list-style: inside;}

#quote                            {margin: 0; width: 240px; background: #23AAA0 url(../images/design/quote_top.jpg) no-repeat top; font-style: italic; font-family: "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 130%; color: #FFF;}
#quote blockquote                 {margin-top: 60px; padding: 40px 10px 80px; background: url(../images/design/quote_bottom.jpg) no-repeat bottom;}

.faqQuestion                      {padding: 0 0 0 50px; background: url(../images/design/faq_bubble.gif) no-repeat 5px 0;}
.faqQuestion h3                   {padding: 0; background: #23AAA0; color: #FFF;}
.faqQuestion a                    {display: block; padding: 10px;  text-decoration: none; font-weight: bold; color: #FFF; cursor: pointer;}
.faqQuestion a:hover              {text-decoration: underline; color: #CCC;}
.faqQuestion p                    {}
.faqQuestion ul                   {margin: 5px 10px 10px 20px;}
.faqQuestion ul li                {margin: 0;}

.imageFooterMiddle                {padding-bottom: 20px; /* Enough room for 4 lines of text */ padding-top: 5px; line-height: 120%; font-size: 90% !important;}

.newsItem h2                      {background: none; font-size: 110%;}

#newsFeeds                        {margin: 30px 10px 0px; font-size: 90%;}
#newsFeeds li                     {list-style: none;}
#newsFeeds li a                   {font-size: 110%;}
#newsFeeds img                    {margin: 0px 10px 0px 0px; padding: 0;}

#footer                           {clear: both;	width: 960px; background: #AAC8C8 url(../images/design/footer_bg.jpg) no-repeat top; font-size: 80%; color: #FFF;}
#footer .leftGroup                {display: inline; float: left; margin: 5px 0 40px 95px;}
#footer .rightGroup               {display: inline; float: right; margin: 5px 110px 40px 0; text-align: right;}
#footer a                         {color: #FFF;}


/* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */
#editor                           {margin: 0px; padding: 0px; width: 782px; min-height: 400px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left;}

#editor .hide                     {display: block;}

#editor #mainContent,
#editor #subContent               {border-right: 1px solid #cacaca; min-height: 590px; }

#mainContent                      {float:left; margin: 0; width: 520px;}
#mainContent.twoColumns           {width: 520px;}

#subContent                       {float: right; margin: 0; width: 240px;}

#subNavWrapper {margin-bottom: 10px; top: -8px; position: relative;}
#subNavList	{clear: both; width: 760px; margin: 0; padding: 0;}
#subNavList li {list-style: none; float: left; margin: 0 15px 0 0;}

#subNavWrapper {display: none;}