*{
	margin:0;
	padding:0;
}

html{
	min-width:770px;
}

body{
	background:white url(../skin/background.png) 0 0 repeat;
	text-align:center;
}

/*=====[ Set up container divs and add background tiles ]=====*/

#pageheadContainer,
#contentContainer,
#footContainer{
	width:100%;
}

#pageheadContainer{
	background:transparent url(../skin/pageheadBackground.png) 0 100% repeat-x;
}

#contentContainer{
	background:#F7F7F7 url(../skin/contentBackground2.png) 50% 100% repeat-y;
	float:left;
}

#footContainer{
	background:transparent url(../skin/footBackground.png) 0 0 repeat-x;
	clear:both;
}

#pagehead,
#content,
#foot{
	width:770px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

#pagehead{
	height:130px;
    background:transparent url(../skin/pageheadBackground2.png) 0 100% repeat-x;
    position:relative;
}

#content{
	background:transparent url(../skin/contentBackground.png) 0 0 no-repeat;
	min-height:300px;
	_height:300px;
}

#foot{
	height:150px;
	background:transparent url(../skin/footBackground2.png) 100% 0 repeat-x;
}

/*=====[ Set up two column layout for articles and subcontent ]=====*/

#article{
	width:450px;
	float:left;
	padding:40px 0 20px 50px;
	border-left:dashed 1px silver;
    position:relative;
}

#subContent{
	display:inline;
	width:199px;
	float:left;
	padding:40px 10px 20px 0;
	margin-left:20px;
	color:#8B725A;
	font-size:.9em;
}

/*=====[ Navigations ]=====*/

#pagehead h1 a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:150px;
	text-decoration:none;
	float:left;
}

#pagehead a:hover{
	background:transparent;
}

#pagehead h1{
	position:absolute;
	top:15px;
	left:25px;
    color:rgb(203, 161, 129);
	font-size:2em;
    line-height:3em;
}

/* Main navigation list */

#pagehead ul{
	display:block;
	position:absolute;
	top:105px;
	left:305px;
}

#pagehead li{
	display:block;
	float:left;
	width:150px;
	margin-left:3px;
}

#pagehead li a{
	display:block;
	height:20px;
	text-align:center;
	color:#4B271B;
	font-size:1em;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	text-transform:lowercase;
}


#pagehead li.odd a{
	background:#CBA181;
}

#pagehead li.even a{
	background:#B67357;
}

#pagehead a:hover{
	color:#FFE;
}

/* Foot navigation and FIR */

#foot ul{
	position:absolute;
	top:45px;
}

#foot li{
	list-style-type:none;
}

#foot #foot1{
	width:200px;
	position:absolute;
	left:300px;
}

#foot #foot2{
	width:200px;
	position:absolute;
	left:570px;
}

#foot #pageTop{
	position:absolute;
	left:482px;
	top:-40px;
}

#foot #pageTop a{
	display:block;
	width:26px;
	height:26px;
	text-indent:-9999px;
	text-decoration:none;
	background:transparent url(../skin/pageTop.png) 0 0 no-repeat;
	float:left;
}

/*=====[ General params and typography ]=====*/

body{
	font:normal 62.5%/1.8em Verdana, Arial, sans-serif;
}

/* #content ul used to prevent main navigation, within #pagehead, list breaking */
#content ul{
	margin:0.8em 0 0.6em 1em;
	padding-left:1em;
	list-style-type:square;
}

ol{
	margin:0.8em 0 0.6em 2em;
	padding-left:1em;
	list-style-type:lower-roman;
}

blockquote{
	margin:0.8em 0 0.6em 1em;
	padding-left:1em;
	font-style:italic;
	border-left:4px solid #E2D7CF;
}

/* Frame images */
img{
	padding:2px;
	border:1px solid #F2F2F2;
}

/*Set font size for content area */
#content{
	font-size:1.25em;
}

p{
	margin:0.3em 0 0.6em 0;
}

a{
	color:#9D6141;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	background:#9D6141;
	color:#FFE;
}

#Title {
	font:1.6em verdana, arial, sans-serif;
    }
