html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

body {
	height:auto;
	padding:0 300px 0 1px; /* these side paddings together determine the natural min-width */
	margin:0px 0px 10px 0px;
	text-align: center; /* this centers the wrappers in older IEwin versions */
	background:#180891;
}

#sizer {
	margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
	width: 100%; /* here is the critical value for customizing the Jello behavior */
	max-width: 300px;  /* version for IE6 is at the bottom of this style block */
}

#expander {
	background:silver;
	margin:0 -300px 0 -100px;/* these side margins should be the same or slightly less than body paddings */
	min-width: 790px; /* This prevents Safari from losing the negative margins in narrow windows */
	max-width:790px;
	position: relative;
}

/* helps IE get the child percentages right. */
#wrapper {
	width: 100%;
	margin:5px auto 10px auto;
	padding:3px 3px 3px 1px;
	}

#page{
	width:750px;
	background-color:#FFFFCC;
	margin:5px auto 10px auto;
	padding:13px 3px 13px 13px;
	overflow:auto;
}

<!-- -----=====!!!!! NAVIGATION !!!!!=====----- -->
/* -----=====!!! NAVIGATION !!!=====----- */
.navigation {
	width:728px;
	height:40px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:3px 0px 2px 3px;}

/* -----=====!!! Width and Height of the top level list items Centered !!!=====----- */
.menu {width:728px; height:40px; margin:0 auto; padding:0px 15px 0px 0px;}

/* set up defaults */
.nav,
.nav ul {margin:0; padding:0; list-style:none;}
.nav a {text-decoration:none;}
.nav {width:105px; float:left; margin-right:-1px;}

/* set up the widths */
.nav .drop {width:105px;}
.nav a {width:105px; margin-right:-104px; margin-bottom:-1px;} /* margin is 1px less than the width */
.nav ul li {max-width:105px;}

