﻿body 
{
    width:100%;
    font-family:Arial;
    font-size:10pt;
}

.top1
{
    width:900px;
    height:103px;
    text-align:left;
    vertical-align:middle;
    /**background-image:URL(images/art/top1.jpg);
    background-position:left;
    background-repeat:no-repeat; **/
}
.left1
{
    width:237px;
    height:566px;
    float:left;
    vertical-align:top;
    text-align:left;
}
.top2
{
    width:663px;
    height:99px;
    float:left;
    background-image:URL(images/art/15top_strip.jpg);
    background-position:left;
    background-repeat:no-repeat;
    vertical-align:middle;
    text-align:left;
}
.topInside
{
    padding-left:10px;
    padding-top:20px;
    padding-bottom:10px;
    padding-right:10px;
    text-align:left;
    vertical-align:middle;
    font-size:15px;
    font-family:Arial;
}

.main
{
    width:663px;
    min-height:467;
	float:left;
    text-align:left;
    vertical-align:top;
    
}
.mainInside
{
   padding-left:10px; 
    padding-top:5px;
    padding-bottom:10px;
}
.footer
{
    height:48px;
    width:900px;
    background-image:URL(images/art/17footer.jpg);
    background-position:left;
    background-repeat:no-repeat;
}
/** FRONT PAGE DIMSENSIONS **/
.fp1
{
    width:534px;
    text-align:left;
    vertical-align:top;
    float:left;
}
.fp2
{
  height:333px;
	
    text-align:center;
    vertical-align:top;
    float:left;
}
.fp3
{
    height:322px;
	
    width:214px;
	/** NO WIDTH AND NOTICEBOARD LOOSES SIDES **/ 
    text-align:center;
    vertical-align:bottom;
    float:left;
    background-image:URL(website_images/newimages/NC_noticeboard.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
}
.fp31
{
    height:100px;
    width:50px;
    float:left;
    padding-top:62px;
    padding-left:20px;
    text-align:left;
    vertical-align:top;
    font-size:11px;
    
}
.fp31 a{
text-decoration:none;
color:#000000;
}

.fp32
{
    height:75px;
    width:53px;
    float:left;
    padding-top:50px;
    padding-left:33px;
    text-align:left;
    vertical-align:top;
    font-size:11px;
    
}
.fp32 a{
text-decoration:none;
color:#000000;
}

.fp33
{
position:relative;
top:119px;
left:-13px;
height:60px;
width:35px;
font-size:11px;
text-align:left;
padding-top:5px;
float:left;
}
.fp33 a{
text-decoration:none;
color:#000000;
}
.fp3X
{
    height:322px;
	
    width:214px;
	/** NO WIDTH AND NOTICEBOARD LOOSES SIDES **/ 
    text-align:center;
    vertical-align:bottom;
    float:left;
    background-image:URL(images/snowy_notice.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}
.fp31X
{
    height:100px;
    width:50px;
    float:left;
    padding-top:69px;
    padding-left:30px;
    text-align:left;
    vertical-align:top;
    font-size:11px;
    
}
.fp31X a{
text-decoration:none;
color:#000000;
}
.fp32X
{
    height:75px;
    width:50px;
    float:left;
    padding-top:60px;
    padding-left:14px;
    text-align:left;
    vertical-align:top;
    font-size:11px;
    
}
.fp32X a{
text-decoration:none;
color:#000000;
}

.fp33X
{
position:relative;
top:120px;
left:-22px;
height:60px;
width:35px;
font-size:11px;
text-align:left;
padding-top:5px;
float:left;
}
.fp33X a{
text-decoration:none;
color:#000000;
}
.fp21
{
    height:30px;
    width:390px;
    text-align:right;
    float:left;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
}
.fp2Row
{
    /**width:400px;**/
    height:96px;
    vertical-align:top;
    text-align:center;
}
.fp22
{
    height:95px;  
    width:130px;
    text-align:center;
    vertical-align:middle;
    float:left;
}

/** GENERIC LAYOUTS **/
.tr1Set
{
    width:620px;
    float:left;
    text-align:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
} 
.p_tr1
{
    width:95%;
    float:left;
    text-align:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
} 
.p_tr1C
{
    width:95%;
    float:left;
    text-align:center;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
} 
.tr1Y
{
    width:95%;
    float:left;
    text-align:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
    background-color:#fffff8;
}
.tr500
{
    width:500px;
    float:left;
    text-align:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:5px;
}
.tr1P
{
    width:90%;
    float:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:65px;
}
.tr1Set_C
{
    width:550px;
    float:left;
    text-align:center;
    padding-bottom:5px;
    padding-top:5px;
}
.tr1Shade
{
    width:100%;
    text-align:left;
    vertical-align:middle;
    background-color:#E2E2EB;
    float:left;
	padding-left:3px;
	min-height:25px;
    
}

.tr1ShadeT
{
    width:95%;
    text-align:left;
    vertical-align:top;
    background-color:#E2E2EB;
    float:left;
	padding-left:3px;
	min-height:25px;
    
}
.tr2_c
{
    width:90%;
    float:left;
    text-align:center;
    padding-left:15px;
}
.tr1_C2
{
    width:50%;
    float:left;
    text-align:center;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:75px;
}
.tr_C
{
    width:55%;
    float:left;
    text-align:center;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:75px;
}
.trL_C
{
    width:100%;
    float:left;
    text-align:center;
}
.tr1
{
    width:100%;
    float:left;
    padding-bottom:5px;
    padding-top:5px;
}
.tr1_Indent
{
    width:100%;
    float:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:25px;
}

.tr1:hover
{
background-color:#DCDDED;
}
.tr1Alt:hover
{
background-color:#DCDDED;
}
.tr1Alt
{
    width:100%;
    float:left;
    padding-bottom:5px;
    background-color:#E8E9F9;
    vertical-align:middle;
    padding-top:5px;
}
.td35
{
    width:30%;
    height:25px;
    text-align:left;
    vertical-align:middle;

    float:left;
	padding-left:3px;
    
}
.td40Apx
{
    width:40px;
    height:50px;
    text-align:center;
    vertical-align:middle;

    float:left;
	padding-left:3px;
    
}
.td40Apx:hover
{
background-color:#E1E7DE;
}
.td40px
{
    width:40px;
    height:50px;
    text-align:center;
    vertical-align:middle;
    font-size:8pt;

    float:left;
	padding-left:3px;
    
}
.td35_noH
{
    width:30%;
    text-align:left;
    vertical-align:middle;

    float:left;
	padding-left:3px;
    
}
.td35_Shade
{
    width:30%;
    text-align:left;
    vertical-align:middle;
    background-color:#E2E2EB;
    float:left;
	padding-left:3px;
	min-height:25px;
    
}
.td35_Shade2
{
    width:30%;
    text-align:left;
    vertical-align:middle;
    background-color:#DCE2DC;
    float:left;
	padding-left:3px;
	min-height:25px;
}


.td60
{
    width:60%;
    height:25px;
    text-align:left;
    vertical-align:middle;
    float:left;
	padding-left:3px;
    
    
}
.td60_noH
{
    width:60%;
    text-align:left;
    vertical-align:middle;
    float:left;
	padding-left:3px;
    
    
}
.td60_Grid
{
    width:60%;
    text-align:left;
    vertical-align:middle;
    background-color:#E5E5E5;
    float:left;
	padding-left:3px;
	min-height:25px;
    
    
}
.td8
{
    width:8%;
    text-align:center;
    float: left;
}
.td25
{
    width:23%;
    text-align:left;
    vertical-align:middle;
    float:left;
    padding:3px;
}
.tr1_c
{
    width:100%;
    float:left;
    text-align:center;
    padding-bottom:5px;
}
 .tr1Padd
{
    width:95%;
    float:left;
    padding-bottom:5px;
    vertical-align:middle;
    padding-top:5px;
    padding-left:10px;
}   
.td10
{
    width:10%;
    text-align:center;
    vertical-align:middle;
    float: left;
    padding:3px;
}
.td90
{
    width:80%;
    text-align:left;
    vertical-align:middle;
    float: left;
    padding:3px;
}
.td50L
{
    width:45%;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
    float:left;
    
    
}  
.td50LB
{
    width:45%;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
    float:left;
    border-color:Navy;
    border-style:solid;
    border-width:1px;
    
    
}  
.spa
{
    width:5px;
    text-align:center;
    float: left;
}
.td50LDefault
{
    width:45%;
    padding-left:20px;
    padding-right:5px;
    text-align:left;
    vertical-align:middle;
    float:left;
    
    
}  
.td50C
{
    width:45%;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    vertical-align:middle;
    float:left;
    
    
} 
.td30C
{
    width:30%;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    vertical-align:middle;
    float:left;
    
    
} 
.td5C
{
    width:5%;
    text-align:center;
    vertical-align:middle;
    float:left;
    
    
} 
.td30
{
    width:27%;
    text-align:left;
    vertical-align:middle;
    padding:3px;
    float:left;
    
}  
.td30A
{
    width:27%;
    text-align:center;
    vertical-align:middle;
    padding:3px;
    float:left;
    
}    
.td30A:hover
{
background-color:#E1E7DE;
}
.td50H /** with a box (NOT hovered) **/
{
    width:40%;
    padding-left:5px;
    padding-right:5px;
	padding-top:5px;
    text-align:center;
    vertical-align:top;
    float:left;
	border-color:#990066;
	border-style:solid;
	border-width:1px;
   
}  
.tr1R
{
    width:90%;
    float:left;
    text-align:left;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:25px;
    
    
}
.tr3
{
    width:90%;
    float:left;
    text-align:left;
    padding-left:10px;
}
.wspace
{
white-space:normal;
}
.poemTextBox
{
	vertical-align: top;
	color: black;
	background-color:#CAD0F0;
	text-align: left;
	border:solid;
	border-color:#000000;
	border-width:1px;
	width:400px;
	height:150px;
	
	
}
.ddlQ
{
   width:450px;
   color: black;
	background-color:#E4E4E4;
	text-align:left;
}



.ajax__tab_xp .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) 
        repeat-x 
        bottom;
}
.ajax__tab_xp .ajax__tab_outer {
    padding-right:4px;
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) 
        no-repeat 
        right;
    height:21px;
}
.ajax__tab_xp .ajax__tab_inner {
    padding-left:3px;
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) 
        no-repeat;
}
.ajax__tab_xp .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) 
        repeat-x;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) 
        no-repeat 
        right;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) 
        no-repeat;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) 
        repeat-x;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) 
        no-repeat 
        right;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>)
        no-repeat;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background:
        url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>)
        repeat-x;
}