#Question {
	font:italic 1.2em verdana, arial, sans-serif;
    }

#article{
	line-height:1.7em;
	color:#635141;
}

h1,
h2,
h3,
h4{
 font-family:Verdana, Arial, sans-serif;
}

h2{
	color:#98533B;
	margin-bottom:.5em;
	line-height:1.7em;
	font-size:1.7em;
}

h3{
	margin:0.8em 0 0.6em 0;
	font-size:1.3em;
}

h4{
	margin:0.8em 0 0.6em 0;
	font-size:1.1em;
}

/* Sub Content */

#subContent h2{
	font-size:1.3em;
}

#subContent h3{
	font-size:1.1em;
}

/* Ratings */

#content ul.rating {
	list-style:none;
	margin: 0 0 1.5em 0;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(../skin/alt_star.gif) top left repeat-x;
}

.rating li {
	padding:0px;
	margin:0px;

/*\*/
	float: left;
/* */


}

.rating li a {
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
      
.rating li a:hover {
	background: url(../skin/alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
}

.rating a.one-point {left: 0px;}
.rating a.one-point:hover {width:25px;}
.rating a.two-points {left:25px;}
.rating a.two-points:hover {width: 50px;}
.rating a.three-points {left: 50px;}
.rating a.three-points:hover {width: 75px;}
.rating a.four-points {left: 75px;}
.rating a.four-points:hover {width: 100px;}
.rating a.five-points {left: 100px;}
.rating a.five-points:hover {width: 125px;}

.rating li.current-rating, .rating li.average-rating {
	background: url(../skin/alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.rating li.no-raters {
	position:absolute;
	top:2em;
	font-size:0.8em;
}




ul, li, #referencer ul, #referencer ul li, #referencer ul li div p  {margin:0;padding:0;list-style:none;}

ul#referencer {margin:0;padding:0;}

#referencer ul {
  border:solid rgb(203, 161, 129) 1px;
  background:rgb(219, 219, 219);
  margin-bottom:1em;
}

#referencer li div {
	float:right;
    width:295px;
    }  
#referencer li div div {
	float:none;
    width:100%;
    }  

#referencer .title {
	text-decoration:underline;
   	}  

#referencer .url  {
	font-size:0.9em;
	line-height:1.5em;
    display:none;    
	}
  
#referencer img, #referencer .emptyThumbnail {
		float:left;
        width:120px;
        border:solid gray 1px;
        margin:.5em 0 .5em .5em;
        padding:0;
        }
        #referencer .emptyThumbnail {border:0;}

#referencer .clip  {
	    font-size:0.8em;
		margin:.2em 0;
        }    
#referencer .note  {
	    margin-bottom:.2em;
        } 
        
#sessiondata textarea {width:80%;}

#sendmenu li {
  border:solid #B67357 1px;
  background:#CBA181;
  margin: 1em .5em;
  padding:5px;
}

#sendmenu li a {
   color:white;
   background:#B67357;
   border:solid black 1px;
padding:1px 3px;
}

#sendmenu input {
  width:80px; 
}

#pagehead h2 {
	position:relative;top:0;
   }
   
#pagehead span {
	position:absolute;
    right:0;
}   

#pagehead input {
	width:450px;
} 

.empty {
	font-weight:bold;
    color:silver;
	}

.tooltip {
	border:solid orange 1px;
    background:yellow;
    padding:0.8em;
    font-size:1.3em;
    text-align:left;
	}
    
.thumbshotscredit {
	font-weight:normal;
    font-size:0.8em;
    display:block;
    text-align:center;
    position:absolute;
    top:0px;
    width:95%;
}
.thumbshotscredit:hover {background:none;color:black;}
    
.logo {width:100%;}

#feedback textarea {float:right;}

#referencer .refFooter {
	background:rgb(203, 161, 129);
    height:18px;
    clear:both;
} 

#referencer .refFooter img {
	border:0;
    float:right;
    margin:1px;
    }
    
#externinfo {margin-top:3em;border-top:solid silver 1px;}
#externinfo ul {margin:0;padding-left:1em;}
#externinfo a {font-weight:normal;text-decoration:underline;}