/* style the links using the b elements */
.nav b {display:block; font:normal 11px verdana, sans-serif;
padding:6px 3px; border:1px solid #fff; cursor:pointer; text-align:center;}
.nav b.top {height:26px; line-height:26px;}
.nav a.sub-link b {background:url(ulmulti9/arrow.gif) no-repeat right bottom;}

/* style the list colors */
.nav a {color:#FFFFFF; background:#180891;}
.nav ul a {color:#000000; background:#CCCCCC;}
.nav ul ul a {background:#abb1bd;}
.nav ul ul ul a {background:#9299ac;}

/* style the hover, active and focus colors */
.nav a:hover,
.nav a:focus,
.nav a:active {background:#696969; color:#FFFFFF;}

/* style the path on hover in all browsers except IE5.5 and 6 */
.nav li:hover > a {background:#696969; color:#FFFFFF;}

/* style the positions of the ul and also when the text spans two and three lines */
.nav {height:40px;}
.nav .drop {height:40px;}

.nav ul {position:relative; left:0; top:0; z-index:100;} /* the dropdown */
.nav ul ul {left:95px; top:-26px;} /* the right flyouts */
.nav ul ul.two {top:-39px;}
.nav ul ul.three {top:-52px;}
.nav li.left ul ul {left:auto; right:95px;} /* and the left flyouts */

/* do not change anything below this line */
/* ------------------------------------------------------------ */
.nav li,
.nav ul {float:left;}
.nav ul li {clear:left;}
.nav a {position:relative; display:block; z-index:10;}
.nav a.sub-link {float:left; margin-top:10000px;}
.nav .drop,
.nav .fly {margin-top:-10000px;}
.nav ul {margin-bottom:-5000px;}

/* the bit that does all the work */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0;}

/*IE5-7 fixes*/
.nav .fly {width:100%;}
a:active {}

/*OPERA fix*/
.nav ul:hover {clear:left;}

/* ---=== FONT STACK ===--- */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:24px;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	color:#180891;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	text-align:left;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:444;
	font-weight:normal;
	font-size:12px;
	text-align:left;
}

h5 {
	font-family:"Garamond", Times New Roman, Times, serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	color:gray;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h6 {
	font-family:Garamond, Hoefler Text, Times New Roman, Times, serif;
	font-weight:normal;
	font-size:9px;
	text-align:left;
	color:gray;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p {
	font-family:Verdana, sans-serif;
	font-size:12px;
	letter-spacing:-0.025px;
	line-height:120%;
	word-spacing:2px; /* ---=== px pt cm em etc. ===---*/
	text-align:left;
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

p.leftColumnContent {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:gray;
	letter-spacing:-0.025px;
	line-height:115%;
	word-spacing:0px; /* ---=== px pt cm em etc. ===---*/
	text-align:left;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

.horizontalRule{
	color:#CCCCCC;
	border-width:0px 0px 1px 0px;;
	border-style:dotted;
	margin:15px 5px 0px 2px;
	padding:0px 0px 0px 0px;
}

/* ---=== INFOPODS ===--- */
.videoContent {
	margin:12px 0px -3px 1px;
	padding:0px 0px 0px 0px;
}

.leftColumnBox{
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.mainColumnBox{
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.content{
	margin:10px 15px 0px 15px;
/* ---=== padding required for margin to work ===--- */
	padding:1px 1px 1px 1px;
	letter-spacing:-.015em;
}

.blogImage{
	float:right;
	width:190px;
	height:165px;
	margin:13px 3px 0px 0px;
	padding:0px 0px 2px 6px;
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:gray;
	letter-spacing:-0.025px;
	line-height:115%;
	word-spacing:0px; /* ---=== px pt cm em etc. ===---*/
	text-align:left;
}

.portraitImage{
	float:right;
	width:152px;
	height:155px;
	margin:13px 3px 0px 0px;
	padding:0px 0px 20px 10px;
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:gray;
	letter-spacing:-0.025px;
	line-height:115%;
	word-spacing:0px; /* ---=== px pt cm em etc. ===---*/
	text-align:left;

}

#photoCaption {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:gray;
	letter-spacing:-0.025px;
	line-height:115%;
	word-spacing:0px; /* ---=== px pt cm em etc. ===---*/
	text-align:left;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

.tlc, .trc, .blc, .brc{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc{
	background-image:url(/images/cornerImages/tlc.gif);
	background-position: 0% 0%;
	}

.trc{
	background-image:url(/images/cornerImages/trc.gif);
	background-position: 100% 0%;
	}
	
.blc{
	background-image:url(/images/cornerImages/blc.gif);
	background-position: 0% 100%;
	}

.brc{
	background-image:url(/images/cornerImages/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb{
	background-image:url(/images/cornerImages/tb.gif);
	background-position: 0% 0%;
	}

.bb{
	background-image:url(/images/cornerImages/bb.gif);
	background-position: 50% 100%;
	margin:0px 0px -5px 0px;
	}
	
.rb{
	background-image:url(/images/cornerImages/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb{
	background-image:url(/images/cornerImages/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/* ---=== PAGE LAYOUT ===--- */


#brand{
	width:525px;
	height:25px;
	float:left;
	margin:0px 0px 0px 3px;
	padding:0px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	color:#180891;
}

#helpLink{
	width:130px;
	height:25px;
	float:right;
	clear:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	color:gray;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
}

#bling{
	width:735px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#portrait {
	width:120px;

	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 4px;
}

#cinema {
	width:604px;

	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 2px;
}

#mainBody{
	width:740px;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#leftColumn {
	width:260px;
	float:left;
	clear:left;
	margin:-10px 0px 0px 2px;
	padding:0px 0px 0px 0px;
}

#badges {
	float:left;
	clear:right;
	text-align:left;
	margin: 10px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}

#verticalSpacer {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

#mainColumn {
	width:465px;
	float:left;
 /* last move last night*/
	margin:-10px 0px 5px 5px;
	padding:0px 0px 5px 0px;
}

.testForm{
	width:225px;
	height:30px;
	margin:-10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	color:#666666;
}

#formInTable {
	width:455px;
	margins:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#caption {
	font-weight:bold;
	padding:0px;
}

#table .left {
	text-align:right;
	vertical-align:top;
	font-family:Verdana, sans-serif;
	font-size:12px;
	letter-spacing:-0.025px;
	line-height:110%;
	word-spacing:2px; /* ---=== px pt cm em etc. ===---*/
	margin:5px 10px 5px 0px;
	padding:0px 30px 10px 0px;
}

#table .right {
	text-align:left;
	font-family:Verdana, sans-serif;
	font-size:12px;
	letter-spacing:-0.025px;
	line-height:110%;
	word-spacing:2px; /* ---=== px pt cm em etc. ===---*/
	margin:5px 0px 5px 10px;
	padding:0px 0px 10px 10px;
}

#table .center {
	text-align:center;
}

#td .left {
	text-align:left;
	vertical-align:top;
}

#th {
	background:#214230;
	color:#FFFFFF;
}

#td {
	padding:0px 0px 0px 15px;
}

.blogLinks {
		width:420px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		font-weight:normal;
		font-size:9px;
		color:gray;
		text-align:right;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
}

#footer {
	width:728px;
	float:left;
	clear:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
	color:gray;
	margin:2px 0px 0px 10px;
	padding:20px 0px 0px 0px;
}