/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; text-align: center;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	font: 11px/15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
	margin:0px;
	background-color: #006699;
	background-image: url('images/main-bg.gif');
}     
a { color: #5c000b; }
a.italics { font-style: italic; }
a.white { color: #fff; } 
a.black { color: #000; } 
a.light { color: #EDB587; }
 
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline overline; color: #FFFF81}
a[name]:hover {text-decoration: inherit; color: inherit; background: inherit}


strong, b { font-weight: bold; }
em, i { font-style: italic; }

p { font-weight: normal; font-size: 12px; line-height: 18px; margin-bottom: 18px; }
h1 { font-weight: normal; font-size: 24px; line-height: 36px; margin-bottom: 0px; }
h2 { font-weight: normal; font-size: 16px; line-height: 36px; margin-bottom: 4px; }
h3 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 4px; }   
h4 { font-weight: normal; font-size: 14px; line-height: 18px; }      
small { font-weight: normal; font-size: 10px; line-height: 12px; }      
       
#wrapper {
  	text-align: center;
  	margin-top: 0px;
	border-style: ridge;
}  
#centered {
  	position: relative;
  	width: 920px;
  	margin: 0 auto;
  	text-align: left;    
	background: #FFFF81 url('images/shadow.gif') repeat-y; 
	color: #000000;
	border-style: double;
	padding: 0;
}   
#header {
	width: 900px;
	height: 380px;
	background: #006699 url('images/SS11_banner.png') no-repeat center center;
	text-align: left;
	margin: 0;
	padding: 10px;
}           
#header ul {
	position: absolute;
	margin-top: 403px;
	left: 15px;
	top: -43px;
	width: 911px;
}     
#header li {       
	font-weight: bold;
	font-size: 13px;     
 	display: block;   
	margin-left: 15px;
	margin-right: 15px;
 	text-align: left;
 	float: left; 
}                
#thin li {              
 	display: block;
 	width: 278px;
 	text-align: left;   
    padding-left: 0px;
	border-bottom: 1px dotted #EDB587;
	margin-right: 4px;
	margin-bottom: 3px;   
	padding-top: 4px;   
	padding-bottom: 4px; 
}               
#thin li.first {      
	border-top: 1px dotted #EDB587;
}  
#main {
  	width: 920px;
  	margin: 0 auto;
  	text-align: center; 
  	background: #FFFF81;
	border-style: dashed;
}                 
#wide { 
	margin-right: 0px;
	margin-left: 0px;
	width: 920px;       
	padding: 0;   
	background: orange center;
	text-align: center;
}

/* My Comment */                 
#thin {
	float: left;
	width: 278px;      
	margin-right: 10px;                  
	border-left: 1px solid #EDB587;       
	border-right: 1px solid #EDB587;      
	border-bottom: 1px solid #EDB587;       
	padding: 0 10px 0 10px;  
	background-color: #0099CC;
	color: #000000;  
}               
#imgright {
	float: right;      
	margin-left: 10px;            
}                 
#footer {
  	clear: both;
	width: 908px;
  	margin: 0 auto;
  	text-align: center;
	color: #000000;
	background-color: #006699;
	padding: 10px;
	position: static;
}