@charset "utf-8";
/* CSS Document */

@charset "utf-8";

/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #f0f0f0;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
    }
	
    .twoColFixLtHdr #container {
	width: 960px;
	background: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    } 
    .twoColFixLtHdr #header {
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../images/header_bg.jpg);
    } 

    .twoColFixLtHdr #header h1 {
    margin: 0;
    padding: 10px 0;
    }

    .twoColFixLtHdr #sidebar1 {
    float: left;
    width: 200px;
    background: #EBEBEB;
    padding: 15px 10px 15px 20px;
    }

    .twoColFixLtHdr #mainContent { 
    margin: 0 0 0 250px;
    padding: 0 20px;
    } 

    .twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
	background:#6E6E6F;
    } 

    .twoColFixLtHdr #footer p {
    margin: 0;
	padding: 10px 0;
    }



    .fltrt {
    	float: right;
    	margin-left: 8px;
    }

    .fltlft {
    	float: left;
    	margin-right: 8px;
    }

    .clearfloat {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	#listatop {
	background-color:#193D49;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	font-weight: bold;
	}

	#listabottom {



	background-color:#193D49;



	margin:0;



	padding:0;



	padding-top:5px;



	padding-bottom:5px;



	font-size:10px;



	font-weight: bold;



}







div.item {



	float: left;



	margin: 0 0px 15px 15px;



	width: 164px;



	display: inline;



}



div.first {



	margin-left: 5px;



}



div.item h3, div.item p {



	font-size: 12px;



	margin: 0;



	padding: 0;



}



div.item h3 {



	margin-top: 8px;



}



div.item p.link {



	margin-top: 14px;



}



div.address {



	margin: 14px 0 0 0;



	padding: 0;



	width: 150px;



	float: right;



	



}



div.address address {



	margin: 0 0 10px 0;



	padding: 0;



	font-style: normal;



}







body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;



}



a {
	padding: 1px;
	background: #CCCCCC;
	color: #333333;
	text-decoration:none;



}



a:hover {



	background: #3B95D1;



	color: white;



}



strong {



	font-weight: bold;



}



strong.color {



	color: #3B95D1;



}



strong.large {



	color: black;



	font-size: 24px;



	font-weight: normal;



}



--------------------------------------------------------



p {



	margin: 10px 4px 15px 4px;



	padding: 0 0 0 ;



}



.clear {



	clear: both;



	height: 0;



	overflow: hidden;



	line-height: 0;    



}



h1 {
	width: 950px;
	border-top: 1px solid #C6C6C6;
	margin-top: 10;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;



}



h1 img {



	display: block;



	margin: 0 auto 0 auto;



}



.contents {



	width: 950px;



	text-align: left;



	margin-top: 0;



	margin-right: 5px;



	margin-left: 5px;



	margin-bottom: 20px;



}



.footer {



	margin: 27px auto 0 auto;



	width: 889px;



	font-size: 12px;



	width: 940px;



	padding-top: 14px;



	border-top: 2px solid  #3B95D1;



}



.footer p {



	margin: 0;



	padding: 0;



}



div.right {



	float: right;



	width: 450px;



	border-left: 1px solid #d2d3cb;



	margin-right: 5px;



	padding-top: 1px;



	padding-right: 0;



	padding-bottom: 3px;



	padding-left: 12px;



}



div.right a.screenshot {



	float: right;



	margin-right: 1px;



	margin-left: 16px;



}



div.left {



	border-right: 1px solid #d2d3cb;



	margin-top: 10px;



	margin-right: 500px;



	margin-bottom: 0;



	margin-left: 5px;



	padding-top: 1px;



	padding-right: 12px;



	padding-bottom: 0;



	padding-left: 0;



	width: 450px;



}



h2 img {



	background-color: transparent;



	height: 100%;



	left: 0px;



	position: absolute;



	top: 0px;



	width: 100%;



	z-index:0;







}







h2 span {



	position: relative;



	z-index: 1;



	padding: 5px 5px 4px 5px;



	display: block;



}







h2 {
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #00a1db;
	position: relative;
	border-top: 1px solid #c6c6c6;
	_height: 30px;
	width: auto;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;



}



h2.space {



	margin-bottom: 18px;



}



