* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		}
		      
        a:link { color: #33ccff; text-decoration: none;}
        a:visited { color: #ff0066; text-decoration: none;}
				a:hover  {text-decoration:  underline; }
				a:active { color: #00ff00; text-decoration: none;}
				a img {border: 0;}        
        
				
body {
		
		background: #4861ca url(images/page-background.gif) repeat-x;
				}

#wrapper {
		width: 800px;		
		padding: 15px 10px 15px 10px;
		margin: 0 auto;
		border:  2px solid #dddddd;
		border-top: 5px;
		background:  #4861ca url(images/page-background.gif) repeat-x;
		 	}
			
#header {
		height: 150px;	
		padding: 10px 0px 5px 0px;
		text-align: center;
		}

#footer { 
		height: 100%;
		padding: 10px 0px 5px 0px;
		margin: 0 auto;
		border-top: 45px;
		background:  #4861ca;
		text-align: center;		 
		}
	
h1 {
		font: bold 1.2em/1.75 Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		margin-bottom: 1em;
			}
			
h2 {
		font: bold 1.0em/1.5 Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		margin-bottom: 0.75em;
			}
h3 {
     font: bold 0.75em/1.0 Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		margin-bottom: 0.15em;
		}
p {
		font: 0.6em/1.25 Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1.5em;
		}
#w3c {
    background-image:url(images/valid-xhtml10-blue.png);
		display:block;
		width: 88px;
		text-indent:-9999px;
		height: 31px;
		 }
hr  {
		height: 0.1em;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
		background-color: #cccccc;
		color: #cccccc;
		border: none;
		}
		
.scContent p  {
		font-size: 0.6em;
		color: yellow;
		margin-bottom: .75em;
		}

#scContainer {
		position: relative;
		float: right;
		top: 10px;
		width: 170px;
		margin: 0px 5px 0px 0px;
		}

.scContent {
		padding: 40px 15px ;
		width: 150px;
		height: 300px;
		overflow: auto;
		background: #4861ca /*url(images/sc-background.gif); */
		}

.scContent2, .scContent, .navContent2 h2, h3 {
		color: #ffff33;
		}

#scContainer2 {
		position: relative;
		float: left;
		top: 10px;
		width: 170px;
		margin:  0px 0px 7px 0px;
		}

.scContent2 {
		padding: 40px 15px;
		width: 150px;
		height: 300px;
		overflow: auto;
		background: #4861ca /*url(images/sc-background.gif);*/
				}

.fadeTop {
		position: absolute;
		width: 170px;
		height: 40px;
		top: 0;
		left: 0;
		background: url(images/blue-gradient-top.png);
		z-index: 1;
		}

.fadeBottom {
		position: absolute;
		width: 170px;
		height: 40px;
		bottom: 0;
		left: 0;
		background: url(images/blue-gradient-bottom.png);
		z-index: 1;
		}

#scContainer3 {
		position: relative;
		float: left;
		width: 191px;
		top: 5px;
		margin: 0px 0px 10px 15px;
			}

.scContent3 {
		
		width: 190px;
		height: 190px;		
		background: #dddddd;
		
		}
		
#scContainer4 {
		position: relative;
		float: right;
		width: 191px;
		top: 5px;
		margin: 0px 15px 10px 0px;
	
		}

.scContent4{
		
		width: 190px;
		height: 190px;		
		background: #dddddd;
		}
		
#scContainer5 {
		position: relative;
		float: left;
		width: 191px;
		top: 5px;
		bottom: 20px;
		margin: 0px 0px 10px 15px;
	
		}

.scContent5{
		
		width: 190px;
		height: 190px;	
		background: #dddddd;
		}	
		
#scContainer6{
		position: relative;
		float: right;
		width: 191px;
		top: 5px;		
		bottom: 20px;
		margin: 0px 15px 10px 0px;
	
		}

.scContent6{
		
		width: 190px;
		height: 190px;		
		background: #dddddd;
		}
		
 /* ---------- menu---------- */
 #menu {
		position: relative;
		float: left;
		top: 10px;
		width: 100%;
		margin:  0px 0px 10px 0px;
		font: 0.6em/1 Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		}
		
		/* --------------- navigation ---------------*/
		
 #navContainer2 {
		position: relative;
		float: left;
		top: 10px;
		width: 170px;
		margin: 0px 10px 7px 0px;
		}

.navContent2 {
		padding: 40px 15px;
		width: 150px;
		height: 300px;
		overflow: auto;
		background: #4861ca /*url(images/sc-background.gif);*/
				}
#navigation ul.collapsibleList {
	display: none;
	}

 
#navigation ul {
		list-style-type: none;
		list-style-image: url(images/arrow1.gif);
		padding: 0px 0px 0px 15px;
		width: 110px;
		font: 0.8em/1 Arial, Helvetica, sans-serif;
		}
#navigation ul ul {
		font-size: 1em;
		list-style-image: url(images/arrow_red.gif);
		padding: 2px 0px 2px 15px;
		}
#navigation a:link, #navigation a:visited {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		padding: 3px 12px 0px 5px;
		background-color: #666666;
		color: #ffffff;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;
		border-left: 1px solid #dddddd;
		}
#navigation a:hover {
		background-color: #777777;
		}					
#navigation a:active {
		padding: 2px 13px 4px 7px;
		background-color: #444444;
		color: #eeeeee;
		border-top: 1px solid #333333;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #333333;
		}
#navigation li li a:link, #navigation li li a:visited {
		text-decoration: none;
		text-transform: lowercase;
		font-weight: normal;
		padding: 3px 3px 3px 7px;
		background-color: #999999;
		color: #111111;
		}
#navigation li li a:hover {
		background-color: #aaaaaa;
		}
#navigation li li a:active {
		padding: 2px 4px 4px 16px;
		background-color: #888888;
		color: #000000;
		border-top: 1px solid #333333;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #333333;
		}
	

			
		/* ---------- tripcontent---------- */
		
.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}	
		
#tripcontainer  {			
		position: relative;
		float: right;
		top: 10px;
		width: 600px;
		margin: 0px 5px 0px 0px;
		text-align: right; color: #ffff33;
		/* border: solid;	 */
		}
#tripcontent	{
		 color: #ffff33;		 
		 }
#tripcontent h1 {		
		text-align: center;
			}
			
#tripcontent h2 {
		margin-bottom: 0.5em;
		text-align: center; 
			}
#tripcontent h3 {
		text-decoration: underline;
		margin-bottom: 0.5em;
		margin-top: 1.5em;
		}
		
#tripcontent h4 {
     font: bold 0.7em/1.1 Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		margin-top: 1.5em;
		}
		
#tripcontent p {
		font: 0.75em/1.1 Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1.0em;
		margin-top: 0.5em;
		}
#tripreport {
		text-decoration: none;
		text-transform: lowercase;
		font-weight: normal;
		padding: 3px 3px 3px 7px;
		color: #111111;
		background-color: #ffff33;		
		}
#tripcontent img {
		margin-left: 5px;
		margin-right: 5px;
		vertical-align: middle;
		float: left;
		}
#videocontent {
		color: #ffff33;
		text-align: center;
		}
#preview {	
	padding-left: 80px;
		margin-bottom: 70px;
		}