﻿body 
{
    margin: 0px;
    padding: 0px;
    text-align:center;
    background-image: url(/images/bgDotCommandCenter.gif);
    background-repeat: repeat-x;
    background-color: #333333;
}

#contentspace{clear:both;background-color: #e1e1d5;
               -moz-border-radius: 3em 3em 3em 3em;
                border-radius: 3em 3em 3em 3em;
                width: 100%;
                
               
              }

*{font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; }
span,h1,h2,h3,h4,h5,td,p{color: #333333;}

#topline p{padding: 0px; margin: 0px; color: #FFFFFF; text-align:right; font-size: 10px; font-weight: normal;}

#buttons ul{list-style-type:none; margin: 0px; padding: 0px;}
#buttons ul li{margin:0px; padding: 0px; float:right;margin-right: 1px;}
#buttons ul li a{display:block; padding: 6px; background-color: #e1e1d5; color: #a4a486; text-decoration: none; font-size: 10px; text-align:center; 
                 padding-left: 17px;
                 padding-right: 17px;
                 -moz-border-radius: 0em 0em 1em 1em;
                border-radius: 0em 0em 1em 1em;
}
#buttons ul li a.on,
#buttons ul li a:hover{display:block; 
                       background-color: #b4b49b; 
                       color: #e1e1d5; 
                       text-decoration: none; 
                 -moz-border-radius: 0em 0em 1em 1em;
                border-radius: 0em 0em 1em 1em;
}


#menuspace ul{list-style-type:none; margin: 0px; padding: 0px; margin-top: 32px; margin-right: 20px;}
#menuspace ul li{margin:0px; padding: 0px; float:right;margin-right: 1px;}
#menuspace ul li a{display:block; padding: 3px;  color: #333333; text-decoration: none; font-size: 12px; text-align:center; 
                   font-weight: bold;
                 padding-left: 14px;
                 padding-right: 14px;
                 -moz-border-radius: 2em 2em 0em 0em;
                border-radius: 2em 2em 0em 0em;
                border-top: solid 5px #FFFFFF;
}
#menuspace ul li a.on,
#menuspace ul li a:hover,#menuspace ul li a.active{display:block; 
                       text-decoration: none; 
                       border-top: solid 5px #e98443;
                 -moz-border-radius: 2em 2em 0em 0em;
                border-radius: 0em 0em 0em 0em;
}


#fourboxspace{width: 100%; background-color: #FFFFFF;
              -moz-box-shadow: 0px 5px 5px #666;
-webkit-box-shadow: 0px 5px 5px #666;
box-shadow: 0px 5px 5px #666;
              }

#fourboxspace p{font-size: 11px;}

