/* SET BASE FONT ATTRIBUTES */
html, body {
	height: 100%;
	font: small/160% "Lucida Grande", "Lucida", "Lucida Sans Unicode", "Trebuchet MS", Verdana, helvetica, arial, sans-serif;
	color: #999;
}

/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre, div
{margin: 0; padding: 0;}

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, h6, #commentList dt {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #f60;
	font-weight: normal;
	margin-bottom: 5px;
}

h1 {font-size: 1.8em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {
	text-decoration: none;
}

a:link,
a:visited {
	color: #f60;
}

a:hover {
	color: #09c;
}

a img,
:link img,
:visited img {
	border: none;
}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: disc;}

/****************** Start specific styles *********************/

html,body {
	background: #333 url(../img/main_bg.gif) repeat-x;
}

.bare,
.bare body {
	background: #232424;
}

#Container {
	background: #232424;
	position: relative;
	width: 778px;
	margin: 0 auto;
	border: 1px solid #000;
	border-top: none;
}

#Header {
	background: transparent url(../img/header.jpg) no-repeat;
	width: 100%;
	height: 125px;
	position: relative;
}

.admin #Header {
	height:  155px;
}

#Header a,
#Header a:link,
#Header a:hover {
	border: none;
}

#Logo {
	position: absolute;
	width: 246px;
	height: 69px;
	left: 18px;
	top: 16px;
}

#MainArea {
	position: relative;
	width: 100%;
}

/*************** TopNav styles *******************/

#TopNav {
	background: transparent url(../img/top_nav.gif) repeat-x;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	position: absolute;
	top: 93px;
	height: 32px;
	width: 100%;
}

#TopNav ul {
	margin: 5px 20px 0 20px;
}

#TopNav li {
	display: inline;
	list-style-type: none;
	font-weight: normal;
	padding: 2px 10px 0 0;
}

#TopNav a {
	font-size: 1.3em;
	color: #ccc;
	height: 24px;
}

#TopNav a:hover,
#TopNav a.active {
	color: #f60;
}

/*************** AdminNav styles *******************/

#AdminNav {
	background: transparent url(../img/admin_nav.png) repeat-x;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	position: absolute;
	top: 123px;
	height: 30px;
	width: 100%;
}

#AdminNav dl {
	margin: 5px 20px 0 20px;
}

#AdminNav dt,
#AdminNav dd {
	display: inline;
	list-style-type: none;
	font-weight: normal;
	padding: 2px 15px 0 0;
}

#AdminNav dt {
	padding-right: 5px;
	font-weight: bold;
	color:  #06c;
}

#AdminNav a {
	color: #333;
	height: 24px;
}

#AdminNav a:hover,
#AdminNav a.active {
	color: #f60;
}

/*************** SideNav styles *******************/

#SideNav {
	color: #999;
	float: right;
	width: 218px;
}

#SideNav * {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}

#SideNav ul,
#SideNav dl,
#SideNav p {
	margin-top: 6px;
	padding-left: 12px;
}

#SideNav ul ul,
#SideNav dl ul {
	padding: 3px 0 4px 5px;
	margin: 0;
}

#SideNav li,
#SideNav dt
#SideNav dd {
	list-style-type: none;
	height: 1%;
}

#SideNav ul ul li {
	background: transparent url(../img/icons/arrow.png) no-repeat 0% 50%;
	padding-left: 12px;
	font-size: 0.9em;
}

#SideNav a {
	color: #999;
	border: none;
	display: block;
	font-weight: bold;
}

#SideNav a:hover {
	color: #f60;
}

#SideNav ul ul li a {
	font-weight: normal;
}

.sideNavTitle {
	width: 100%;
	height: 30px;
	background: transparent url(../img/block_gradients/side_gradient.gif) repeat-x;
}

.sideNavTitle * {
	padding: 4px 0 0 12px;
}

