body { margin: 0; padding: 0;  }

.clear { clear: both; }

.main { font-family: verdana, arial, sans-serif; font-size: 70%; width: 740px; margin: 0px auto; }

.main h1 { color:#212C4C; font-size: 220%; font-weight: normal; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
.main h2 { color:#212C4C; font-size: 180%; margin: 10px 0px 3px 0px;  font-weight: normal;}
.main h3 { color:#212C4C; font-size: 120%; margin: 10px 0px 3px 0px; }
.main h4 { color:#212C4C; font-size: 110%; margin: 10px 0px 3px 0px; }
.main h5 { color:#212C4C; font-size: 90%; margin: 10px 0px 3px 0px; }

.main a:link {  }
.main a:visited {  }
.main a:active {  }
.main a:hover { color: red; }

a img { border: none; }

.main .left { width: 230px; float: left; }
.main .left #pn { }   /* CUSTOM */
.main .left #pn img { display: block; }
.main .left #pn #pninner { height: 230px; } /* CUSTOM */

.main .left .bottom { margin: 0 41px 0 18px; padding: 0 0 50px 10px; }
.main .left .bottom ul { margin: 0 10px; padding: 0; }
.main .left .bottom li { list-style-type: none; margin: 1em 0; padding: 0; }
.main .left .bottom li a { text-decoration: none; }   /* link - bgcolor with brightness 50%  = CUSTOM */
.main .left .bottom li a:hover { text-decoration: underline; }
.main .left .bottom li span { font-weight: bold; }    /* selected link - bgcolor with brightness 30%  = CUSTOM */

.main .right { width: 509px; float: left; }

.main .right .login { height: 17px; text-align: right; font-size: 80%; }
.main .right .login p { padding: 1px 10px 0 0; margin: 0; }
.main .right .login p a { color: #666666; text-decoration: none; }

.main .right p.specialLinks { font-size: 90%; color: #666666; margin: 0px; padding: 0 0 10px 0; }

.main .header { padding: 18px 0 0 0; background: #092A5C; border-bottom: 5px solid #93211E; margin:0 0 7px 0; height: 42px; }
.main .header img { border: 0; }

.content {  }
.content .centre { margin-top: 1em; width: 306px; float: left; padding: 0px 15px 0px 0px; overflow: hidden; }
/*.content .right { margin-top: 1em; width: 180px; float: left; overflow: hidden; }*/
.content .right { margin-top: 1em; width: 188px; float: left; overflow: hidden; }
.content .right p { padding: 0; margin: 0; }

.content p { line-height: 150%; color: #444444; padding: 0 0 1em 0; margin: 0; }


.footer { clear: both; background: #DDDEE0 url(../images/footer_left.gif) no-repeat; margin-left: 15px; color: #666666; font-size: 90%; border: 1px solid #ffffff; }
.footer p { margin: 0; padding: 3px 8px 0 20px; }
.footer p a { text-decoration: none; }
.footerLeft { width: 40%; float: left; padding-top: 6px; }
.footerRight { background: url(../images/footer_right.gif) right no-repeat; height: 29px; width: 60%; float: left; text-align: right; }

.footerLower { text-align: right; }
.footerLower  p { padding: 0 10px 0 0; margin: 0; border-top: 1px solid #ffffff; font-size: 90%; }
.footerLower  p a { color: #666666; text-decoration: none; }


.navigation { padding: 0px; margin: 0px; height: 100%; } /* CUSTOM BORDER & BG COLOURS */
.navigation ul { margin: 0px; padding: 0px; }
.navigation li { display: block; padding: 3px 10px 2px 10px; margin: 0px; float: left; } /* CUSTOM COLOURS */
.navigation a { text-decoration: none; }   /* link - bgcolor with brightness 50%  = CUSTOM*/
.navigation a:hover { text-decoration: underline; color: #FFFFFF; }
.navigation span { font-weight: bold; text-decoration: underline;}    /* selected link - bgcolor with brightness 30%  = CUSTOM */

.searchbox { position: relative; width: 188px; height: 27px; background: url(../images/search_box.gif) top left no-repeat; }
.searchbox input.text { padding: 1px; margin: 0; border: none; width: 113px; height: 14px; position: absolute; top: 6px; left: 50px; font-size: 12px; } 
.searchbox input.submit { border: none; width: 18px; height: 16px; position: absolute; top: 6px; left: 165px; }

/* Gallery stuff */
.gallery { border: 1px solid #b0b1b4; padding: 10px; }
.gallery h2 { padding: 0; margin: 0; }
.gallery p { font-size: 80%; }
.gallery  .galleryNav { /*float: right; width: auto; margin: 0 10px 0 0; */ }
.gallery  .galleryNav img { border: 0px; padding-bottom: 1px; }
.gallery p.clearBoth img { border: 1px solid #cccccc; padding: 2px; }
.gallery .galleryCaption { font-size: 100%; }
.gallery .galleryThumb { float: left; margin: 4px; }
.gallery .galleryThumb  p { font-size: 100%; text-align: center; margin: 0; padding: 0; }
.gallery .galleryThumb p img { border: 1px solid #cccccc; padding: 3px; margin: 0; }
.gallery .galleryThumb p img.galleryThumbSelected { border: 1px solid #d9438e; }


.newsFeed { padding: 3px; width: 299px; }
.newsFeed .newsImage { padding: 5px 5px 5px 0; float: left; width: 60px; }
.newsFeed .newsText{ float: left; width: 219px; }
.newsFeed .newsItem { border-top: 1px solid #009bb1; }

.content .right .newsFeed { padding: 0px; margin-top: 10px; }
.content .right .newsFeed { width: 180px; background: #ffffff; }
.content .right .newsFeed .newsText{ width: 160px; }
.content .right .newsFeed .newsItem { border: 1px solid #009bb1; margin-bottom: 5px; background: #e3f3f5; padding: 5px; }



/* BELOW IS STANDARD STUFF FOR ADMIN AND TOOLBAR */
body /* DON'T APPLY STYLES TO THE BODY TAG, IT WILL MESS WITH THE TOOLBAR */
{
	margin: 0px;
	padding: 0px;
}

.adminBody {
	
	font-family: verdana, arial, helvetica;
	font-size: 90%;
	padding :0;
	margin: 0;
}

/* ----------- */
/* TOOLBAR CSS */
/* ----------- */

.toolbar 
{
	font-family: verdana;
	font-size: 70%;
	margin:0px;
	border-bottom: 1px solid #454545;
	padding: 0px;
	display: block;
	overflow: auto;
	background-color: #CED8ED;
}

.toolbar_inner 
{

}


.toolbar a:link    { color: #ffffff; text-decoration: none; }
.toolbar a:visited { color: #ffffff; text-decoration: none; }
.toolbar a:active  { color: #ffffff; text-decoration: none; }
.toolbar a:hover   { color: #ffffff; text-decoration: none; }

.toolbar .username 
{
	float: left;
	margin: 0px;
	padding: 4px 10px 5px 10px;
	border-right: 1px solid #454545;
	color: #454545;
}



.toolbar .selector 
{
	float: left;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	border-right: 1px solid #454545;
}

.toolbar .selector p 
{
	border: 0px solid #ff0000;
	padding: 2px 10px 0px 10px;
	margin: 0px;
}

.toolbar .selector select 
{
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.toolbar .options {
	
	float: left;
	background-color: #AFB7C9;
}

.toolbar .browse {

	padding: 0px;	
	float: left;
	background-color: #AFB7C9;
}

.toolbar .browse p img
{
	border: 0px solid red;
	display: block;
}

.toolbar .options p 
{
	float: left;
	margin: 0px;
	padding: 0px;

}

.toolbar .options .o1  { background: #b1b9cc url(../images/admin/tab1.gif) top right no-repeat; }
.toolbar .options .o2  { background: #a6aebf url(../images/admin/tab2.gif) top right no-repeat; }
.toolbar .options .o3  { background: #9ba2b3 url(../images/admin/tab3.gif) top right no-repeat; }
.toolbar .options .o4  { background: #9097a6 url(../images/admin/tab4.gif) top right no-repeat; }
.toolbar .options .o5  { background: #858b99 url(../images/admin/tab5.gif) top right no-repeat; }
.toolbar .options .o6  { background: #7a7f8c url(../images/admin/tab6.gif) top right no-repeat; }
.toolbar .options .o7  { background: #6f7480 url(../images/admin/tab7.gif) top right no-repeat; }
.toolbar .options .o8  { background: #646873 url(../images/admin/tab8.gif) top right no-repeat; }
.toolbar .options .o9  { background: #595d66 url(../images/admin/tab9.gif) top right no-repeat; }
.toolbar .options .o10 { background: #4e5159 url(../images/admin/tab10.gif) top right no-repeat; }

.toolbar .options .o1last { background: #b1b9cc url(../images/admin/tab1last.gif) top right no-repeat; }
.toolbar .options .o2last { background: #a6aebf url(../images/admin/tab2last.gif) top right no-repeat; }
.toolbar .options .o3last { background: #9ba2b3 url(../images/admin/tab3last.gif) top right no-repeat; }
.toolbar .options .o4last { background: #9097a6 url(../images/admin/tab4last.gif) top right no-repeat; }
.toolbar .options .o5last { background: #858b99 url(../images/admin/tab5last.gif) top right no-repeat; }
.toolbar .options .o6last { background: #7a7f8c url(../images/admin/tab6last.gif) top right no-repeat; }
.toolbar .options .o7last { background: #6f7480 url(../images/admin/tab7last.gif) top right no-repeat; }
.toolbar .options .o8last { background: #646873 url(../images/admin/tab8last.gif) top right no-repeat; }
.toolbar .options .o9last { background: #595d66 url(../images/admin/tab9last.gif) top right no-repeat; }
.toolbar .options .o10last { background: #4e5159 url(../images/admin/tab10last.gif) top right no-repeat; }


.toolbar .options p a 
{
	padding: 4px 14px 5px 4px;
	float: left;
}

.toolbar .options .browse p a 
{
	padding: 2px 2px 0px 5px;
	float: left;
}

.toolbar .options p a:hover 
{
	text-decoration: underline;
}

#selected
{
	font-weight: bold;
}

h1 { clear: both; }
h2 { clear: both; }
h3 { clear: both; }

/*
.imageLeftStack  { float: left; width: auto; margin: 3px 3px 3px 0; }
.imageRightStack { float: right; width: auto; margin: 3px 0 3px 3px; }
*/

.imageLeft  { float: left; width: auto; margin: 3px 8px 3px 0; clear: both; }
.imageRight { float: right; width: auto; margin: 3px 0 3px 3px; clear: both; }

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

.center table { text-align: left; }
td, th { border: 1px solid #cccccc; padding: 3px; }

blockquote { background: #f3be70; padding: 10px 20px; margin: 20px 0px; }

	
.clearBoth { clear: both; width: auto; }

/* ----- Sub Toolbar ----- */ 

.adminBody .subToolbar { border: 0px solid red; margin: 0px 0px 20px 0px; padding: 5px 10px 5px 10px; width: 750px; background-image: url( ../images/admin/subcorner.gif ); background-position: bottom right; background-repeat: no-repeat; background-color: #eceffe; }
.adminBody .subToolbar h2 { display: block; float: left; border-right: 1px solid white; padding: 5px 0px; margin: 0px; width: 200px; font-size: 110%; }
.adminBody .subToolbar .library { display: block; float: left; border-right: 1px solid white; padding: 5px 0px; margin: 0px; width: 200px; font-size: 110%; }

.adminBody .subToolbar .library h2 { display: block; float: none; border-right: 0px solid white; padding: 0px; margin: 0px; font-size: 110%; }
.adminBody .subToolbar p { border: 0px solid red; padding: 7px 0px 5px 10px; margin: 0px 10px; display: block; float: left; width: 510px; font-size: 75%; }

.adminBody .subToolbar .library p { border: 0px solid red; padding: 5px 5px 0px 5px; margin: 0px; display: block; float: none; width: 190px; font-size: 70%; }

.adminBody .adminOptions { margin: 0px 10px 10px 10px; font-size: 80%; border-bottom: 1px solid #cccccc; }
.adminBody .adminOptions a { padding-left: 15px;margin-right: 15px; background-image: url( ../images/admin/greenbutton.gif ); background-repeat: no-repeat; text-decoration: none; color: #333333; }
.adminBody .adminOptions p.help { padding-left: 20px; background-image: url( ../images/icons/help.gif ); background-repeat: no-repeat; }


.adminBody .adminOtherOptions { margin: 0px 10px 0px 10px; font-size: 80%; }
.adminBody .adminOtherOptions .options td { background-color: #eceffe; border: 0px solid white; border-right: 10px solid white; border-bottom: 10px solid white; }
.adminBody .adminOtherOptions table.options { margin-top: 10px; }

/* -------------------------- */