BODY { font-family: Tahoma, Verdana; font-size: 11px; margin-top:0px;}

H1 {margin-top: 0px; margin-bottom: 10px; font-size:20px; color: #990033; font-weight: normal; font-family:Palatino; font-weight:bold;}
H2 {margin-top: 15px; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #A9043F;}

UL LI {list-style-type : square; color: #282828} 
OL LI {padding-bottom:5px;}

/* Regions */ 

#ImgHeader {}

#strapline {min-height:160px; height:160px; font-family:Times; font-size:20px; color:#8F1E22; padding-right:10px;}
.Print {background-image:url(images/template/btn_curved_red_bg.gif); width:170px; padding-bottom:4px; padding-left:5px;}
.Print a { color:#ffffff;}
 #regTopMenuBar {font-size: 1em; }
#regTopMenuBar a {color: #990033; font-weight: bold; text-decoration: none;}
#regTopMenuBar A {color: #990033; font-weight: bold; text-decoration: none;}
#regTopMenuBar A:hover {text-decoration: underline;}
#regTopMenuBar  .black {color: #8F1E22; font-weight: bold; text-decoration: none;}

#regTopMenuBar .MenuLinks { padding-top: 4px; padding-bottom: 4px; padding-left: 5px; }
#regTopMenuBar .MenuLinks ul { display: inline}
#regTopMenuBar .MenuLinks ul li { display: inline; padding: 0px 20px 0px 8px; font-size: 1em; background-image: url(Images/template/bullet_red.gif); background-repeat: no-repeat; background-position: 0px 5px;}
#regTopMenuBar .MenuLinks a {color: black; font-weight: bold; text-decoration: none;}
#regTopMenuBar .MenuLinks a:hover {text-decoration: underline;}  

/* [RR APRIL 2011] width increased by 210px to take into account translator width*/
#regLeftMenu {vertical-align:top; color: #555555; padding: 9px 10px 7px 0px; width:210px;}
#regLeftMenu .MenuItem { background-image:url(images/template/btn_curved_ora_bg.gif); width:165px; padding: 0px 3px 3px 7px;}
#regLeftMenu .MenuItem A {color:#000000; font-weight: bold; text-decoration: none;}
#regLeftMenu .MenuItem A:hover {text-decoration: underline;}
#regLeftMenu .MenuItemRed {background-image:url(images/template/btn_curved_pink_bg.gif); width:178px; padding: 0px 4px 3px 7px;}
#regLeftMenu .MenuItemRed A {color:White; font-weight: bold; text-decoration: none;}
#regLeftMenu .MenuItemRed A:hover {text-decoration: underline;}
#regLeftMenu .MenuHeading {color: White; background-color: #99282b; font-weight:bold; padding-bottom:3px;}
#regLeftMenu .rssLink {text-align: left;}
#regLeftMenu .rssLink A {font-size: 11px; color: #666666; text-decoration:none;font-weight:bold;}
#regLeftMenu .rssLink A:hover { color: #666666; text-decoration:none; font-weight:bold; }
#regLeftMenu .Supporters {background-image:url(images/template/btn_curved_red_bg.gif); text-align:center; width:175px; padding-bottom:4px;}
#regLeftMenu .Supporters a { color:#ffffff;}

#regLeftMenu .subMenuItem { margin-bottom:1px; padding-bottom:2px; padding-left:12px; padding-right: 4px;}
#regLeftMenu .subMenuItem A {font-weight: normal; text-decoration: none; color: #282828;}
#regLeftMenu .subMenuItem A:hover {text-decoration: underline;}

#regLeftMenu .blogArchiveBox { padding:5px 5px 5px 11px; }

#RightColumn { padding:7px 0px 7px 10px; width:190px; }
#RightColumn a { color:#000000; }
#RightColumn .RightContent { max-width:190px; }
#RightColumn .Register {background-image:url(images/template/grad_bg_tall_orange.jpg); width:170px; padding:10px; margin-top:7px;}
#RightColumn .Send {background-image:url(images/template/grad_bg_sml_orange.jpg); width:170px; padding:10px; margin-top:7px; text-align:center;}



#regFooter {color: gray; margin-top:10px;}
#regFooter .MenuLinks { display: inline; padding-top: 4px; padding-bottom: 4px; }
#regFooter .MenuLinks ul { display: inline}
#regFooter .MenuLinks ul li { display: inline; padding: 0px 3px 0px 3px; }
#regFooter a {color: gray; font-weight: normal; text-decoration: underline;}
#regFooter a:hover {text-decoration: underline;}

#tblMenu td {background-image:url(images/template/btn_curved_grey_bg.gif);  }

.regLeftMenuHeading {margin-top:2px;}
.regLeftMenuHeading .menuHeading {color: white; background-color: #99282b; font-weight: bold; text-decoration: none; padding-bottom:4px; vertical-align:text-top; }
.regLeftMenuHeading .menuHeading A {color: white;text-decoration: none;}
.regLeftMenuHeading .menuHeading A:hover {color: white;text-decoration: underline;}

.regLeftMenuOptions .menuOption {color: #282828; font-size: 12px; font-weight: normal; text-decoration: none; }
.regLeftMenuOptions .menuOption:hover {text-decoration: underline;}

/**[RR APRIL 2011] Width reduced down to 770px from 790px to account for translator */
#regMainContent {vertical-align:top; padding-top:15px; font-family: Arial; font-size:12px; color: #282828; width:770px;}

A {font-weight: bold; color: #990033; text-decoration: none; }
A:hover {text-decoration: underline;}

#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: Black; font-size:11px;}
#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}

/* 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: .9em; color: black; padding-bottom: 5px; }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; }
#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: #333333; font-weight: bold; padding-top: 4px; }

/**ADDED [RR APRIL 2011]*/
#regMainContent .RegisterLoginDiv {float:left; margin-left:5px}
#regMainContent .RegisterDiv {float:right; margin-right:20px; border-left: solid 1px #dfdfdf; padding-left: 40px}
#regMainContent .LoginTitle {color: #990033}
#regMainContent #Articles { margin-right: 30px}
#regMainContent #Articles .ArticleDetails { padding-bottom: 5px; padding-top: 5px}
#regMainContent #Articles .Title {color: #990033; font-weight: bold; padding-bottom: 5px}
#regMainContent #Articles .Item { padding-bottom: 5px}
#regMainContent #Articles .FullArticleButton { padding-bottom: 5px; float:right}

/*[END]*/

  
.blogArchiveBox {padding: 5px 0px 11px 0px;}
.blogArchiveBox .blogArchiveItem { padding: 4px 0px 4px 0px; color:#99282b; }
.blogArchiveBox .blogArchiveItem A { color:#99282b; font-weight: bold; text-decoration: none;}
.blogArchiveBox .blogArchiveItem A:hover {text-decoration: underline;}
  
.heading_white {	font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}

.NoLink {font-weight: normal; color: #282828; text-decoration: none;}
.NoLink:hover {font-weight: normal; color: #282828; text-decoration: underline;}

.main_bullet_swirl_black { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #282828; background: url(images/template/bullet_curve_yellow.gif) top left no-repeat; padding-left:20px; margin-top:3px; margin-left:3px}
.main_bullet_swirl_black A {font-weight: normal; color: #282828; text-decoration: none;}
.main_bullet_swirl_black A:Hover {font-weight: normal; color: #282828; text-decoration: underline;}

.body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #282828;}

.body_black_bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #282828; font-weight: bold; }

.yellow_14pt A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #f0a951; line-height: 14px;}

.grey_14pt A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #828589; line-height: 15px;}

.red_15pt A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #99282b; line-height: 14px;}

.black_15pt A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #282828; line-height: 13px;}

#subtickertape {padding: 15px 15px 15px 15px}
.quoteMain { color: #444444; font-size:9px; font-family: Arial;}
.quoteBy { color: #444444; font-size:9px; font-style: italic; font-weight: bold;}

.PaymentFormHeading {font-weight: bold;}


/*added [RR APRIL 2011]*/

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#horizMenuLinks {position: relative; height: 20px}
#horizMenuLinks ul {display: inline; padding: 0px; margin: 0px;}
#horizMenuLinks ul li {display:inline;  float:left}
#horizMenuLinks .NewMenuItem {color: #990033; font-weight: bold;  padding-left: 15px; padding-right: 15px;}
#horizMenuLinks .NewMenuSpacer {color: #ffffff}

/*#horizMenuLinks .NewMenuItem a ul {list-style-type:none; position: absolute; left:0px; top:18px;  padding: 0px 0px 0px 0px; visibility: hidden}
#horizMenuLinks .NewSubMenu li  {list-style-type:none; background-color: #CCCCCC; width: 150px;padding: 5px 10px 5px 10px; color: #990033; border: solid 1px white}            
*/
#horizMenuLinks a, #horizMenuLinks a:visited {display:block;text-decoration:none; height:17px; padding-top:3px}

 
/*#horizMenuLinks {text-align: center; width: 970px; height:35px;font-size: .9em; font-weight: bold; margin-top:10px; background-image: url(images/template/page_topnav_bg.png); position: relative; z-index:200; float: left; font-family: Georgia;}*/
/* hack to correct IE5.5 faulty box model */
/* html #horizMenuLinks {width: 970px; height:35px;}*/
/* remove all the bullets, borders and padding from the default list styling */
/*#horizMenuLinks ul {float:left;padding:0px;margin-top:2px;list-style-type:none; margin-left: 2px; background-color: #901341;}*/
#horizMenuLinks ul ul { margin-top: -2px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#horizMenuLinks li {float:left;position:relative;}
/* style the links for the top level */
#horizMenuLinks a:hover { text-decoration:underline; }
/* a hack so that IE5.5 faulty box model is corrected */
* html #horizMenuLinks a:hover { text-decoration:underline; color: #990033; font-weight: bold; background-color: #CCCCCC;}
/* style the second level background 
#horizMenuLinks ul ul a.drop, #horizMenuLinks ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover
#horizMenuLinks ul ul a.drop:hover{background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
#horizMenuLinks ul ul :hover > a.drop {background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}*/
/* style the third level background */
/*#horizMenuLinks ul ul ul a, #horizMenuLinks ul ul ul a:visited {}*/
/* style the third level hover */
/*#horizMenuLinks ul ul ul a:hover {}*/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#horizMenuLinks ul ul {visibility:hidden;position:absolute; height:auto;background-color: #CCCCCC;  color: #990033; left:0px; top:20px; margin:0px; border-top: solid 1px white; border-left: solid 1px white; border-right: solid 1px white }
#horizMenuLinks ul ul li {width:150px; border-bottom: solid 1px white; padding: 5px 10px 5px 10px;color: #990033;}
#horizMenuLinks ul ul li a {  padding-top: 3px; padding-bottom: 3px;}
/* another hack for IE5.5 */
* html #horizMenuLinks ul ul {top:33px;t\op:33px;}
/* position the third level flyout menu */
#horizMenuLinks ul ul ul{left:100px; top:-1px;}
/* position the third level flyout menu for a left flyout */
#horizMenuLinks ul ul ul.left {left:-100px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#horizMenuLinks table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
#horizMenuLinks ul ul a, #horizMenuLinks ul ul a:visited {color: #990033;  height:auto; line-height:1em; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0px; }
/* yet another hack for IE5.5 */
* html #horizMenuLinks ul ul a, * html #horizMenuLinks ul ul a:visited {width:100px;w\idth:128px;}
/* style the top level hover */
#horizMenuLinks a:hover, #horizMenuLinks ul ul a:hover{}
#horizMenuLinks :hover > a, #horizMenuLinks ul ul :hover > a {}
/* make the second level visible when hover on first level list OR link */
#horizMenuLinks ul li:hover ul,
#horizMenuLinks ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#horizMenuLinks ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#horizMenuLinks ul :hover ul :hover ul{ visibility:visible;}