.sideNavTitle h3 {
	font-weight: bold;
	font-size: 1.2em;
	color: #ccc;
}

#SideNav .externalLink {
	background:  none;
}

#SideNav .affiliates li {
	padding-bottom: 5px;
}

/*************** sideBox styles *******************/

.sideBox {
	clear: left;
	margin-bottom: 10px;
	color: #666;
}

.sideMeta {
	width: 100%;
	float: left;
}

.sideMeta p,
.sideMeta ul,
.sideMeta dl {
	padding: 0 20px 5px;
	clear: left;
}

.sideMeta p {
	font-size: 0.8em;
	line-height: 1.5em;
}

.sideMeta form {
	width: 100%;
	height: 42px;
	padding: 10px 10px 0 12px;
	background: transparent url(../img/block_gradients/head_gradient.png) repeat-x;
	float: left;
}

#SideMetaContent {
	padding-top: 10px;
	clear: left;
}

#SideNav .sideTags ul {
	padding: 0 20px;
}

#SideNav .sideTags li {
	padding: 0 10px 0 0;
	font-size: 1em;
	float: left;
}

#SideNav .sideTags li a {
	font-size: 1em;
}

/*************** Content styles *******************/

#Content {
	display: block;
	float: left;
	width: 740px;
	margin: 10px 0;
	padding-left: 20px;
	padding-left: 20px;
}

#Container.twocol {
	background: #232424 url(../img/content_bg.gif) repeat-y;
}

.twocol #Content {
	width: 520px;
	padding-right: 0;
}

#Content p,
#Content strong,
#Content ul,
#Content dl,
#Content fieldset,
#Content iframe {
	margin-bottom: 10px;
}

#Content p {
	clear: both;
}

#Content strong,
#Content em,
#Content acronym {
	color: #ccc;
}

#Content code {
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

small {
	font-size: 0.8em;
}

acronym {
	font-style: italic;
	border-bottom: 1px dashed #ccc;
}

#Content dt {
	font-weight: bold;
	color: #f60;
}

/*
* PageTitle styles
*/

#Content .pageTitle {
}

#Content table {
	margin-bottom: 10px;
	width: 565px;
	border: none;
}

#Content table td {
	padding-right: 5px;
}

#Content ul,
#Content dl {
	margin-left: 14px;
}

#Content ul li {
	margin-bottom: 6px;
}

.options,
.paging {
	display: block;
	margin-top: 10px;
	clear: both;
}

.options ul,
.adminBar ul,
.subAdminBar ul,
.paging dl {
	list-style-type: none;
	display: inline;
}

.options li,
.adminBar li,
.subAdminBar li {
	display: block;
	float: left;
	padding-right: 10px;
}

.subAdminBar a,
.adminBar a {
	color: #f60;
}

.subAdminBar a:hover,
.adminBar a:hover {
	border-bottom: 1px dashed #09c;
}

.adminBar,
.subAdminBar {
	border-top: 1px solid #f60;
	background-color: #333;
	margin: 10px 0;
	clear: both;
	padding: 2px 10px 0 5px;
}

.bare .subAdminBar {
	border-top: none;
	border-bottom: 1px solid #f60;
}

#Content .options {
	display: block;
	margin: 10px 0;
	padding: 3px 10px;
	background-color: #333;
	border: none;
	color: #999;
}

.paging {
	background: #333;
	border-top: 1px solid #f60;
	margin-bottom: 10px;
	padding: 8px 10px;
}

.paging dt,
.paging dd {
	display: block;
	float: left;
	padding-right: 10px;
}

.paging dt {
	display: block;
	float: left;
	padding-right: 10px;
}

.paging dd em {
	font-weight: bold;
	font-style: normal;
}

.file .pdf {
	background: url(../img/pdf_icon.gif) no-repeat;
	width: 70px;
	height: 70px;
	float: left;
}

.file p,
.file h3 {
	padding-left: 70px;
}

