html {
margin : 0; /*sets all browsers to the same margin default*/
}
body {
font-family : Arial,Helvetica,sans-serif; /*set global font*/
background-color : #CCCCCC; /*shows area inside body tag*/
background-image:url(Images/bowenvideo_bk.jpg);
z-index:100;
background-position:center;
background-repeat:repeat-y;
margin : 0; /*sets all browsers to the same margin default*/
font-size: 100.01%;
}
div#Wrapper {
position : absolute;    /* these 4 tags center the main div (Wrapper) */
left : 50%;             /* this sets the left side of the div at midpoint in the window */
width : 738px;          /* this sets the width of the main div. 750 is pretty standard */
max-width:738px;
margin : 0 0 0 -369px;  /* set left margin at minus half the width which will center the div*/
top : 0px;
background-color : white; /*shows area inside div */
padding : 0px;
}
/* this hack forces Safari to play nice (box-model padding)*/
#Wrapper div {
    padding: 0px;
    border: 0px;
}
div#Content{
/* set up so that it shows up first in the code */
top:200px;
float : right;
width : 50%; /* needs to be a bit less than the Wrapper width minus LeftMenu width */
background-color : white;
max-width:323px;
padding : .2em 2em 2em 2em;
margin : 30px 0px 0px 0px;
font-size : 8pt;/*default size for paragraphs and other elements but not headings*/
text-align:center;
min-height; 750px; /*ignored by ie*/
display:inline;
overflow:hidden;
}
/* this hack forces Safari to play nice (box-model padding)*/
#Content div {
    padding: 0px;
    border: 0px;
}
/* applies to any h1 tag inside the Content div */
div#Content h1 {
font-size = 8pt;
padding : 0 0 0 .5em;
margin-top : .2em;
margin-right : auto;
margin-bottom : .2em;
}
a{
color : #335499;
text-decoration:none
}
a hover{color : #335499;
text-decoration:underline
}
a visited{color:#000000;
text-decoration:none;
}
div#LeftMenu {
top:200px;
float : left;
width : 50%;
max-width:323px;
padding : .5em 2em 2em 2em;
margin : 30px 0 0px 0;
font-size : 8pt;/*default size for paragraphs and other elements but not headings*/
text-align:center;
min-height; 750px; /*ignored by ie*/
background-color:white;
overflow:hidden;
}
/* applies to any h1 tag inside the Content div */
div#LeftMenu h1 {
font-size = 8pt;
padding : 0 0 0 .5em;
margin : 0px 0px 0px 0px;
}
div#Footer{
clear:both;
font-size: 7pt;
text-align:center;
border-top : solid gray 2px;
height:25px;
}
div#Header{
top: 0;
width:738px;
height:99px;
background-image:url(Images/logo.gif);
z-index: 150;
background-repeat:no-repeat;
}
div#Menu{
top: 86;
width: 100%;
max-width:688px;
height:28px;
background-color:#CCCCCC;
color : #335499;
font-weight:bold;
font-size:12px;
letter-spacing:3px;
padding:5px 25px 5px 25px;
border-top: solid #335499 2px;
}
.small{
font-size:10px;
}
/*
These next three classes are used to "prop up" divs, giving them a minimum height.
See http://www.greywyvern.com/code/min-height-hack.html
*/
	.propNav {
		height:578px;
		float:right;
    	width:1px;
 	}
	.propContainer {
		height:750px;
		float:left;
    	width:1px;
 	}
	.clear {
		clear:both;
		overflow:hidden;
		height:1px;
	}