BODY { font-family: Arial,Verdana, Tahoma; font-size: 11px;}

H1 {margin-bottom: 5px; font-size: 1.65em; color: #13587B; text-align: left; margin-top: 5px;}
H2 {margin-top: 15px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #13587B; text-align: left;}
H3 {font-size: 12px; font-weight: bold; color: #6cb1db; text-align: center;}
H4 {margin-bottom: 3px; font-size: 12px; color: #6cb1db;text-align: center;}
H5 {margin-bottom: 3px; font-size: 16px; font-style: italic; color: #6cb1db; text-align: left;}
H6 {margin-bottom: 5px; font-size: 1.75em; color: #13587B; text-align: center; margin-top: 5px;}
UL LI {list-style-type : square;} 
OL LI {padding-bottom:5px;}

/* Regions */
#regTopMenuBar {padding: 3px 3px 3px 3px;  background-color:#333333; color: #cccccc;}
#regTopMenuBar A {color: White; font-weight: bold; text-decoration: none; }
#regTopMenuBar A:hover {color: yellow; text-decoration: underline;}

#regLeftMenu {vertical-align:top; color: #555555;}
#regLeftMenu A {font-weight: bold; color: #000000; text-decoration:none;}
#regLeftMenu .MenuItem { background-color: #F68C3C; margin-bottom:1px; padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right: 4px;}
#regLeftMenu .MenuItem A {color:White; font-weight: bold; text-decoration: none;}
#regLeftMenu .MenuItem A:hover {text-decoration: underline;}
 
#regLeftMenu .subMenuItem { background-color: #F68C3C; margin-bottom:1px; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right: 4px;}
#regLeftMenu .subMenuItem A {font-size:.85em; color:White; font-weight: bold; text-decoration: none;}
#regLeftMenu .subMenuItem A:hover {text-decoration: underline;}
.EnquiryText {text-align: right; padding-right: 20px;}
.regFooter {font-size: 0.95em; color: #13587B; padding-top: 20px; padding-bottom: 0px; }
.regFooter A {color: #13587B; font-weight: normal; text-decoration: none;}
.regFooter A:hover {text-decoration: underline;}
  
#regMainContent { font-family: Verdana, Arial, Tahoma; vertical-align:top; padding: 0px 8px 10px 8px; font-size: 11px; color: #346286 }
#regMainContent A {text-decoration: underline; font-weight: bold; color: #1D486A; }
#regMainContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} 
#regMainContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px}
#regMainContent .breadcrumbtrail A {color: #F8A261}
#regMainContent .highlight {background-color:Yellow}

/* Button styles */
#regMainContent .button {font-weight: bold; color: #13587B;}
#regMainContent .Bluebutton {font-weight: bold; color: Navy;}
#regMainContent .CancelButton {font-weight: normal; color: Red;}

/* datagrid styles */
#regMainContent .datagridHeader {background-color: #cccccc;font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;}
#regMainContent .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666}
#regMainContent .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666}
  
.bg_Search { background-image: url(images/search_bg.gif); background-repeat: no-repeat;}
.bg_TopMenu { background-color: #13587B}
.bg_Ezine { background-image: url(images/ezine_bg.gif); background-repeat: no-repeat;}
.bg_RightBox { background-image: url(images/panel_bg.gif); color: #1D486A; background-repeat: repeat-y;}
.bg_RightBox A { font-weight: bold; color: #1D486A; text-decoration: none; font-size: 12px }
.bg_RightBox A:Hover { text-decoration: underline; }
.MakingMediationWork { background-color: #13587B; padding-top: 2px;}
.MakingMediationWork A { text-align: center; font-size: 15px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.MakingMediationWork A:Hover { text-decoration: underline; }

.TopMenu {padding-left: 8px; padding-right: 8px; font-weight: bold; color: #FFFFFF; text-decoration: none; font-size: 12px }
.TopMenu A  { font-weight: bold; color: #FFFFFF; text-decoration: none; font-size: 12px }
.TopMenu A:Hover { text-decoration: underline; }
.TopMenuBlue  {padding-left: 8px; padding-right: 8px;}
.TopMenuBlue A  { font-weight: bold; color: #9FD6F8; text-decoration: none; font-size: 12px }
.TopMenuBlue A:Hover  { text-decoration: underline; }
.bg_LeftBox { background-image: url(images/leftnav_bg.gif); background-repeat: repeat-y;}

input {border: 1px solid #9FD6F8}
textarea {border: 1px solid #9FD6F8; font-family: Arial}
.LeftMenuItem A { padding-left: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; font-size: 12px }
.LeftMenuItem A:Hover { text-decoration: underline; }

.LeftMenuSubItem A {padding-left: 25px; font-weight: bold; color: #9FD6F8; text-decoration: none; font-size: 12px;}
.LeftMenuSubItem A:Hover { text-decoration: underline; }

.bg_Main { background-image: url(images/main_bg.gif); font-family: Verdana, Arial; background-repeat: repeat-y; padding-left: 8px; padding-right: 8px;}

/* Blog related styles... */  				  
#regMainContent .BlogEntries p {padding-top: 0px; margin-top: 0px}
#regMainContent .BlogEntries .blogPostTitle {padding-top: 5px;}
#regMainContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;}
#regMainContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
#regMainContent .BlogEntries .blogContent { padding-bottom: 10px;}   
#regMainContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
#regMainContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 300px; display: inline; color: gray;  padding-top: 5px; }
#regMainContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;}
#regMainContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; }
#regMainContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; }

#regMainContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;}
#regMainContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
#regMainContent .BlogDetail .blogContent { padding-bottom: 5px;}   
#regMainContent .BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;}   
#regMainContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
#regMainContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; }
#regMainContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right}
#regMainContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;}
#regMainContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;}

#regMainContent .BlogDetail .Comments {padding-top: 0px;}
#regMainContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;}
#regMainContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;}
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;}
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: 1em; color: black; padding-bottom: 5px; }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: 1em; }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { }

#regMainContent .BlogDetail .Comments .leaveComment input {margin-left: 0px;}
#regMainContent .BlogDetail .Comments .leaveComment .heading {color: #666666; font-weight: normal; padding-top: 4px; }

.blogArchiveBox {padding: 0px 0px 0px 0px; margin: 0px 5px 0px 5px;}
.blogArchiveBox .blogArchiveItem {font-size: 1em; margin: 0px 0px 1px 0px; padding: 4px 0px 4px 3px; border-top: 1px solid #8DD4F7; }
.blogArchiveBox .blogArchiveItem A { color:#111111; font-weight: normal; text-decoration: none;}
.blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;}