.pdf .subAdminBar {
	clear: both;
}

#Content #flashcontent iframe#htmlmap,
#Content #flashcontent object {
	width: 425px;
	height: 425px;
	margin-bottom: 10px;
}

/****************** Blog styles **********************/

.item {
	margin: 10px 0;
}

/*.itemTitle {
	margin: 0 -20px 10px;
	padding: 0 20px;
	height: 38px;
}

.article .itemTitle {
	padding: 5px 20px;
}*/

.itemTitle a {
	color: #09c;
}

.content {
	margin: 0 auto 10px;
	clear: both;
}

.content img {
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #000;
}

.content li {
	list-style-type: none;
	background: transparent url(../img/icons/arrow.png) no-repeat 0 5px;
	padding-left: 12px;
}

.content dd {
	padding-bottom: 12px;
}

.leftBlock {
	width: 62%;
	margin-right: 3%;
	float: left;
}

.rightBlock {
	width: 27%;
	float: left;
}

#Content .itemOptions ul {
	margin: 0;
	padding: 0;
}

.article .itemTitle h3 {
	line-height: 1em;
}

.article .itemTitle p {
	font-size: 0.9em;
	line-height: 1em;
}

.article .itemTitle span {
	color: #ce0c85;
}

.article .itemTitle strong {
	font-weight: bold;
	color: #61b000;
}

.article .meta {
	margin: -3px 0 0 0;
	font-size: 9px;
}

.article .meta li {
	list-style-type: none;
	display: block;
	float: left;
	padding-right: 8px;
}

.article .foot {
	background: #f7fcfd;
	position: relative;
	height: 29px;
	margin: 0 -20px 0 -19px;
	padding: 4px 8px 0;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}

#Content .catList {
	padding: 5px 0;
}

#Content .catList dl {
	margin: 0;
	padding-bottom: 3px;
}

#Content .catList dt,
#Content .catList dd {
	display: block;
	float: left;
}

#Content .catList dt {
	padding-left: 0;
	width: 650px;
}

#Content .catList dt span {
	padding-left: 5px;
}

#Content .catList dd {
	border-left: 1px solid #999;
	background-color: #efefef;
	padding: 0 5px;
}

.article .foot * {
	margin: 0;
}

.foot div.commentLink {
	position: absolute;
	top: 4px;
	right: 8px;
	padding-left: 18px;
	background: transparent url(../img/icons/comment.png) no-repeat 0 5px;
}

.article .foot dt,
.article .foot dd {
	list-style-type: none;
	display: block;
	float: left;
	padding-right: 8px;
}

/******** Comment styles *********/
#commentList {
	background: transparent url(../img/main_nav_bg.gif) repeat-x;
	margin-bottom: 10px;
}

#commentList dt {
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px 10px 0;
	border-top: 1px solid #71b700;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

#commentList dt span {
	background: transparent url(../img/icons/comment.png) no-repeat 100% 50%;
	padding-right: 18px;
}

#commentList dd {
	padding: 5px 10px;
	background: #F0F4F7;
	border-bottom: 1px solid #ccc;
}

#commentList dd.odd {
	background: #F7F7F7;
}

#commentList dd h6,
#commentList dd h6 a {
	color: #03c;
}

#commentList dd p.commentPending {
	font-weight: bold;
	color: #cc0000;
}

#commentList dd .commentDate {
	color: #666;
	font-size: 0.8em;
}

#commentList dd .subAdminBar {
	margin: 0 -8px;
}

/****** End Comment styles *******/

/****************** End blog styles ******************/

.pageList,
.pageAdd,
.pageEdit,
.pageDelete,
.downloadList,
.downloadAdd,
.downloadEdit,
.downloadDelete,
.imageList,
.imageAdd,
.imageEdit,
.imageDelete,
.tagList,
.tagAdd,
.tagEdit,
.tagDelete,
.groupList,
.groupAdd,
.groupEdit,
.groupDelete,
.linkList,
.linkAdd,
.linkEdit,
.linkDelete,
.userList,
.userAdd,
.userEdit,
.userDelete {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
}