.my__tab_xp .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
    min-height:350px;
   
}
.formTextBox
{
	vertical-align: top;
	color: black;
	background-color:#CAD0F0;
	text-align: left;
	border:solid;
	border-color:#000000;
	border-width:1px;
}
.formTextBoxC
{
	vertical-align: top;
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	background-color:#CAD0F0;
	text-align:center;
	border:solid;
	border-color:#000000;
	border-width:1px;
}
.formTextBoxSM
{
	vertical-align: top;
	font-size: 8pt;
	color: black;
	background-color:#CAD0F0;
	text-align: left;
		border:solid;
		border-width:1px;
	border-color:#000000;

}


.headline
{
	vertical-align: middle;
	color:#000099;
	text-align: left;
	font-weight:bold;
	text-decoration:underline;
}
.redMessage
{
	font-size: 10pt;
	color:Red;
	font-family: Arial;
}

.newButt
{
	background-color:#F0FFF0;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	
	color:Black;
}
.cancelButt
{
	background-color:#FF8080;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	color:Black;
}
.editButt
{
	background-color:#E0E0E0;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	
	
	color:Black;

}
.button1
{
	font-family:Arial;
	font-size:12px;
	vertical-align:middle;
	background-color:Teal;
	color:White;
	text-align:left;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	width:100px;
	height:30px;

}
.button2
{
	font-family:Arial;
	font-size:12px;
	vertical-align:middle;
	background-color:Teal;
	color:White;
	text-align:center;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	width:100px;
	height:30px;

}
.formList
{
	vertical-align: top;
	color: black;
	background-color:#E4E4E4;
	text-align: left;
	
}

