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



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

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

img.floatRight {float: right; margin: 4px 0 10px 10px}

#container {width: 778px; background-color: #fff; text-align: left; margin: auto; background: url("images/content_bg.gif") repeat-y}

#container #content {width: 778px; background: url("images/container_bg.jpg") no-repeat; margin: auto}

a {color: #5392be; text-decoration: none}
a:hover {text-decoration: underline}

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

#header {width: 778px; height: 220px; background: url("images/header.jpg"); clear: both}

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

#sidebar {width: 176px; margin: 25px 50px 10px 15px; float: right}

#sidebar #phone {background: url("images/sidebar_section_bg.jpg") no-repeat top left; background-position: 0px 35px; padding: 15px 2px}
#sidebar #phone h2 {color: #5392be; font-size: 18px}
#sidebar #phone p {color: #b40823; font-size: 16px; padding: 10px 0 0 5px}

#sidebar #promoCode {background: url("images/sidebar_section_bg.jpg") no-repeat top left; background-position: 0px 35px; padding: 15px 2px}
#sidebar #promoCode h2 {color: #5392be; font-size: 18px}
#sidebar #promoCode p {color: #b40823; font-size: 16px; padding: 10px 0 0 5px}

#sidebar #sidebarNav  {background: url("images/sidebar_section_bg.jpg") no-repeat top left; background-position: 0px 35px; padding: 15px 2px}
#sidebar #sidebarNav h2 {color: #d4a61d; font-size: 18px}
#sidebar #sidebarNav ul {list-style-type: none; margin: 8px; padding: 0 5px 0 0}
#sidebar #sidebarNav ul li {list-style-type: none; padding: 5px 0}
#sidebar #sidebarNav ul li a {color: #5392be; font-size: 12px; font-weight: bold; text-decoration: none}
#sidebar #sidebarNav ul li a:hover {text-decoration: underline}

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

#copy {width: 470px; margin: 10px 10px 10px 0; float: right}

#copy h1 {margin: 20px 10px 10px 10px; color: #d4a61d; font-family: arial black}
#copy h2 {margin: 20px 10px 10px 10px; color: #b40823}
#copy p {margin: 10px}

#copy ul {margin:20px; padding:20px}

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

#footer {background: url("images/footer.jpg") no-repeat #514847; width: 778px; height: 160px; margin: auto; padding-top: 50px; clear: both}
#footer * {color: #fff; padding: 5px 5px 30px 5px}
#footer a:hover {text-decoration: underline}

#news p {font-family: tahoma, sans-serif; font-size: 12px;}
#news table {width:100%;}