﻿#container, #contain, body{margin: 0 auto;}
h2, h1, ul, ol,li, body{padding: 0;}
#content, #container, #contain, body{text-align: center;}
body, p,  td, th, tr, form, input, textarea, select{font: 13px tahoma;color: #445664;}
ul, ol{list-style-type: none;}
h2, h1, ul, ol,li{margin: 0;}
h2, h1{color: #d71e19;}
h1{font: bold 24px Arial;}
h2{font: bold 14px Arial;line-height: 25px;padding-left: 5px;}
#container{width: 990px;}
#container-showdowleft{background: url('/App_Themes/Default/Images/shado-left.gif') repeat-y 5px;padding-left: 16px;}
#container-showdowright{background: url('/App_Themes/Default/Images/shado-right.gif' ) repeat-y 964px;padding-right: 16px;}

/*CSS For Bullet List*/
ul li .list{list-style-type:disc; padding:0px 0px 0px 15px;}
ol li .list{list-style-type:disc; padding:0px 0px 0px 15px;}

#contentrightmain, #contentleft, #contentright, #contentmain, #footer #footer-menu, #footer #footer-left, #footer, #footer-redtop, .menu .divider, .menu .menu-selected, .menu .menu-item, .menu, #menu, #top #top-flash, #top #top-right, #top #logo, #top #top-logo-div, #top #top-leftlightblue, #top #top-leftdarkblue, #top, #top-redbottom, #content, #container-showdowright, #container-showdowleft{float: left;}
#top #top-logo-div, #content{background: #FFFFFF;}
#content{padding: 0px 4px 0px 4px;}
#contentmain, #content{width: 956px;}

#top-redbottom{background-color: #fe7704;width: 955px;}
#top-redbottom{padding-bottom: 4px;}
#top{border-bottom: 1px solid #FFF;}
#top #top-leftdarkblue{background: #1456ac;}
#top #top-leftlightblue, #top #top-leftdarkblue{padding-left: 7px;}
#top #top-leftlightblue{background: #1d66d7;}
#top #top-logo-div{background: url('/App_Themes/Default/Images/logo_bg.gif' ) repeat-x;border-left: 1px solid #FFF;border-right: 1px solid #FFF;margin-right: 7px;}
#top #logo{background: url('/App_Themes/Default/Images/logo.gif' ) no-repeat;cursor: pointer;height: 179px;}
#contentleft, #top #logo{width: 228px;padding:0px 5px 0px 5px;}
#top #top-right{background: #144fa7;}
#top #top-flash, #top #top-right{width: 694px;}
#top #top-flash{width: 694px;height: 148px;}

/*CSS For Menu*/
.menu{background: url('/App_Themes/Default/Images/main-menu-bg.gif' ) repeat-x;border-top: 1px solid #FFFFFF;line-height: 29px;width: 100%;}
.menu{font: 12px Tahoma;}
.menu .menu-selected{padding: 0 10px;}
.menu .menu-item{padding: 5px 4px 0px 7px;font-size:13px;}
.menu .menu-item a{text-decoration:none;font-weight:bold;color:#000000}
.menu .menu-selected a{color: #FFFFFF;}
.menu .divider{border-right :1px solid #000000;height: 29px;width: 1px;}

#footer #footer-left a, #footer #footer-menu a, #contentleft .submenulist li a, .menu .menu-selected a{text-decoration: none; }

/*More Link*/
div.morelnk {text-align:right;font-weight:bold }
div.morelnk a{text-decoration:none;color: #FF7A02; padding:0px 5px 0px 0px}
div.morelnk a:hover{text-decoration:underline}


/*CSS For Footer*/
#footer-redtop{border-top:4px solid #fe7704;width: 955px;}
#footer-redtop{padding-top: 4px;}
#footer{font: 11px tahoma;background: url('/App_Themes/Default/Images/footer.gif' ) repeat-x;padding: 22px 25px 0;width: 905px;}
#footer #footer-menu, #footer #footer-left{padding-top: 0px;}
#footer #footer-menu{padding-left: 50px;color: #000000;}
#footer #footer-right{float: right;text-align: right; }
#footer #footer-left a, #footer #footer-menu a{color: #000000;}


#contentmain{background: url('/App_Themes/Default/Images/contentbg.gif' ) repeat-y;}
#contentleft{margin: 1px 1px 10px 8px;text-align: left;}
html > body #contentleft, #contentright{margin: 1px 1px 10px 15px;}
#contentright{width: 603px; padding:18px 43px 31px 43px; margin:0px 0px 0px 7px; text-align:justify;}
#contentleft ul.submenulist{border-top: 1px solid #cfcfcf;font: bold 10px Tahoma,Arial;}
#contentleft .submenulist li{background: url('/App_Themes/Default/Images/menuUnSelected.gif' );border-bottom: 1px solid #cfcfcf;text-indent: 25px;}
#contentleft .submenulist li.special{background: url('/App_Themes/Default/Images/menuSpcial.gif' );}
#contentleft .submenulist li a{color: #4f5c64;line-height: 26px;text-transform: uppercase;}
#contentrightmain{width: 477px;}
#contentrightcontrol{width: 203px;}
#contentleft .submenulist li:hover, #contentleft .submenulist li.selected{background: url('/App_Themes/Default/Images/menuSelected.gif' )}

#contentmain #contentright #Mainbody-top{float:left;width:608px;}
#contentmain #contentright #Mainbody-top #Mainbody-cornertopL{float:left;height:10px;width:12px;background:url('/App_Themes/Default/Images/cornertopL.gif') no-repeat 0px 100%;}
#contentmain #contentright #Mainbody-top #Mainbody-cornertopR{float:right;height:10px;width:12px;background:url('/App_Themes/Default/Images/cornertopR.gif') no-repeat 0px 100%;}

#contentmain #contentright #Mainbody{float:left;width:584px;border-right:solid #919292 1px;border-left:solid #919292 1px;padding:0px 11px 8px 11px}

#contentmain #contentright #Mainbody-bottom{float:left;height:2px;width:608px;}
#contentmain #contentright #Mainbody-bottom #Mainbody-cornerbottomL{float:left;width:12px;background:url('/App_Themes/Default/Images/cornerbottomL.gif') no-repeat;}
#contentmain #contentright #Mainbody-bottom #Mainbody-cornerbottomR{float:right;width:12px;background:url('/App_Themes/Default/Images/cornerbottomR.gif') no-repeat;}

/*Inner Page*/
#pageHeader{float:left;color:#d71e19;font-family:Arial;font-size:20px;width:559px; border-bottom:1px dotted #908F88;padding:0px 0px 1px 25px;margin:0px 0px 5px 0px}
#pageContent{float:left;font-family:Tahoma;font-size:13px;color:#445664;padding:0px 23px 0px 23px;width:538px; min-height:340px;_height:expression(this.clientHeight > 340 ? "auto":"340px")}


p.paging{ font-weight:bold; text-align:right; }
p.paging a{text-decoration:none;color:#445664}

/*FORM CONTROL*/
#PnlError{float:left;height:50px;width:99%;border:1px solid gray;background-color:lightyellow;Margin-top:17px;margin-bottom:5px;padding:2px;line-height:2}

form ol{list-style-type:none;margin-top:10px;margin-left:0px;margin-Bottom:5px;margin-right:0px}
form li{clear:both;padding:1px 0}
div.form-control{float:left;margin-right:5px}
div.form-ErrorMsg{float:left;padding-top:3px}
div.form-label{height:25px;float:left;width:135px;line-height:12px}

.input-text{width:150px;height:15px;border:1px solid gray;font:12px verdana}
.input-text-250{width:250px;height:15px;border:1px solid gray;font:12px verdana}
.input-file{width:250px;height:20px;border:1px solid gray;font:12px verdana}
.input-textarea{width:250px;height:100px;border:1px solid gray;font:10px verdana}
.input-button{width:65px;height:23px;font-weight:bolder;font:12px verdana;background-color:#c1c1c1;color:#000000;border:1px solid #000000}
.input-button-120{width:120px;height:23px;font-weight:bolder;font:12px verdana;background-color:#c1c1c1;color:#000000;border:1px solid #000000}
.input-button-module{width:150px;height:23px;font-weight:bolder;font:12px verdana;background-color:#c1c1c1;color:#000000;border:1px solid #000000;text-align:left}
.input-list{width:140px;height:80px;border:1px solid gray;font:12px verdana}
.input-button-invisible{display:none;visibility:hidden }
.CalendarImageButton{background-image:url("/App_Themes/Default/images/Calendar.gif");background-repeat:no-repeat;width:17px;height:16px;font-size:12px;color:#FFFBD6;vertical-align:-1px}
.MyCalendar .ajax__calendar_container{border:1px solid #646464;background-color:#ffffff;color:#000000}
.visible{visibility:hidden}

/*CSS FOR PHOTOGALLEY*/
#contentleft #photogallery #photogallerytxt .header{background: url('/App_Themes/Default/Images/menu-bg3.gif' );border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
#contentleft #photogalleryimg{float: left;width: 223px;height:158px;padding:1px;margin-top:2px;border:1px solid  #cfcfcf}
#contentleft #photogallerythumb .photogallerythumbimg{float: left;width: 70px;height:56px;display:inline-block ;padding:1px;cursor:hand;margin-right:1px;border:1px solid #cfcfcf;}

/* For News & Event UserControl*/

#contentleft #news, #contentleft  #events,#contentleft #noticeboard{float: left;border-top: 1px solid #cfcfcf;width: 225px;}
#contentleft #news .header, #contentleft #events .header,#contentleft #noticeboard .header {background: url('/App_Themes/Default/Images/menu-bg3.gif' );border-bottom: 1px solid #cfcfcf;}
#contentleft #news p a, #contentleft #events p a,#contentleft #noticeboard p a {text-decoration: none;font-weight: bold;color: #445664;margin: 0px 0px 0px 20px;}
#contentleft #news p a:hover, #contentleft #events p a:hover.#contentleft #noticeboard p a:hover {text-decoration: underline;}
#contentleft #news ul li.list, #contentleft #events ul li.list,#contentleft #noticeboard ul li.list{background: url(  '/App_Themes/Default/Images/bullet3.gif' ) no-repeat 0px 2px;text-indent: 20px;line-height: 25px;}

#contentleft #news ul li.list a, #contentleft #events ul li.list a,#contentleft #noticeboard ul li.list a{text-decoration: none;color: #445664;}

.LeftSpacer{float: left; width:225px; height: 15px}

/*CSS For Member Profile*/
#contentleft .myaccount {float:left; width:223px; border:1px solid #E0E0C0; margin:5px 0px 5px 0px}
.myaccount .heading{float:left; width:223px; height:25px; background: url('/App_Themes/Default/Images/menu-bg3.gif' ); background-repeat:repeat-x;}
.myaccount ul li.list{background: url(  '/App_Themes/Default/Images/bullet3.gif' ) no-repeat 0px 4px;text-indent: 20px;line-height: 25px; margin:0px 0px 0px 5px}
.myaccount a{text-decoration: none;color: #445664;}
.membername{float:left;width:218px; font-weight:bold;margin:0px 0px 0px 5px}


/* CSS FOR BLOG Document */
.clear{ clear:both;}
.bold{ font-weight:bold;}
.blogelement_container{ margin:0px ; float:left; border-bottom:dashed 1px #999999;}
.blog_title{ float:left; width:100%;  margin:2px 0px 2px 0px; font-weight:bold; color:#D71E19;}
.blog_title a{color:#D71E19; text-decoration:none}
.blog_title a:hover{text-decoration:underline}
.blog_content{ float:left; width:100%;}
.blog_shwcomments{ text-align:right; display:block;float:right;width:auto; margin:5px 0px 5px 0px ;}
.blog_thmb_container{  margin:2px 5px 2px 2px; width:100px; height:87px; overflow:hidden;float:left; display:none; }
.blog_txt{margin:0px; width:100%;float:left;}

.blogcontainer{margin:0px ; float:left;}
.blog_pagetitle{ float:left;  width:100%; margin:2px 2px; font-weight:bold; color: #CD441D; font-size:18px;}


.comment_container{margin:15px 0px 5px 0px ; width:100%; float:left; border-bottom:#cccccc solid 1px;}
.comment_containerbody{margin:15px 0px 5px 0px ; width:100%; float:left;}
.comment_title{ float:left; width:100%;!important; margin:2px 0px 2px 0px; font-weight:bold; color: #CD441D; font-size:14px;}
.comment_title a{text-decoration:none; color: #CD441D;}
.comment_body{ float:left; width:100%;}
.comment_postedby{ text-align:right; display:block;float:right;width:100%; margin:5px 0px 5px 0px; font-size:11px;}
.blog_image_container{margin:2px 5px 2px 2px; float:left; }

.comment_txt{margin:2px 0px 2px 0px; width:100%;float:left; border-top:1px  dashed #cccccc; padding:5px 0;}
.LinkButton a{text-decoration:none;color:#000000;font-weight:bold}

.blog{float: left;width: 538px;padding:5px 0px 5px 0px;}
.blog .bullet{float: left;width: 18px;height: 18px;background: url(  '/App_Themes/Default/Images/bullet3.gif' ) no-repeat 0px -3px}
.blog .blogtxt{float: left;width:520px; color:#FF8102; font-weight:bold;text-align:justify}
.blog .blogtxt a{text-decoration:none; color:#445664}
.blog .blogtxt a:hover{text-decoration:underline; color:#D71E19}

/*CSS FOR BLOG USER CONTROL*/
#contentleft #BlogLeftBox{float: left;border-top: 1px solid #cfcfcf;width: 225px;}
#contentleft #BlogLeftBox .header{background: url('/App_Themes/Default/Images/menu-bg3.gif' );border-bottom: 1px solid #cfcfcf;}
#contentleft #BlogLeftBox a {text-decoration: none;color: #445664;margin: 0px 0px 0px 20px;}
#contentleft #BlogLeftBox a:hover {text-decoration: underline;}
#contentleft #BlogLeftBox ul li.list{background: url(  '/App_Themes/Default/Images/bullet3.gif' ) no-repeat 0px 2px;text-indent: 0px;line-height: 25px; }
div.sepratorsolidline{margin:0 2px 0 0px; padding:0px;border-top:1px solid #cfcfcf}

#contentleft .BlogBox {float:left; width:223px; border:1px solid #E0E0C0; margin:5px 0px 5px 0px}
.BlogBox .heading{float:left; width:223px; height:25px; background: url('/App_Themes/Default/Images/menu-bg3.gif' ); background-repeat:repeat-x;}
.BlogBox ul li.list{background: url(  '/App_Themes/Default/Images/bullet3.gif' ) no-repeat 0px 4px;text-indent: 20px;line-height: 25px; margin:0px 0px 0px 5px}
.BlogBox a{text-decoration: none;color: #445664;}
.BlogBox{float:left;width:218px;margin:0px 0px 0px 5px}






