/**** ************************************************************** ****/
/**** TO LEARN MORE ABOUT CSS PLEASE VISIT http://www.w3schools.com/css/ ****/
/**** ************************************************************** ****/

/**** **************** ****/
/**** GLOBAL ELEMENTS ****/
/**** **************** ****/

* {margin: 0; padding: 0}
body {background: url("images/page_bg.gif"); background-attachment: fixed; text-align: center; font-family: arial, sans-serif; font-size: 12px; color: #636363}

#container {width: 760px; text-align: left; margin: auto}

a {color: #3bbdde; text-decoration: none}
a:hover {text-decoration: underline}

/**** **************** ****/
/**** HEADER ELEMENTS ****/
/**** **************** ****/

#header {width: 760px; height: 160px; background: url("images/header.jpg"); clear: both; margin: 21px 0 0 0}

/**** **************** ****/
/**** SIDEBAR ELEMENTS ****/
/**** **************** ****/

#sidebar {width: 208px; margin: 9px 0; float: right}

#sidebar #promoCode {text-align: center; background: url("images/sidebar_blue_bg.gif")}
#sidebar #promoCode h2 {color: #fc0; font-size: 20px}
#sidebar #promoCode p em {color: #fff; font-size: 16px; padding: 3px}
#sidebar #promoCode div#blueTopCap {width: 208px; height: 8px; background: url("images/sidebar_blue_top_cap.gif") no-repeat top left}
#sidebar #promoCode div#blueBottomCap {width: 208px; height: 8px; background: url("images/sidebar_blue_bottom_cap.gif") no-repeat top left}

#sidebar #phone {background: url("images/sidebar_white_bg.gif"); margin-top: 9px; text-align: center}
#sidebar #phone h2 {color: #fc0; font-size: 20px}
#sidebar #phone p {color: #5973c4; font-size: 16px; padding: 3px}
#sidebar #phone div#whiteTopCap {width: 208px; height: 8px; background: url("images/sidebar_white_top_cap.gif") no-repeat top left}
#sidebar #phone div#whiteBottomCap {width: 208px; height: 8px; background: url("images/sidebar_white_bottom_cap.gif") no-repeat top left}

#sidebar #menu {background: url("images/sidebar_blue_bg.gif"); margin-top: 9px}
#sidebar #menu ul {list-style-type: none; margin: 0 10px; padding: 0 5px}
#sidebar #menu ul li {list-style-type: none; padding: 5px 0}
#sidebar #menu ul li a {color: #fff; font-size: 13px; font-weight: bold; text-decoration: none}
#sidebar #menu ul li a:hover {text-decoration: underline}
#sidebar #menu div#blueTopCap {width: 208px; height: 8px; background: url("images/sidebar_blue_top_cap.gif") no-repeat top left}
#sidebar #menu div#blueBottomCap {width: 208px; height: 8px; background: url("images/sidebar_blue_bottom_cap.gif") no-repeat top left}

/**** **************** *****/
/**** CONTENT ELEMENTS ****/
/**** **************** *****/

#content {width: 542px; background: url("images/content_bg.gif") repeat-y top left; margin: 9px 9px 9px 0; float: right}

#content h1 {margin: 20px 20px 10px 20px; color: #fc0}
#content h2 {margin: 20px 20px 10px 20px; color: #5973c4}
#content p {margin: 10px 20px}

#content div#contentTopCap {width: 542px; height: 10px; background: url("images/content_top_cap.gif") no-repeat top left}
#content div#contentBottomCap {width: 542px; height: 10px; background: url("images/content_bottom_cap.gif") no-repeat top left}

/**** **************** ****/
/**** FOOTER ELEMENTS ****/
/**** **************** ****/

#footer {width: 760px; color: #fff; margin: auto; background: url("images/footer_bg.gif"); margin-bottom: 21px; clear: both}
#footer p {padding: 5px}
#footer p a {color: #fff}
#footer p small {display: block; margin: 5px; font-size: 11px}
#footer a:hover {text-decoration: underline}

#footer div#footerTopCap {width: 760px; height: 8px; background: url("images/footer_top_cap.gif") no-repeat top left}
#footer div#footerBottomCap {width: 760px; height: 8px; background: url("images/footer_bottom_cap.gif") no-repeat top left}