div.right h2.topspace {



	margin-top: 0px;



}



a.screenshot {



	width: 180px;



	padding: 1px;



	background: #747477;



	color: white;



	display: block;



	font-size: 10px;



	text-decoration: none;



}



a.screenshot:hover {



	background: #3B95D1;



}



a.screenshot img {



	display: block;



	border:0;



}



a.screenshot span {



	padding: 4px 5px 3px 5px;



	display: block;



}



div.left h2 {



	margin-top: 0;



}



div.right h2 {



	margin-top: 0px;



}



div.top h2 {



	margin-top: 0;



}



div.right h3 {



	margin: 0;



	font-size: 18px;



	font-weight: normal;



}



div.top p {



	margin: 0 180px 18px 0;



}



div.right p.link {



	margin-bottom: 0;



}



p.message {



	font-size: 18px;



	padding: 0 20px 0 8px;



	margin: 0 422px 0 0;



	line-height: 125%;



}



div.item {
	float: left;
	width: 180px;
	display: inline;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 12px;



}



div.first {



	margin-left: 5px;



}



div.item h3, div.item p {



	font-size: 12px;



	margin: 0;



	padding: 0;



}



div.item h3 {



	margin-top: 8px;



}



div.item p.link {



	margin-top: 14px;



}



div.address {



	margin: 14px 0 0 0;



	padding: 0;



	width: 150px;



	float: right;



	



}



div.address address {



	margin: 0 0 10px 0;



	padding: 0;



	font-style: normal;



}



form {
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20;
	margin-left: 5px;



}



textarea {
	border: 1px solid black;
	width: 230px;
	padding: 2px;
	margin: 0 0 6px 0;
	line-height: 14px;
	font-size: 12px;
	border-right: 5px solid #00a1db;
	overflow: auto;



}



input {
	border: 1px solid black;
	height: 20px;
	padding: 2px;
	margin: 0;
	line-height: 14px;
	font-size: 12px;
	width: 188px;
	float: left;



}



input.button {



	color: #3B95D1;



	background: white url(../images/arrow.gif) 90% 50% no-repeat;



	border: 1px solid black;



	width: 40px;



	height: 20px;



	float: right;



	margin: 0 3px 0 0;



}



div.noborder {



	border:0;



}



#message {
	padding: 0px;



}





file:///C:/Users/Samuel/Desktop/web/SAM%20FINAL/menu_style.css



/******   H3    */



ul#menu{



	margin:0;



	padding:0;



	list-style-type:none;



	width:auto;



	position:relative;



	display:block;



	height:35px;



	text-transform:none;



	font-size:14px;



	font-weight:bold;



	background:transparent url("images/OFF.gif") repeat-x top left;



	font-family:Arial, Verdana, sans-serif;



}



ul#menu li{



	display:block;



	float:left;



	margin:0;



	pading:0;}



ul#menu li a{



	display:block;



	float:left;



	color:#FFFFFF;



	text-decoration:none;



	font-weight:normal;



	padding:10px 30px 0 30px;



	height:25px;



	background:transparent url("images/DIVIDER.gif") no-repeat top right;



	}



	ul#menu li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;	
	}

	ul#menu2{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:35px;
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Arial, Verdana, sans-serif;
	}

	ul#menu2 li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
	ul#menu2 li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	padding:10px 30px 0 30px;
	height:25px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}



	ul#menu2 li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;	
	}
	
	ul#menu li a.current{
	background: url("images/HOVER.gif") no-repeat top right;
	background-position:no-repeat top right;
	color: #FFFFFF;
	}

	/******   H3    */
	ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:35px;
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Arial, Verdana, sans-serif;
	}

	ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}

	ul#menu li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	padding:10px 30px 0 30px;
	height:25px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}

	ul#menu li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;	
	}

	ul#menu2{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:35px;
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Arial, Verdana, sans-serif;
	}

	ul#menu2 li{
	display:block;
	float:left;
	margin:0;
	pading:0;}

	ul#menu2 li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	padding:10px 30px 0 30px;
	height:25px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}

	ul#menu2 li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;	
	}

	ul#menu li a.current{

	background: url("images/HOVER.gif") no-repeat top right;

	background-position:no-repeat top right;

	color: #FFFFFF;
	}