/* CSS Document */

/* Apply to all elements */
* { margin: 0; padding: 0; }
body { background:#254527; color: #fff; font: 9pt Verdana, Arial, sans-serif; margin: 0 0 1.0em 0; }

/* Header element*/
  div#header { background: #236544; border-bottom: 1px solid #999; padding: 3.25em 0; text-align:center; }
     #header h1 { float: left; padding: 0 0 0 10%; }
     /* margin: Top Right Bottom Left */
     a { text-decoration:none; color:#FFF; }
     a:hover { color:#000; }

/* Quicklink Tabs */	   
  div#bluet img { border:none; }
     #bluet a { border:1px #CCC solid; width:90px; background-color:#0A3089; float:right; margin:-30px 5px 0px 5px; }  
     #bluet a:hover { background-color:#3C62BB; text-decoration:none; border:1px #0A3089 solid; }
  
  div#redt img { border:none; }
     #redt a { border:1px #CCC solid; width:90px; float:right; background-color:#880B0E; margin:-30px 5px 0px 5px; }
    #redt a:hover { background-color:#BA3D40; text-decoration:none; border:1px #880B0E solid; }
  
  div#goldt img { border:none; }
     #goldt a { border:1px #CCC solid; width:90px; background-color:#92620A; float:right; margin:-30px 5px 0px 5px; }
     #goldt a:hover { background-color:#C4943C; text-decoration:none; border:1px #92620A solid; }
  
  div#purplet img { border:none; }
     #purplet a { border:1px #CCC solid; width:90px; float:right; background-color:#640778; margin:-30px 5px 0px 5px; }
     #purplet a:hover { background-color:#9639AA; text-decoration:none; border:1px #640778 solid; }
 
  h2 { font-size: 14pt; color:#FFFFFF; }
  
/* Main container*/  
  div#main { width:80%; max-width:800px; margin: 1em auto; text-align:center; clear:both; }
  
/* index page content */
  div#blue { width:250px; background-color:#0A3089; float:left; margin:5px; }
     #blue img { padding:5px; margin-top:5px; border:none; }
	 #blue a { border:1px solid #3C62BB; }
	 #blue a:hover { border:1px solid #FFFFFF; background-color:#3C62BB; }
  
  div#red { width:250px; float:left; background-color:#880B0E; margin:5px; }
     #red img { padding:5px; margin-top:5px; border:none; }
	 #red a { border:1px solid #BA3D40; }
	 #red a:hover { border:1px solid #FFFFFF; background-color:#BA3D40; }
  
  div#gold { width:250px; background-color:#92620A; float:right; margin:5px; }
     #gold img { padding:5px; margin-top:5px; border:none; }
	 #gold a { border:1px solid #C4943C; }
	 #gold a:hover { border:1px solid #FFFFFF; background-color:#C4943C; }
  
  div#purple { width:250px; float:right; background-color:#640778; margin:5px; }
     #purple img { padding:5px; margin-top:5px; border:none; }
	 #purple a { border:1px solid #9639AA; }
	 #purple a:hover { border:1px solid #FFFFFF; background-color:#9639AA; }
  
  div#logo { width:100%; }
     #logo p, #logo p a, #logo p img { text-align:center; margin:10px; color:#FF0000; font-size:30px; border:0;}
  
/* Left content (buttons) */   
  div#button { width: 200px; float: left; }
  div#left p { font-size: 8pt; font-style: italic; color: #ccc; margin: 0 0 1em 0; }
  /* unordered list for buttons */
  ul { list-style:none; padding-bottom:10px; }
    ul#a { list-style-type:disc; padding-left:12px; }
	li a { line-height: 25px; width: 152px; height: 25px; border: 0; background: url(images/button_off.jpg) no-repeat center; display:block; color:#000; text-decoration:none; font-weight:800; }
    li a:hover { padding: 0px; background: url(images/button_on.jpg) no-repeat center; color:#FFF; }
  
/* Right content (main body) */  
  div#right { text-align:justify; margin: 0 0 0 230px; }
    div#right h2 { margin: 0 0 1em 0; font-size: 12pt; font-weight:800; color: #A9A669; border-bottom:#999 1px solid; }
    div#right h3 { font-size: 11pt; font-weight: normal; color: #A9A669; }
	/* Paragraph */
	div#right p { text-align: justify; line-height:1.3em; padding-bottom:15px; }
	div#right p a { color:#090; text-decoration:underline; }
    div#right p a:hover { color:#CCC; }
	div#right p.val a { color:#F00; text-decoration:underline; }	
    
	/* Used for images */	
	div#r {text-align:center; margin:5px; }
	div#r img { padding:5px; border: 1px solid #666; }
	div#r a { border: 1px solid #666; }
	div#r a:hover{ border: 1px solid #CCC;}	
/* Table style*/  
  .light { background-color:#354D31; }
  .dark { background-color:#1F2D1C; }