﻿ /*set page backgorund color, text color, font size, font type*/
body {
	font-family: Times New Roman, Arial, Sans Serif;
	font-size: medium;
	background-color: #000000;
	color: #FFFFFF;
	background-image: url(star.gif);/*set image star as background image */
}
#container {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #000000;
	min-width: 700px;
	max-width: 900px;
}
#logo { 
	margin-bottom: 5px;
}
#leftcolumn {
	width: 152px;
	float: left;
	background-color: #000000;
	margin-right: 20px;
	background-image:url('1358283419.gif');
}
#leftcolumn ul { 
	list-style-type: none;
	
/*set the list detail in leftcolumn */
}
#leftcolumn li { margin-right:5px;
                 margin-left:5px;
	             margin-bottom: 20px;
	             
}
/*set the a tag details in leftcolumn */
#leftcolumn a { text-decoration: none;
	
}

#rightcolumn {margin-left: 170px;/*set id rightcolumn margin-left=170px */
}

a:link { color: #FF007D; /*set anchor selector color=#CCCCCC for default state for a hyperlink that has not been clicked in id footer section */
}
a:visited { 
            color: #5C5C5C;/*set anchor selector color=#CCFFCC when vistor has visted hyperlink in id footer section*/
}
/*set details when mouse move on */

a:hover {
	      vertical-align: bottom;
		  line-height: normal;
	      text-align: center;
	      background-color: #5BA0D6;
}
#footer { font-size: .70em;/*set id selector footer font-size=.70em */
          font-style: italic;/*set id selector footer font-style=italic */
		  text-align: center;/*set id selector footer display centered text */
		  background-color: #8BCAEF;
		  background-image:url('1358283423.gif');
}
/*set the list's details in footer area */
#footer  li { list-style-type:none;/*take out the bullet on the list of footer section */
              display:inline;/*set display=inline on the list in footer section */
              margin-left:0;/*set margin-left=0 on the list in footer section */
              padding-right:10px;/*set padding-right=10px on the list in footer section */
}
#footer ul { margin-left: 0; /*set unorder list margin-left=0 in footer section */
             padding-left: 0;/*set unorder list padding-left=0 in footer section */
}
/*take out the underline from hyperlink in footer area */
#footer li a { text-decoration: none;
	
}
/*make the picture float to the right */
.floatright {
	float: right;
	padding-left: 1px;
	padding-bottom: 1px;
}

