/* Universal styling */
*  {margin:0; padding:0;}
body    {font-size: 62.5%;font-family: Arial, Helvetica, sans-serif;}


.left {float:left;}
.right {float:right;}
.cen {text-align:center;}
.twen {margin-top:20px;}
.clr {clear:both;height:1px;}
a:hover {text-decoration:underline;}
img, a {border:none;text-decoration:none;color:black;}
img a:hover {border:none; outline:none; background-image:none; }


/* Layout styling */
#container {width:100%; background-image:url(../img/background.jpg); background-repeat:repeat-x; position: relative; height:690px;}
#forwardcontain {width:960px; margin: 0 auto; position:relative;top:10px;}


/* These 3 divs are the divs for the main white curved box  */
#whitetop {background-image:url(../img/white-top.gif); width:949px;height:5px;background-repeat:no-repeat;overflow:hidden;} /* Overflow fixes IE spacing bug */
#whitemid {background-color:white;width:949px;}
#whitebot {background-image:url(../img/white-bot.gif); width:949px;height:5px;background-repeat:no-repeat;}

#whitemid h1 {color:#9c3;font-size:2.4em;margin:20px 0;}
#whitemid p  {font-size:1.2em;line-height:18px;}


/* The main white box is split into two so the stylings go here */
#whiteleft {width:450px;float:left;margin-right:90px;margin-top:10px;margin-left:30px;display:inline;} /* inline to fix IE6 double spacing bug */
#whiteleft a {text-decoration:underline;}
#whiteleft h2 {font-size:1.8em;margin:20px 0;}
#whiteleft h3 {font-size:1.6em;margin:20px 0;}
#whiteleft ul {margin-left:18px;}
#whiteleft li {list-style-image:url(../img/bullet.gif);font-size:1.2em;margin-bottom:14px;}


#whiteright {width:360px;float:left;margin-top:10px;}
#whiteright h2 {font-size:1.6em;margin:20px 0 5px 0;}


#footer {width:960px; margin:0 auto;}
#footerleft {width:695px;float:left;}
#footerright {width:255px;float:left;text-align:right;}
#footerleft p {font-size:1em;}
#footerright p {font-size:1.2em;}