/* NOTE: By default this is a single column site with an option for two colums (gallery page/etc) */

html {
font-size: small;	
}

body {
background-color: #ffffff;	
margin: 0;
font-family: Helvetica, Arial, sans-serif;
color: #ffffff;
font-size: 0.9em;
}

h1, h2, p {
margin-top: 0;	
}

h1 {
margin-top: 0;
font-weight: normal;
font-size: 2em;
}

p {
line-height: 1.5em;
}

.Error {
color: #cc0000;
}

#OuterBox {
margin: auto;
width: 1236px;
background-color: #316bb4;
background-image: url('../images/Base/Background.jpg');
background-repeat: repeat-y;
padding-bottom: 26px;
position: relative;  /* For flash positioning */
}

#InnerBox {
width: 1069px;
margin: auto;
}

#Header {
padding-top: 20px;
padding-left: 606px;
}

#HeadLogo {
display: block;
background-image: url('../images/Base/TJHall_Logo.jpg');
width: 630px;
height: 0;
padding-top: 121px;
overflow: hidden;	
}

a {
font-weight: bold;
color: #ffffff;
}

a:visited {
color: #1f4ca0;	
}

a[target="_blank"] {
background-image: url('../images/NewWindow.png');
padding-right: 20px;
background-repeat: no-repeat;
background-position: right;
}

#Footer a[target="_blank"] {
background-image: none;
padding: 0;
}

.ClearFloats {
clear: both;
height: 0;
font-size: 1px;
overflow: hidden;
}

/* Content Area */

#ContentArea {
margin-top: 30px;	
height: 344px;
}


#Column1 { /* This is an optional column*/
float: left;
border-right: 1px solid #ffffff;
width: 366px;
height: 100%;
display: none;
}


#Column2 {
float: left;
height: 100%;
width: 786px;
margin-left: 25px;
overflow: auto;
padding-right: 10px;
}

/*
#Column2 {
float: left;
height: 100%;
width: 420px;
margin-left: 25px;
overflow: auto;
padding-right: 10px;
}
*/

/* Footer */

#Footer {
background-color: #1d4ca1;
padding: 10px 10px 15px 10px;
font-size: .8em;
margin-top: 23px;
}

#Footer a:visited {
color: #ffffff;	
}

#FootMenu {
margin-right: 20px;	
}

#FooterFixed {
float: left;	
}

#FootContact {
font-size: 1.8em;
font-weight: normal;
margin-bottom: 0.2em;
}

#FooterContent {
float: left;	
margin-left: 10px;
}

#FooterContent p {
margin: 0;
padding: 0;
}

/* Top Menu Area */

#TopMenu {
margin-top: 17px;
text-align: center;	
font-size: 0.9em;
}

#TopMenu a {
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
padding: 8px;
color: #ffffff;
}

#TopMenu a:hover, #TopMenu a.Active, #TopMenu .HoverState {
background-color: #ffffff;
color: #1d4ca1;
}

/*
#TopMenu .MenuHolder:hover a {
background-color: #ffffff;
color: #1d4ca1;
}
*/

/*
#TopMenu .MenuHolder a.HoverState {
background-color: #ffffff;
color: #1d4ca1;
}*/


#Menu1 {

}

#Menu2 {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #ffffff;
}

.MenuHolder {
min-width: 0;
min-height: 0;
}

.MenuHolder div {
display: inline;
position: relative;

}

.MenuSeparator {
width: 50px;
display: inline-block;
text-align: center;
}


/* Gallery Box */
#GalleryBox {
/* background-color: #1d4ca1; */
width: 344px;
/* height: 344px; */
text-align: center;
/* line-height: 344px; */
}

/* Flash Anim */
#FlashAnim {
position: absolute;
right: 0;
bottom: 0;
}