/* 
  File name:  ActivityCentre.css
  Created on: 09/11/2005
  Author:     Finlay Macrae

  Description:
  Styles for the entire Low port site

  


TODO : 

image links to furniture items in mediaSurface 
  need to modify to point at a relative path

    
border: solid;
border-color: red;



*/


html,body,p,h,div,span,td{
font-family: sans-serif
}


html,body {
	height: 100%;
        margin: 0px
}

div#test {
	height: 100%;
}









TABLE { 
width: 100%;
border-collapse: collapse 
}
/*
TABLE { 
width: 100%;
border: solid;
border-color: blue
} 
TD{
border: solid;
border-color: green
}
*/
/**/






/*

TOP related styles
*/






TD.TitleBar{
width: 289px;
height: 102px;
text-align: left; 
background-repeat: no-repeat;
background-image:
url('/actcentremedia/media/topbar_leftv2')
}

TD.SearchBar{
background-image:
url('/actcentremedia/media/topbar_centre');
background-repeat: repeat-x;
vertical-align: top;
padding-top: 4px
}

TD.CornerSweepingCurve{
width: 192px;
background-repeat: no-repeat;
background-image:
url('/actcentremedia/media/topbar_right')
}

TD.CornerLogo{
padding-left: 4px;
width: 111px;
color: white;
background: rgb(153,204,204) 
}

TD.EmptySide{
background: rgb(153,204,204)
}

/*Stops the Top bar from collapsing when the tables are compressed*/
IMG.LogoSpacer{
/*width: 111px; Quirks Mode*/
width: 113px; 
height: 0px
}
IMG.TitleSpacer{
width: 289px;
height: 0px;
}




IMG.CouncilLogo{
width: 100px
/*height: 60px*/
}

H2.SubHeadingTitle{
 font-size: small;
 color: navy;
 background: transparent; 
 margin-bottom: 0px; 
 margin-top: 0px; 
 text-align: left
}

H1.MainTitle{
 font-size: x-large;
 color: navy;
 background: transparent;
 margin-bottom: 0px; 
 margin-top: 0px; 
 text-align: left 
}






/*

LEFT related styles


*/

A:link, A:visited, A:active { 
color: black;
text-decoration: none 
}


A.SubNavLink{
}

SPAN.SubNavLink{
position: relative;
top: -35px; 
font-size: xx-small;
color: black
}

A.NavLink{
}

SPAN.NavLink{
position: relative;
top: -35px;
font-size: x-small;
color: black
}



IMG.Accreditation{
/* height: 80px;*/
 width: 80px;
 margin: 8px
}


/*Stops the menu from collapsing when the tables are compressed*/
IMG.MenuSpacer{
height: 0px;
width: 117px
}

TD.InsideEdgeHolder{
padding: 0px;
vertical-align: top;
height: 100%
/*height: 180px*/

}

TABLE.InsideEdge{
/*height: 100%  Quirks mode*/
height: 100%
}


TR.InsideEdge{
height: 100%
}

TD.MenuItems{
padding-left: 3px;
vertical-align: top;
width: 117px;
background: rgb(153,204,204) 
}

/*Stops the inside edge of the curvey graphic from collapsing when the tables are compressed*/
IMG.InsideCurve{
height: 0px;
width: 65px
}

TD.InsideCurve{
padding: 0px;
height: 53px;
width: 55px;
background-image:
url('/actcentremedia/media/corner_arc');
background-repeat: no-repeat
}

TR.InsideEdgeCurve{
height: 53px
}



TR.InsideEdge{
height: 100%
}

TD.InsideEdge{
height: 100%;
background-image:
url('/actcentremedia/media/leftcolumn_rightsidev3');
background-repeat: repeat-y
}




/* bottom  related styles*/

span.AddressBar{
position: relative;
top: 4px;
font-size: xx-small
}


td.BottomCorner{
background-image:
url('/actcentremedia/media/leftcolumn_bottomv2');
background-repeat: no-repeat;
width: 151px;
height: 108px
}


td.BottomMiddle{
background-image:
url('/actcentremedia/media/footerbar_centre');
background-repeat: repeat-x;
height: 108px
}


td.BottomRight{
background-image:
url('/actcentremedia/media/footerbar_right');
width: 27px;
background-repeat: no-repeat;
height: 108px
}



/* Content  related styles */


TD.ContactForm{
vertical-align: top
}

TD.MainContent{
/*border: solid;
border-color: red;*/
padding: 4px;
vertical-align: top;
background-color: transparent;
position: relative;
left: -20px;
top: -38px; /* 15px down to acount for the curve and 53 up to account for being under it */
font-size: small


}

SPAN.Required{
font-size: small;
position: relative;
top: 5px;
color: red
}

IMG.Montage{

/*height: 300px;*/
width: 400px
}


LABEL{
text-align: right
}

TD.Label{
text-align: right
}
TD.Submit{
text-align: center
}

/* subsection home styles */


H3.SubSectionHeading{
color: black;
font-size: 180%;
}

IMG.SubSectionMontage{
width: 100%;
height: 100px

}



/* AdditionalInfo related styles */

TABLE.AdditionalInfo{
 background-color: #D3D3D3;
}

TD.AdditionalInfo{
 font-size: small;
 vertical-align: top;
 padding-top: 14px;
 padding-left: 4px;
 padding-right: 14px;
 width: 151px
}

TD.AdditionalInfoDetails{
 vertical-align: top;
 text-align: left;
 padding: 4px;
 padding-bottom: 12px
}
TD.AdditionalInfoDetails a
{
	color: black;
	display: block;
	text-decoration: none;
}

TD.AdditionalInfoDetails a:hover
{
	color: black;
	display: block;
	text-decoration: underline;
}


TD.AdditionalInfoHeader{
/*border-bottom-style: solid;*/
border: solid;
display: block;
border-width: 3px;
border-bottom-color: #808080;
text-align: center
}

SPAN.AddtionalInfoTitle{
font-weight: bold
}



/*
Homepage sidebar
*/


TD.SideBar{
vertical-align: top;
padding-top: 14px;
padding-left: 4px;
width: 7cm
}

SPAN.HomePageBodyTextHeader{
color: red;
font-weight: bold;
font-size: large
}

SPAN.HomePageBodyText{
color: black;
font-size: normal;
font-weight: bold
}