#AdminNav .pageList,
#AdminNav .pageAdd,
#AdminNav .pageEdit,
#AdminNav .pageDelete,
#AdminNav .downloadList,
#AdminNav .downloadAdd,
#AdminNav .downloadEdit,
#AdminNav .downloadDelete,
#AdminNav .imageList,
#AdminNav .imageAdd,
#AdminNav .imageEdit,
#AdminNav .imageDelete,
#AdminNav .tagList,
#AdminNav .tagAdd,
#AdminNav .tagEdit,
#AdminNav .tagDelete,
#AdminNav .groupList,
#AdminNav .groupAdd,
#AdminNav .groupEdit,
#AdminNav .groupDelete,
#AdminNav .linkList,
#AdminNav .linkAdd,
#AdminNav .linkEdit,
#AdminNav .linkDelete,
#AdminNav .userList,
#AdminNav .userAdd,
#AdminNav .userEdit,
#AdminNav .userDelete,
#AdminNav .userLogout {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
}

.pageList {
	background-image: url(../img/icons/page.png);
}

.pageAdd {
	background-image: url(../img/icons/page_add.png);
}

.pageEdit {
	background-image: url(../img/icons/page_edit.png);
}

.pageDelete {
	background-image: url(../img/icons/page_delete.png);
}

.downloadList {
	background-image: url(../img/icons/download.png);
}

.downloadAdd {
	background-image: url(../img/icons/download_add.png);
}

.downloadEdit {
	background-image: url(../img/icons/download_edit.png);
}

.downloadDelete {
	background-image: url(../img/icons/download_delete.png);
}

.imageList {
	background-image: url(../img/icons/photo.png);
}

.imageAdd {
	background-image: url(../img/icons/photo_add.png);
}

.imageEdit {
	background-image: url(../img/icons/photo_edit.png);
}

.imageDelete {
	background-image: url(../img/icons/photo_delete.png);
}

.tagList {
	background-image: url(../img/icons/tag_blue.png);
}

.tagAdd {
	background-image: url(../img/icons/tag_blue_add.png);
}

.tagEdit {
	background-image: url(../img/icons/tag_blue_edit.png);
}

.tagDelete {
	background-image: url(../img/icons/tag_blue_delete.png);
}

.groupList {
	background-image: url(../img/icons/group.png);
}

.groupAdd {
	background-image: url(../img/icons/group_add.png);
}

.groupEdit {
	background-image: url(../img/icons/group_edit.png);
}

.groupDelete {
	background-image: url(../img/icons/group_delete.png);
}

.linkList {
	background-image: url(../img/icons/link.png);
}

.linkAdd {
	background-image: url(../img/icons/link_add.png);
}

.linkEdit {
	background-image: url(../img/icons/link_edit.png);
}

.linkDelete {
	background-image: url(../img/icons/link_delete.png);
}

.userList {
	background-image: url(../img/icons/user.png);
}

.userAdd {
	background-image: url(../img/icons/user_add.png);
}

.userEdit {
	background-image: url(../img/icons/user_edit.png);
}

.userDelete {
	background-image: url(../img/icons/user_delete.png);
}

.userLogout {
	background-image: url(../img/icons/user_logout.png);
}

#Footer {
	background: #2a2b2b;
	height: 25px;
	clear: both;
	padding: 8px 20px 0;
	border-top: 1px solid #666;
}

#Footer p {
	padding: 0;
	margin: 0;
	float: left;
	font-size: 0.8em;
}

#Footer p.copyright {
	float: right;
}

#Footer a,
#Footer a:hover {
	color: #ccc;
	font-weight: bold;
}

