/* CSS Document


COLOR GUIDE
VDM BLUE: ##321769;
VDM RED:   #A21318;
LIGHT BLUE: #EBEAF0; new: #D2D0DD;

VMD BLUE TEST: #006;


General */

*{
	margin:0;
	padding:0;
	border: 0;
}

.clear{
clear: both;
}
body{
	margin-top: 5px;
	background: #D2D0DD;
	background-image: url(../images/back.gif);
	background-repeat:repeat-x;
	text-align: center;
	
}
a.home {
    display: block;
    background: url(../images/logo.gif) no-repeat top left;
    height: 100px;
    width: 280px;
    position: absolute;
    z-index: 3;
    }

a.home:hover {
      background: url(../images/logo.gif) no-repeat bottom left; 
    }

#container{
	margin: 0 auto;
	padding: 0;
	width: 46.1em;
	border: 4px solid #006;
	border-top: 0px;
	background: #fff;
	background-image: url(../images/back_container.gif);
	background-repeat:repeat-x;
	text-align: left;
}
p, ul, .fleft, .fright, form{
	padding: 0 2em 1em 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}
p{
	text-indent: 1em;
}
#profileinformation{
text-indent:0;
clear: both;
}
#profileinformation strong {
color: #A21318;
}
.center{
margin: 0 auto;
}
.fleft, .menprofile{
float:left;
margin: .4em .4em .4em 1.5em;
}
p cite{
float: right;
}
.fright, .womenprofile{
float:right;
margin: .4em 1.5em .4em .4em;
}
.fleft, .fright, .imgcap{
	padding: 2px;
	border: 1px solid #006;
	background-color: #fff;
	}
.menprofile p, .womenprofile p{
text-indent:0;
}
.menprofile, womenprofile{
width: 15em;
margin: 0;
}
.imgcap{
width: 500px;
margin: .4em auto;
}
.caption{
font-size: .7em;
color: #321769;
text-align:center;
display: block; 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #D2D0DD;
margin-top: 2px;
}
a{
	color: #006;
	font-size: .9em;
	font-weight: bold;
}
	a:hover{
		color: #fff;
		background: #A21318;
		text-decoration: none;
	}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	border: 1px solid #BEB9D4;
	width: 510px;
	border-collapse:collapse;
	margin: 0 2em 1em 2em;
	}
th {
	background-color: #006;
	color: #fff;
	font-weight: bold;
	border: 1px solid #BEB9D4;
	text-align: center;
}
td{
	border-right: 1px solid #BEB9D4;
	border-bottom: 1px solid #BEB9D4;
	padding: .3em;
}
.alt {
	background-color: #D2D0DD;
}
div .alt{
	padding-top: .3em;
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
}
/* Header */
#slideshow{
	width: 400px;
	height: 88px;
	float: right;
	margin: 5px 5px 0 0;
	border: 4px solid #006;
}
#header{
	height: 100px;
	width: 46.1em;
	margin: 0 auto 5px auto;
}

#logo{
	margin: 0 0 0 .2em;
	float: left;
}

/* NAV */

#nav, #nav ul {
	float: left;
	padding: 0 1px;
	margin: 0 .1em;
	list-style: none;
	border: solid #2B3087;
	border-width: 2px;
	line-height: 30px;
	background: #fff;
	font-size: 1em;
	z-index: 2;
}

#nav a {
	display: block;
	width: 5.55em;
	w\idth: 5.40em;
	text-decoration: none;
	color: #fff;
	font-family: arial;
	margin: 0;
	padding: 0 0 0 .7em;
	font-weight: bold;
	font-size: .8em;
	background: none;
}

#nav li {
	float: left;
	width: 5.55em;
	/* added */
	padding: 0;
	margin: 0 1px;
	/*background: #A21318; */
	background-color:#A21318;
	background-image: url(../images/menuback.gif);
	
}
    #nav li:hover, #nav li.sfhover{
		/*background: #006;*/
		background-color:#006;
		background-image: url(../images/menuback_ov.gif);
		
	}

  
#nav li ul {
	position: absolute;
	width: 11.2em;
	left: -999em;
	margin: 0;
	padding: 0 1px 2px 1px;
	line-height: 28px;	
}

	#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
	}

#nav li li, #nav li ul li a{
	width: 12.3em;
	line-height: 28px;
	font-size: .9em;
}