a{color: #333333;}
h1, h1 a{font-size: 32px; line-height: 36px; padding: 0px; margin: 0px; margin-top: 10px; margin-bottom: 5px; text-decoration:none;}
h2, h2 a, h4.names
{
    text-decoration:none;
    color: #ba4d07;
	font: 24px verdana, arial, sans-serif;
	line-height: 30px;
	margin: 0px;
	padding: 8px 0px 6px 0px;
	border: 0px;

    }
h3{font-size: 20px; font-weight:normal; line-height: 20px; color: #333333;}
h4{font-size: 12px; font-weight:bold;}
h4.names{font-size: 22px;}


p.number1, p.number2, p.number3, p.number4,
p.number1 span, p.number2 span, p.number3 span, p.number4 span{position:absolute; margin-top: 40px; margin-left: 60px;z-index: 11; font-size: 46px;color: #000000;line-height: 40px; 
                                                               background-color: #FFFFFF;
          -khtml-opacity:.70; -moz-opacity:.70; -ms-filter:”alpha(opacity=70)”; filter:alpha(opacity=70); opacity:.70;
          padding: 5px;
                                                               
                                                               }
p.number1{margin-left: 80px; margin-top: 30px;}
p.number2{margin-left: 80px; margin-top: 30px;}
p.number1 span{-khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1;color: #000000;}
p.number1a{position:absolute; margin-top: 100px; margin-left: 100px;z-index: 11; font-size: 18px; color: #333333;font-weight:bold;line-height: 22px;
           background-color: #FFFFFF;
          -khtml-opacity:.80; -moz-opacity:.80; -ms-filter:”alpha(opacity=80)”; filter:alpha(opacity=80); opacity:.80;
          padding: 5px;
           }
p.number2a{position:absolute; margin-top: 160px; margin-left: 110px;z-index: 11; font-size: 18px; color: #333333;font-weight:bold;line-height: 22px;
           background-color: #FFFFFF;
          -khtml-opacity:.80; -moz-opacity:.80; -ms-filter:”alpha(opacity=80)”; filter:alpha(opacity=80); opacity:.80;
          padding: 5px;
           }
p.readmore{position:absolute; margin-top: 205px; margin-left: 500px;z-index: 11; font-size: 11px; color: #FFFFFF;padding: 7px; background-color: #e98443;-khtml-opacity:.70; -moz-opacity:.70; -ms-filter:”alpha(opacity=70)”; filter:alpha(opacity=70); opacity:.70;}
p.readmore a{color: #FFFFFF; text-decoration:none; font-size: 10px; font-weight:bold;width: 100px;}
#missionspace p{font-size: 11px; line-height: 14px;}

div.orangebar{clear:both; padding-top: 25px; margin-left: -20px;}
div.orangebar h1{margin: 0px; height: 32px;color: #FFFFFF; padding: 10px; background-color: #e98443; 
                 font-size: 24px; font-weight: normal; width: 780px;
                 padding-left: 20px;
                 background-image:url(/images/orangebarend.gif); background-repeat: no-repeat; background-position: top right;
                  -moz-box-shadow: 0px 3px 0px #666;
-webkit-box-shadow: 0px 3px 0px #666;
box-shadow: 0px 3px 0px #666;
margin-bottom: 0px;

                 }
                 
                 div.orangebar h1 a{color: #FFFFFF; }
                 


div.orangebar p.bottom, p.bottomhome{padding: 0px; margin: 0px;
                       width:20px; height: 13px; 
                       background-image: url(/images/orangebarbottom.gif); background-repeat: no-repeat;}
p.bottomhome{margin-left: -20px;margin-top: 240px;}

#footer, #footer p, #footer a{color: #999999;}


ul.blogmenu{list-style-type:none;padding: 0px; margin: 0px;}
ul.blogmenu li{padding: 0px; margin: 0px; display:block; float:left;}
ul.blogmenu li a{padding: 10px; font-size: 12px; text-decoration: none;border: solid 1px #CCCCCC;}
ul.blogmenu li a:hover{background-color: #b4b49b;}
/*Home Page Scrollable*/


/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	/*background:url(../img/scrollable/arrow/left.png) no-repeat;*/
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
	display:none;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	/*background-image:url(../img/scrollable/arrow/right.png);
	clear:right;	*/
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	



/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 280px;
		
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
		
	}
	
	/* single page */
	.page {
		padding:0px;
		height: 280px;
		z-index: 2;
		/*background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;*/
		width:623px;
		margin-top: 0px;
		
		
	
	}
	.page img{border: solid 3px #7a7878;}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 623px;
		height: 280px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
		
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:623px;
		height:250px;
		padding-top:20px;
		padding-bottom:10px;
		
		
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
		height: 250px;
		width: 300px;
		overflow: visible;
	}
	#main_navi ul{}
	#main_navi li {
		background-color:#b2b28c;
		z-index: 10;
		clear:both;
		color:#FFFFFF;
		font-size:10px;
		height:50px;
		list-style-type:none;
		padding:0px;
		padding-right: 0px;
		width:360px;
		cursor:pointer;
		margin-top: 3px;
		margin-left: -20px;
		-moz-box-shadow: 0px 5px 5px #666;
-webkit-box-shadow: 0px 5px 5px #666;
box-shadow: 0px 5px 5px #666;

	}
	
	
	#main_navi li p{padding:10px;
		padding-left: 22px;
		padding-right: 0px;
		color:#FFFFFF;
		font-size:10px;
		margin: 0px;
		
		}
	
	#main_navi li#firstone{margin-top: 25px;}
	/*#main_navi li#secondone{margin-top: 65px;}
	#main_navi li#thirdone{margin-top: 105px;}*/
	#main_navi li#firstone,
	#main_navi li#secondone,
	#main_navi li#thirdone,
	#main_navi li#fourthone {background-repeat: no-repeat; background-position: top right;position:absolute;}                 
	
	#main_navi li#secondone{margin-top: 80px;}
	#main_navi li#thirdone{margin-top: 135px;}
	#main_navi li#fourthone{margin-top: 190px;}


	#main_navi li:hover {
		background-color:#db9055;
	}
	
	#main_navi li.active {
		/*background-color:#e98443;*/
		background-image:url(/images/orangebar.png); 
		width: 400px;
		
		background-color: transparent;
		-moz-box-shadow: 0px 0px 0px #666;
-webkit-box-shadow: 0px 0px 0px #666;
box-shadow: 0px 0px 0px #666;
height: 60px;

	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi p strong {
		display:block;
		color: #FFFFFF;
		
		
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
		display:none;
	}
	