.contactDetails {
	position: relative;
	width: 465px;
	float: left;
	height: 1%;
}

#Content .contactDetails ul,
#Content .contactDetails dl {
	margin-top: 5px;
	list-style-type: none;
	margin-left: 0;
}

#Content .memberImage {
	position: relative;
	width: 80px;
	float: left;
	height: 80px;
}

#Content .floatRight {
	float: left;
	width: 400px;
}

.galleryLink {
	position: absolute;
	bottom: 8px;
	right: 4px;
	width: 100px;
	height: 10px;
	text-align: right;
}

#Content .contactDetails p {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

/************************
* Form styles
************************/

#Content form {
	margin-bottom: 10px;
}

fieldset {
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

.elemSpace {
	clear: both;
	padding-bottom: 10px;
	padding-right: 10px;
}

label {
	color: #ccc;
	display: block;
	margin-bottom: 0;
	width: 300px;
	font-weight: bold;
}

.textField,
.textArea {
	background: #666;
	font-size: 1em;
	border: 1px solid #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 300px;
	padding: 2px;
}

.textField:focus,
.textArea:focus {
	background: #999;
}

.editor {
	width: 100%;
	height: 400px;
}

legend {
	color: #ccc;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}

/************************
* Utility styles
************************/

.clear {
	clear: both;
}

#Content .infoMsg,
#Content .errorMsg,
#Content .error,
#Content .message,
#Content .error_message {
	display: block;
	font-size: 1.2em;
	background-image: url(../img/notices/accept24.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	margin: 10px 0;
	padding: 10px 10px 10px 30px;
	background-color: #333;
	border: none;
	color: #999;
}

#Content .elemSpace .error_message {
	margin-top: 0;
}

#Content .infoMsg {
	background-image: url(../img/notices/info24.png);
}

#Content .errorMsg,
#Content .error,
#Content .error_message {
	background-image: url(../img/notices/error24.png);
}

#Content .infoMsg ul,
#Content .errorMsg ul,
#Content .message ul,
#Content .error_message ul {
	margin: 0;
	padding: 0;
}

#Content .infoMsg li,
#Content .errorMsg li,
#Content .message li,
#Content .error_message li {
	list-style-type: none;
}

#Content .infoMsg *,
#Content .errorMsg *,
#Content .message *,
#Content .error_message * {
	margin: 0;
	padding: 0;
}

.required {
	font-weight: bold;
	color: #f60;
}

.optional {
	font-weight: normal;
	font-size: 0.8em;
	color: #0c9bce;
}

a.externalLink,
a.externalLink:hover {
	padding-right: 10px;
	background: url(../img/external_link.png) no-repeat 100% 50%;
}

a.downloadLink,
a.downloadLink:hover {
	padding-right: 16px;
	background: url(../img/download.png) no-repeat 100% 50%;
}

/* Image Thumbnails
------------------------------ */
.imgGrid {
	margin-bottom: 10px;
}

.galleryImg { 
	padding: 10px;
	text-align: left;
	float: left;
	margin: 0 10px 10px 0;
	width: 140px;
	height: 140px;
}

.galleryImg img {
	border: 1px solid #000;
	display: block;
	padding: 0;
	margin-bottom: 10px;
}

#Content .imageThumb ul {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	border: none;
}

#Content .galleryImg li {
	margin: 0;
	display: block;
	float: left;
	padding-right: 5px;
}

#extResources {
	width: 100%;
	height: 200px;
}

/* Homepage Thumbnails
------------------------------ */

#Content #homeImages ul,
#Content #homeImages li {
	margin: 0;
	padding: 0;
}

#Content #homeImages li {
	display: inline;
	background: none;
}

.content #homeImages img {
	float: none;
	padding: 0;
	margin: 0;
	border-color: #000;
}

#cakeSqlLog td {
	border: 1px solid #000;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatleft:after {
	clear: both;
}

.floatright:after {
	clear: both;
}