/* vertical centering */
html { height: 100%; }
body { position: relative; height: 100%; margin: 0; padding: 0; } /* For IE */
body[id] { position: static; display: table; width: 100%; }
#pageWrap { position: absolute; top: 50%; } /* For IE */
#pageWrap[id] { position: relative; display: table-cell; vertical-align: middle; }
#page { position: relative; top: -50%; height:477px;} /* For IE */
#page[id] { position: static; }
/* end vertical centering */

a { color: #FFF; text-decoration:none; }
a:hover { color: #000; }

body {
	background-color: #000;
	background-image:url(../images/Pumpkin.jpg); background-position:center 100px ;background-repeat:no-repeat;
	font: normal 0.75em Verdana, Arial, Helvetica, sans-serif;
	}
	
#page {
	width: 760px;
	margin: 0 auto;
	border-bottom: 1px solid #BBB;
	text-align: left;
	color:#EEE;	
}

h2 {
	font-weight:normal;
	margin:0;
	margin-top:-6px;
}

UL{
	margin-left:-20px;	
	margin-top:-5px;
	padding-top:0px;
	list-style-image: url(/Images/bullet.gif);
	text-align:left;
}

* html UL{
	margin-top:-15px;
	margin-left:20px;	
}

li{
	padding-left:0px;
	margin-left:0px;
}


#header{
	background-image: url("../Images/BGHeader.jpg");
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}

#mainmenubar, #submenubar, #footerbar{
	padding-left:30px;
	padding-right: 30px;
}

#footerbar{
	padding-left:10px;
	height:14px;
}	

#logobar{
	background-color:#FFCC00;
	height:55px;
	cursor:hand;
	/*border:1px solid #888;*/
}
#logoAnim{
	width:758px;
	height:54px;	
}
#logo{
	display:none;
	float:right;
	color:#FFFFFF;
	margin-top:10px;
	height:40px;
	width:86px;	
	background-image:url(/images/ntdlogo.gif);
	background-repeat:no-repeat;
}
#mainmenubar{
	height:18px;
	padding:0px;	
}
#mainmenu{
	color:#444;
	font-size:x-small;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}
.mainmenuitem, .mainmenuitemover{
	height:16px;	
	width:90px;
	color:#444;
	font-size:11px;
	margin:0px;
	padding-top:2px;
	padding-right:8px;
	padding-left:8px;	
	border-right:1px solid #DDD;
	float:left;
	cursor:hand;	
}

.mainmenuitem A, .mainmenuitemover A{
	color:#444;	
}

.mainmenuitemover{
	background-color:#DDD;
	color:#444;		
}

#telephone{
	float:right;
	color:#FFFFFF;
	font-size:xx-small;
	padding-top:3px;
	padding-right:30px;
}
#submenubar, #footerbar{
	height:15px;		
}

#submenubar{
	border-top:1px solid #DDD;	
	padding-left:0px;
}

#submenu{
	border-left:1px solid #EEE;	
	height:17px;				
	color:#888;
	font-size:x-small;	
	margin-left:70px;	
}
.submenuitem, .submenuitemover{
	white-space:nowrap;
	height:15px;	
	width:90px;	
	background-color:#EEE;
	color:#888;
	text-transform:uppercase;
	font-size:xx-small;
	padding-top:2px;
	padding-right:8px;
	padding-left:8px;	
	border-right:1px solid #EEE;
	float:left;
	cursor:hand;	
}

.submenuitem A, .submenuitemover A{
	color:#444;	
}


.submenuitemover A:hover{
	color:#444;	
}

.submenuitemover{
	background-color:#EEE;
	background-image:none; 
	color:white;	
}

#email{
	float:right;
	color:#FFFFFF;
	height:16px;
	font-size:xx-small;
	padding-top:1px;
}

#email A{
	color:white;
	text-decoration:none;
}

#content{
	background-color:#444;
	height:325px;			
	padding-left:30px;
	padding-top:25px;
	padding-bottom:15px;
	padding-right:0px;
	border:1px solid #444;
}

.quote{
	font-size:11px;
	color:#DDD;
	margin-top:110px;
	text-transform:none;
	margin-right:10px;
	border-top:solid 1px #DDDDDD;
	padding-top:20px;
}

.quoter{
	margin-top:10px;
	color:#DDD;
	font-style:italic;
	float:right;
}

#wideImage{
	width:460px;
	padding-left:20px;	
	margin-bottom:20px;
	float:left;
}

#contentmenu{
	width:218px;
	height:315px;
	border-right:1px solid #DDDDDD;
	color:#BBBBBB;
	font-size:x-large;
	float:left;
	padding-top:0px;
	margin-top:0px;
}

#contentmenu UL{
	margin:10px;
	margin-left:20px;
	font-size:x-small;	
}
#contentmenu LI{
	height:10px;
	margin-top:-8px;
	padding-top:0px;	
	width:100%;
}


#contentcol1, #contentcol2{
	width:225px;
	height:315px;
	padding-left:20px;
	float:left;		
	text-align:justify;
}

.spotBox, .spotBoxScrollable{
	border:1px solid #B4C8E0;
	padding:5px;
	color:#444444;
	margin-bottom:6px;
}

.scrollable, .spotBoxScrollable{
	overflow:auto;
	padding-right:10px;
	scrollbar-base-color:#EEEEEE;
	scrollbar-shadow-color:#FFFFFF
}

.spotBoxScrollable div{
	margin-bottom:4px;
}

.contentTitle{
	font-weight:bold;
	text-align:left;
	color:#356EA5;
	padding-top:4px;	
	padding-bottom:3px;
	border-bottom: solid 1px #DDDDDD;
}

.shadow{
	background-color:#DDDDDD;
	font-size:1px;
	height:1px;
}
.shadowline{
	border-left:1px solid #456F9A;	
	height:3px;				
	font-size:1px;	
	margin-left:70px;	
}

#back{
	color:white;
	width:52px;
	font-size:xx-small;
	padding-right: 8px;
	padding-top:3px;	
	float:left;	
	text-transform:uppercase;
}

#strapline{
	color:white;
	font-size:x-small;
	border-left:1px solid #BBB;	
	margin-left:0px;
	padding-left: 8px;	
	padding-top:3px;
	float:left;	
	height:17px;
}

#clientlogin{
	float:right;
	color:white;
	font-size:xx-small;
	width:124px;
	text-align:right;
	border-left:1px solid #BBB;		
	padding-top:3px;		
	text-transform:uppercase;	
	height:17px;
}

#searchLink{
	float:right;
	padding-top:2px;
	padding-right:3px;
}

#msg{
	color:red;
	font-size:x-small;
	font-weight:bold;
	border-bottom: solid 1px #DDDDDD;
}

/*--------------  FORM STUFF   ------------------*/

.smallText{
	font-size:xx-small;
	color:#666666;
}

.smallTextBox{
	width:100px;
	border:1px inset #CCCCCC;
}

.smallButton{
	width:100px;
	border:1px outset #CCCCCC;
	background-color:#204e7b;
	color:#FFFFFF;
}