/* CSS Document */

body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
background-image: url('images/Clear Blue Background.jpg');
	background-color: #333399;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------------------------------body--------------------*/
img
{
border:none;
}
#header
{
margin:0 auto;
padding:0px;
width:800px;
height:80px;
background:#fdfdfd url(images/SAILOGO.jpg) left center no-repeat;
}

#navigation
{
margin:0 auto;
padding:0 0 0 25px;
width:775px;
background:url(images/image_06.gif) left center no-repeat;
height:31px;
}
#navigation ul
{
list-style:none;
}
#navigation ul li
{
font:bold 11px/31px Arial, Helvetica, sans-serif;
color:#FFFFFF;
display:block;
float:left;
padding:0 15px;
}
#navigation ul li a
{
text-decoration:none;
display:block;
color:#FFFFFF;
}
#navigation ul li a:hover
{
text-decoration:none;
display:block;
color:#FFFFFF;
background:#333333;
}

#main
{
margin:0 auto;
padding:0px;
width:800px;
height:193px;
background:#fdfdfd url(images/image_09.gif) left center repeat-x;
}
#doorimg
{
float:left;
padding:0px;
width:170px;
height:193px;
background:#fdfdfd url(images/image_11.gif) left center no-repeat;
margin-left:25px;
}
#login
{
float:left;
padding:0px;
width:305px;
height:193px;
margin-left:50px;
background:#fdfdfd url(images/image_13.gif) left center no-repeat;
}
#login form
{
margin:0 auto;
padding:20px 10px 10px 10px;
}
#login form h1
{
font:bold 11px/30px Arial, Helvetica, sans-serif;
color:#333333;
background:url(images/image_18.gif) left center no-repeat;
padding-left:30px;
}
h2
{
font:bold 14px/30px Arial, Helvetica, sans-serif;
color:#07b6c8;
}
#login form input.textbox
{
font:normal 11px/16px Arial, Helvetica, sans-serif;
color:#333333;
background:#cccccc;
border:#333333 1px solid;
height:16px;
}
#login form input.button
{
background:#cccccc url(images/image_23.gif) left center no-repeat;
border:none;
height:18px;
width:41px;
}
.style_01
{
font:normal 11px/18px Arial, Helvetica, sans-serif;
color:#333333;
}
.style_02
{
font:normal 11px/18px Arial, Helvetica, sans-serif;
color:#ffffff;
}
.style_03
{
font:normal 11px/18px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:right;
}
p
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#333333;
}
#formlabel
{
width:75px;
float:left;
height:18px;
}
#formlabel2
{
width:75px;
float:left;
height:18px;
}
#formlabel3
{
width:125px;
float:left;
height:18px;
}
#formlabel4
{
width:125px;
float:left;
height:18px;
}
#formlabel5
{
width:125px;
float:left;
height:18px;
}
#demoimg
{
margin-left:50px;
float:left;
padding:0px;
width:171px;
height:193px;
}
#content
{
margin:0 auto;
padding:10px;
width:780px;
background:#FFFFFF;
}
#content_row1
{
	margin: 0 auto;
	padding: 5px 5px 5px 190px;
	width: 555px;
	height: 290px;
	border: #CCCCCC 1px solid;
	text-align:center;
	
}
#content_row2
{
margin:0 auto;
padding:10px;
width:730px;
	height: 12px;
}
#content_row3
{
margin:0 auto;
padding:10px;
width:730px;
	height: 28px;
}
#content_row4
{
margin:0 auto;
padding:10px;
width:730px;
}
#content_row2 ul
{
list-style:none;
margin-left:25px;
}
#content_row2 ul li
{
font:normal 11px/20px Arial, Helvetica, sans-serif;
color:#333333;
display:block;
padding:4px 20px;
background:url(images/image_26.gif) left center no-repeat;
}
#content_row2 ul li a
{
text-decoration:none;
display:block;
color:#333333;
}
#content_row2 ul li a:hover
{
text-decoration:none;
display:block;
color:#CC3300;
}
#footer
{
	margin: 0 auto;
	height: 20px;
	padding-top: 10px;
	width: 800px;
	background: #0066CC url(images/image_27.gif) no-repeat right bottom;
}
#footer_left
{
float:left;
height:20px;
width:400px;
}
#footer_right
{
float:left;
height:20px;
width:400px;
}
#footer_right a
{
	color: #FFFF00;
}