/**** ************************************************************** ****/
/**** 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"); text-align: center; font-family: arial, sans-serif; font-size: 12px; color: #636363}

#container {width: 849px; background-color: #fff; text-align: left; margin: auto; border: 1px solid #636363; border-top: none}

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

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

#header {width: 849px; height: 223px; background: url("images/header.jpg"); clear: both; border-bottom: 1px solid #c0c0c0}



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

#sidebar {width: 180px; background-color: #cfcfcf; border: 1px solid #c0c0c0; margin: 10px; float: left}

#sidebar #promoCode {text-align: center; color: #b40823; font-size: 20px; border-bottom: 1px solid #c0c0c0; padding: 2px}

#sidebar #phone {background: url("images/phone.gif") no-repeat top left; border-bottom: 1px solid #c0c0c0; padding: 2px}
#sidebar #phone h2 {color: #fff; font-size: 14px; padding: 5px 0 0 30px}
#sidebar #phone p {color: #b40823; font-size: 16px; padding: 5px 0 0 30px}

#sidebar ul {list-style-type: none; margin: 10px; padding: 5px; background-color: #fff}
#sidebar ul li {list-style-type: none; padding: 5px 0}
#sidebar ul li a {color: #6699FF; font-size: 13px; font-weight: bold; text-decoration: none}
#sidebar ul li a:hover {text-decoration: underline}


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

#content {width: 635px; border: 1px solid #c0c0c0; margin: 10px 10px 10px 0; float: left}

#content h1 {margin: 20px 10px 10px 10px; color: #23537B; font-family: arial black}
#content h2 {margin: 20px 10px 10px 10px; color: #5392be}
#content p {margin: 10px}



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

#footer {background: url("images/footer_bg.gif"); width: 849px; height: 50px; margin: auto; clear: both}
#footer * {color: #fff; padding: 5px}
#footer a:hover {text-decoration: underline}