/* Thumbnails (Staff, galleries) and Profiles */
#staff{
 text-align: center;
 padding-top: .5em;
}
.gallerythumb{
 margin: 2em auto;
 width: 39.5em;
 padding-left: 1em;
 border:1px solid #006;
 background-color: #A21318;
}
.gallerytitle, .profiletitle{
background-color: #fff;
border: 1px solid #006;
padding: .2em;
width: 12em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
position:relative;
bottom: 1em;
left: .5em;
color:#006;
z-index:1;
}
.profiletitle{
bottom: 1.5em;
text-align: left;
padding-left: 1.5em;
}
.profilebox{
width: 20em;
float:left;
border: 1px solid #006;
background-color: #A21318;
margin: 1em 0 1.5em 1em;
padding: 10px;
}
.gallerythumb p, .profilebox ul, .profilebox a, .profilebox p{
font-size:.7em;
color: #fff;
text-indent: 0;
}
.profilebox p, .profilebox ul{
float: right;
margin: 0;
padding: 0 .3em;
width: 16em;
}
.profilebox a{
font-weight: bold;
font-size:.9em;

}
.profilebox a:hover{
color: #000066;
background-color: #fff;
}
.profilebox img{
padding: 5px;
margin-right: 0;
background-color: #fff;
float: left;
}
#staff img{
 border: 2px #006 solid;
 margin-right: 3px;
 padding: 1px;
}
.gallerythumb img{
border: 2px #fff solid;
margin-right: 9px;
margin-bottom: 9px;
padding: 5px;
background-color:#fff;
}
#staff img:hover, #staff img.sfhover, .gallerythumb img:hover,.gallerythumb img.sfhover{
 border: 2px #006 solid;
 color: #fff;
}
#staff img:hover, #staff .img.sfhover{
border: 2px #A21318 solid;
}
#staff a:hover, .gallerythumb a:hover{
background: none;
 }
 
 
/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 140px;
border: 2px solid #006;
padding: 2px 0px 0px 10px;
background-color: #D2D0DD;
visibility: hidden;
z-index: 100;
text-align:left;
}
#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: .7em;
color: #006;
line-height:.9em;
margin-right:3px;
margin:0;
padding: 0 5px 5px 12px;
text-indent: 0;
}

#ToolTipTextWrap {
font-weight: bold;
font-size: .9em;
color: #006;
margin-right:3px;
padding-left: 3px;
}

/* News */
#news {
	border: 3px solid #006;
	width: 10em;
	float: right;
	margin: 1.5em .4em .6em .6em;
	background-color: #fff;
	
}
	#news h1{
		margin:0;
		background: #006;
		background-image:url(../images/back-news.gif);
		background-repeat:repeat-x;
		color: #fff;
		font-family: arial, helvetica;
		font-size: 1em;
		font-weight: bold;
		padding-left: 1em;
		height: 23px;
		
	}
	
	#news ul{
	margin: .4em;
	padding: .5em .5em .5em 2em;
	font-size: .8em;
	list-style-image:url(../images/triang_news.gif);
	background: #D2D0DD;
	}

	#news ul li.thispage{
	color:#A21318;
	font-weight: bold;
	font-size: .9em;
	padding-top: .1em;
	list-style-image:url(../images/triang_news_on.gif);
	}
	#news ul li.long{
	color:#A21318;
	font-weight: bold;
	font-size: .9em;
	list-style-image:url(../images/triang_news_long.gif);
	}
		#news ul ul{
		font-size: .9em;
		padding :0 0 0 .2em;
		}
		#news ul p{
			margin: .1em 0;
			padding: 0 .5em 0 1.5em;
			}
	
	
/* CONTENT */
#content{
padding-top: 1.2em;
}
h2{
	margin: 0 .8em .5em .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color:#006;
/*	position: relative;
	overflow: hidden;
	height: 32px;
}
h2 img { position: absolute; top: 0; left: 0; */}
h3{
	margin: .6em .8em .3em 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color:#006;
}
#content ul{
	margin: 0 2em;
	}
	
.box{
background-color: #fff;
margin: 1em;
border: 2px solid #006;
}
.infobox{
background-color: #D2D0DD;
background:url(../images/light-blue-vert-fade.jpg) repeat-x;
text-align: center;
color: #fff;
margin: .2em .3em;
vertical-align: middle;
padding: .4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: .7em;
}
	.infobox a{
	font-size: 1em;
	color: #D2D0DD;
	}
	.infobox a:hover{
	color: #fff;
	background-color: #006;
	}

/* FORM */
form p{
	margin-top: 1em;
	text-indent:0;
}

label{
width: 20em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color: #006;
}
.required{
color: #A21318;
font-weight: bold;
}
input, textarea{
color: #781351;
border: 1px solid #006;
float: right;
padding: .1em;
font-size: .9em;
width: 12em;
}
textarea{
width: 37em;
}

.submit input{
color: #fff;
background-color: #006;
border: 2px outset #006;
width:8em;
}
fieldset{
width: 33em;
margin-bottom: .5em;
border-top: 1px solid #781351;
}

legend{
color: #006;
font-weight:bold;
padding: 2px 6px;
}
/* Take it */
#takeit{
	font-family: impact;
	text-align: right;
	font-size: 2.5em;
	margin: 0;
	padding: 0;
	color: #006;
	line-height: .65em;
	font-style: italic;
}
/* Footer */

#footer{
	margin: 20px auto 0 auto;
	padding: 5px;
	text-align: center;
	font-family: arial;
	font-weight: bold;
	/*color: #006;*/
	color:#fff;
	font-size: .8em;
	background: #006;
	background-image:url(../images/back-news.gif);
	background-repeat:repeat-x;
	bottom:0;
	height:41px;
	
}
#footer a{
color: #D2D0DD;
}
ul ul{
padding: 0;
}
input, textarea{
border: 1px solid #321769;
background-color:#fff;
}