/* ---------------------------------------- 
GLOBAL DINNER PARTY PAGE LAYOUT STYLESHEET
---------------------------------------- */

#wrapperOuter {
width:100%;
position:relative;
}

#wrapperInner {
width:950px;
text-align:left;
position:relative;
}

body {
background:url(../../_images/template/background.jpg) repeat-x #FFCC00;
}

/* ---------------------------------------- 
Global navigation and other elements in 
top banner area, including primary nav
---------------------------------------- */

#headerWrapperOuter {
width:100%;
position:relative;
}

#headerWrapper {
width:950px;
height:140px;
background:url(../../_images/template/banner.gif) no-repeat;
float:left;
}

#bannerSide {
width:30px;
height:180px;
background:url(../../_images/template/banner-side.gif) no-repeat;
float:left;
}

#globalNav {
width:700px;
text-align:right;
float:right;
margin:-5px 10px 0 0;
}

#logoRAT {
width:152px;
float:left;
/*margin:32px 0 0 24px;*/
margin:10px 0 0 24px;
}

#primaryNav {
width:620px;
float:left;
margin:30px 0 0 35px;
}

#primaryNavLine {
background:url(../../_images/template/dot-yellow.gif) repeat-x;
width:628px;
height:8px;
float:left;
margin:5px 0 0 30px;
}

#changeFont {
width:150px;
text-align:right;
float:right;
cursor:hand;
margin:0 10px 0 0;
}

#tellFriend {
width:130px;
text-align:right;
float:right;
cursor:hand;
margin:4px 10px 0 0;
}


/* ---------------------------------------- 
Content area elements
Content id is on font stylesheets
---------------------------------------- */

#contentWrapperOuter {
width:100%;
position:relative;
}

#contentWrapper {
width:844px;
border-width:0 1px 0 1px;
border-color:#FFCC00;
border-style:solid; 
background:#FFFFFF;
padding:20px 27px 20px 27px;
float:left;
position:relative;
display:block;
left:40px;
}

#menu {
width:235px;
float:left;
}

#content {
width:585px;
float:right;
}

a:link { 
color:#E80000; 
text-decoration:underline; 
}

a:visited { 
text-decoration:underline; 
color:#666666; 
}

a:hover { 
text-decoration:none; 
color:#666666; 
}

a:active { 
text-decoration:none; 
color:#E80000; 
}


/* -----------------------------------------
Footer elements 
Footer class is on font stylesheets
----------------------------------------- */

#footerWrapperOuter {
width:100%;
position:relative;
}

#footerWrapper {
width:898px;
height:100px;
border-width:0 1px 1px 1px;
border-color:#FFCC00;
border-style:solid;
background-color:#FFFFFF;
float:left;
display:inline;
margin-left:40px;
}

#footerAccent {
width:22px;
height:22px;
background:url(../../_images/template/ball.gif);
float:left;
margin:5px 0 0 7px;
}

#footerLine {
background:url(../../_images/template/dot-yellow.gif) repeat-x;
width:848px;
height:8px;
float:left;
margin:10px 0 15px 6px;
}

#logoMS {
width:335px;
height:50px;
float:left;
margin:5px 0 0 15px;
}

#logoSponsors {
width:500px;
height:50px;
float:right;
text-align:right;
margin:5px 15px 0 0;
}