.subHeading
{
    font-size: 10pt;
    background-color: #FFFFFC;
    color: Black;
}
.blackText
{
    color:black;
    font-size: 10pt;
}
.blackTextSm
{
    color:black;
    font-size: 8pt;
}
.whiteBack
{
    font-size:10pt;
    background-color: White;
}
.formList_2
{
	vertical-align: top;
	color:#0000CC;
	background-color:#E8E9F9;
	text-align: left;
	font-size:10px;
	
}

.table100
{
    width:100%;
    border-width: 0px;
    float:left;
}
/**
table layout ####################################### table layout
**/
.table100Border
{
    width:670px;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
    float:left;
}
.table100pBorder
{
    width:95%;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
    float:left;
}
.table500
{
    width:500px;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
    float:left;
}
.table500x500
{
    width:500px;
    height:500px;
    max-height:500px;
    max-width:500px;
    min-height:500px;
    min-width:500px;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
    float:left;
    
}
.table500x900
{
    width:500px;
    height:900px;
    background-repeat:no-repeat;
    max-height:500px;
    max-width:900px;
    min-height:500px;
    min-width:900px;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
    float:left;
    
}
.table100pBorder2
{
    width:95%;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
	background-color:#FFFFFF;
    float:left;
}
.table100pBorder2L
{
    width:95%;
    text-align:left;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
	background-color:#CCCC99;
	padding-left:3px;
	font-family:Arial;
	font-size:10px;
	color:#666666;
    float:left;
}
.table100pBorder3
{
    width:95%;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
	background-color:InfoBackground;
    float:left;
}
.table100pBorder4
{
    width:95%;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
	background-color:ThreeDFace;
    float:left;
}
.table100pBorder5
{
    width:95%;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
	background-color:#FFCCFF;
    float:left;
}
.table75pBorder
{
    width:75%;
    border-width: 1px;
	border-style:solid;
	border-color:#000099;
    float:left;
}
.wmark
{
    background-color:#E9E9F3;
    font-size:10pt;
    font-family:Arial;
    font-style:italic;
}
.wmarkOff
{
    background-color:#EAEAEA;
    font-size:10pt;
    font-family:Arial;
    font-style:italic;
}
.poemPnl2
{
background-color:#FFFFFF;
border-style:solid;
border-color:#000000;
border-width:thin;
}
.sUp
{
background-image:URL(images/boxFP.jpg);
background-repeat:no-repeat;
min-height:180px;
}
.Offer
{
background-image:URL(images/dv2.jpg);
background-repeat:no-repeat;
min-height:180px;
}
.fyi
{
left:0px;
position:fixed; 
top:0px; 
background-color: #F4F4F4; 
border: solid 1px black; 
text-align:center; 
padding:5px;
}
.fyi2
{
left:450px;
position:fixed; 
top:250px; 
background-image:URL(images/alertBack.png);
border: solid 1px black; 
text-align:center;
font-size:10px; 
padding:5px;
}
