/*--
    TITLE:Final Project
    AUTHOR: Matthew POwell
    PURPOSE: Internet Applications
    ORIGINALLY CREATED ON: 05.17.12
    LAST MODIFIED ON: 05.17.12
    LAST MODIFIED BY: Matthew Powell
    MODIFICATION HISTORY: NA
  
  */
  /*this formats the background to be red, makes the font small & no margin*/
body { 
	background-color: #FF0000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	margin: 0px;}

/*this formats the center column on the webpage*/
#main {
	background: #efe5d0 url(images/background.gif) top left;
	font-size: 105%;
	padding: 15px;
	margin: 0px 10px 10px 10px;}
/*this formats the right column on the webpage*/
#sidebar {
	background: #efe5d0 url(images/background.gif) bottom right;
	font-size: 105%;
	padding: 15px;
	margin: 0px 10px 10px 10px;}
/*this formats the footer on the webpage*/
#footer {
	background-color: #black;
	color: #efe5d0;
	text-align: center;
	padding: 15px;
	margin: 10px;
	font-size: 90%;}

/*this formats the right column on the webpage*/
#drinks {
	background: #efe5d0 url(images/background.gif) top left;
	font-size: 105%;
	padding: 15px;
	margin: 0px 10px 10px 10px;}
/*this formats the Headings on the webpage to make them red on the webpage*/
h1 {
	font-size: 120%;
	color: #954b4b;}
/*this formats the secondary headings on the webpage*/
h2 {
	font-size: 110%;}
/*this formats the slogan in the right column to be red on the webpage*/
.slogan {
	color: #954b4b;}
/*this formats the slogan to be centered in the right column*/
.beanheading {
	text-align: center;
	line-height: 1.8em;}

/*this formats the links to have dotted lines under them and the color */
a:link {
	color: #b76666;
	text-decoration: none;
	border-bottom: thin dotted #b76666;}
a:visited {
	color: #675c47;
	text-decoration: none;
	border-bottom: thin dotted #675c47;}
	
/*this formats the right column's float*/
#sidebar {
	float: right;
	width: 180px;}
/*this formats the the margins in the center column*/
#main {
	margin-right: 230px;
	margin-left: 165px;}
/*this formats the left column to be floated left*/
#drinks {
	float: left;
	width: 115px;}
	/*this formats the footer*/
#footer {
	clear: both;}

/*this makes the heading links with roll over effect*/
#topmenu {text-align:right;margin:-3px 0 5px 0;}
#topmenu p {font-size:1.3em; line-height:1.9em; color:#aaa; margin-bottom:5px;}
#topmenu a {padding:6px 8px 5px 8px; font-weight:400; margin:0 0 0 2px; color:#aaa;}
#topmenu a:hover {color:#fff; text-decoration:none;}
#topmenu a.active {color:#fff; border:1px solid #aaa;}
#topmenu a.active:hover {color:#fff; padding:6px 8px 5px 8px;}

/*this makes the canned javascrpit*/
   ul.toolbar {
                margin:0;
                margin-right: 45px;
                padding:0;
                text-align:right;
                }

                ul.toolbar li {
                display:inline;
                padding:0 10px;
                list-style-type:none;
                font-size:10px;
                }

                ul.toolbar li a {
                text-decoration:none;
                color:#000080;;
                }

                ul.toolbar li a:hover {
                text-decoration:underline;
                background-color:#000080;
                color:#fff;
                }