#home
{
margin:auto;
width:770px;
//height:500px;
background-color:white;
border-color:#307BC1;

}



#header
{
height:100px;
//margin-top:20px;
//margin-left: 20px;
border-color: transparent;
border-width: 5px;
//color:red;
}

#logo
{

display:block;
float:left;
height:76px;
width:235px;
background-color:transparent;
text-align: left;
font-size: 40px;
color:black;
font-family: arial;
line-height: 30px;
}

#subLogo
{

display:block;
float:left;
height:20px;
width:235px;
margin-top: -7px;
background-color:transparent;
text-align: left;
font-size: 18px;
color:black;
font-family: arial;
line-height: 30px;
}

#loginTab
{

display:block;
float:right;
height:100px;

width:360px;
background-color:white
}

#loginFields
{

display:block;
float:none;
position:relative;
align:center;
top: 10px;
height:60px;
width:360px;
background-color:black;
/*
border-style: solid;
border-color: lime;
*/

}

#loginFieldText
{

display:block;
float:none;
position:relative;

top: 10px;
left: -45px;
height:10px;
width:250px;
background-color:transparent;
/*
border-style: solid;
border-color: lime;
*/
font-family: arial;
font-weight: bold;
font-size: 14px;
color:white;
text-align: left;

}

#loginBox
{

display:block;
float:left;
position:relative;
align:center;
top: 20px;
left: 10px;
height:20px;
width:135px;
background-color:#EC58F4;
border:0px;
}

#passwordBox
{

display:block;
//float:none;
position:relative;
align:center;
top: 20px;
left: -25px;
height:20px;
width:135px;
background-color:#EC58F4;
border: 0px;

}

#loginSubmit
{

display:block;
float:right;
position:relative;
margin-right:10px;
top: 0px;
//left: 30px;
height:20px;
width:50px;
background-color:#808080;

}

#loginSubmitText
{

display:block;
float:none;
position:relative;
margin-right:10px;
top: 0px;
//left: 30px;
height:20px;
width:50px;
background-color:transparent;
text-align: center;
font-family: Arial;
font-weight: bold;
color:white;
font-size: 14px;
border:0px;

}

#lokiTab
{

//display:block;
float:right;

position: relative;
//left: 480px;
top: -25px;
height:35px;

width:360px;
background-color:black;
}

#lokiField
{

//display:block;
float:left;
margin-left: 10px;
//margin-right: 10px;
position: relative;
left: 0px;
top: 5px;
height:20px;

width:270px;
background-color:black;

font-family: arial;
font-size:21px;
color:white;
font-weight: bold;
text-align: left;
}


#lokiField2
{

//display:block;
float:left;
margin-left: 10px;
//margin-right: 10px;
position: relative;
left: 0px;
top: 10px;
height:20px;

width:230px;
background-color:black;

font-family: arial;
font-size:12px;
color:white;
font-weight: bold;
text-align: left;
}


#lokiEditSend2
{

display:block;
float:none;
position:relative;
margin-right:10px;
top: 8px;
//left: 30px;
height:20px;
width:45px;
background-color:#808080;
text-align: center;
font-family: Arial;
font-weight: bold;
color:white;
font-size: 14px;
border:0px;

}

#lokiEdit
{

//display:block;
float:right;
margin-right: 10px;
//margin-right: 10px;
position: relative;
left: 0px;
top: 17px;
height:15px;

width:20px;
background-color:black;

font-family: arial;
font-size:14px;
color:white;
font-weight: bold;
text-align: center;
}

#lokiEdit2
{

background-color:#EC58F4;
color:white;
float:right;
font-family:arial;
font-size:14px;
font-weight:bold;
height:20px;
margin-right:10px;
position:relative;
right:54px;
text-align:center;
top:-12px;
width:184px;
border:0px;
}



#header2
{
margin:auto;
//margin-top:10px;
margin-top: 0px;
width:770px;
height:500px;
background-color:transparent;
border-color:#307BC1;
/*
border-width: 3px;
border-style: solid;
*/
}

#mapHeader
{
margin:auto;
float:right;
margin-top: -5px;
width:500px;
height:50px;
background-color:black;
/*
border-color:#307BC1;
border-width: 3px;
border-style: solid;
*/
}

#mapHeaderText
{
margin:auto;
float: left;
//margin-top: 3px;
margin-left:10px;
width:400px;
height:40px;

background-color:transparent;
text-align: left;
font-family: arial;
font-size: 40px;
font-weight: bold;
color:white;
}

#map
{
margin:auto;
float: right;
margin-top: 10px;
width:500px;
height:370px;

background-color:transparent;
/*
border-color:#307BC1;
border-width: 3px;
border-style: solid;
*/
}

#divTabs
{
margin:auto;
float: left;
margin-top: -5px;
margin-left:0px;
width:250px;
height:50px;

background-color:black;
/*
border-color:#307BC1;
border-width: 3px;
border-style: solid;
*/
}

#divBox
{
margin:auto;
float: left;
margin-top: 10px;
margin-left:0px;
width:250px;
height:370px;

background-color:#808080;
/*
border-color:#307BC1;
border-width: 3px;
border-style: solid;
*/
}

#divBoxHeader
{
margin:auto;
float: left;

width:240px;
height:30px;

background-color:black;


text-align: left;
padding-left: 10px;
padding-top: 3px;
font-family: arial;
font-size: 21px;
//font-weight: bold;
color:white;


}


#tabGreen
{
margin:auto;
float: left;
margin-left:10px;
margin-bottom: 10px;
margin-top: 10px;
width:70px;
height:30px;
background-color:#74C644;

}

#tabGreenText
{
margin:auto;
float: left;
width:70px;
height:30px;
background-color:transparent;
text-align: center;
font-family: arial;
font-size: 24px;
font-weight: bold;
color:black;

}

#tabYellow
{
margin:auto;
float: left;
margin-left:10px;
margin-bottom: 10px;
margin-top: 10px;
width:70px;
height:30px;
background-color:#FFFA73;

}

#tabYellowText
{
margin:auto;
float: left;
width:70px;
height:30px;
background-color:transparent;
text-align: center;
font-family: arial;
font-size: 24px;
font-weight: bold;
color:black;

}

#tabBlue
{
margin:auto;
float: left;
margin-left:10px;
margin-bottom: 10px;
margin-top: 10px;
width:70px;
height:30px;
background-color:#307BC1;

}

#tabBlueText
{
margin:auto;
float: left;
width:70px;
height:30px;
background-color:transparent;
text-align: center;
font-family: arial;
font-size: 24px;
font-weight: bold;
color:black;

}


#firstnameBox
{
//display:block;
float:left;
margin-left:15px;
margin-top: 0px;

height:20px;
width:220px;
background-color:white;
color:black;

}

#registerText
{
margin:auto;
float: left;
margin-left: 15px;
margin-top: 3px;
width:70px;
height:20px;
background-color:transparent;
text-align: left;
font-family: arial;
font-size: 14px;
//font-weight: bold;
color:white;

}

#lastnameBox
{
//display:block;
float:left;
margin-left:15px;
margin-top: 0px;

height:20px;
width:220px;
background-color:white;
color:black;

}


#emailBox
{
//display:block;
float:left;
margin-left:15px;
margin-top: 0px;

height:20px;
width:220px;
background-color:white;
color:black;

}


#passwordDivBox
{
//display:block;
float:left;
margin-left:15px;
margin-top: 0px;

height:20px;
width:220px;
background-color:white;
color:black;


}


#mobileBox
{
//display:block;
float:left;
margin-left:15px;
margin-top: 0px;

height:20px;
width:220px;
background-color:white;
color:black;

}


#faceBox
{
background-color:white;
color:black;
font-family:arial;
font-size:10px;
font-weight:bold;
height:65px;
left:-70px;
position:relative;
text-align:center;
top:237px;
width:65px;
}



#registerSubmitBox
{
//display:block;
float:right;

margin-right:15px;
margin-top: -30px;
//top:10px;
left:40px;
height:30px;
width:80px;
background-color:black;
color:black;

}

 #registerSubmitBoxText 
 {
background-color:black;
color:white;
font-family:arial;
font-size:23px;
font-weight:bold;
height:30px;
left:-20px;
position:relative;
text-align:center;
top:208px;
width:80px;
border:0px;
}


 
#femaleBox 
{
background-color:#EC58F4;
color:black;
font-family:arial;
font-size:10px;
font-weight:bold;
height:17px;
left:-62px;
position:relative;
text-align:center;
top:220px;
width:49px;
border: 0px;
}

  
#maleBox 
{
background-color:#307BC1;
color:black;
font-family:arial;
font-size:10px;
font-weight:bold;
height:17px;
left:-52px;
position:relative;
text-align:center;
top:220px;
width:17px;
}


A:link {text-decoration: none; color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none; color: black;}
A:hover { text-decoration: none; font-weight:bold; color: #307BC1;}

.flv:link {
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}
.flv:visited {
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}
.flv:hover {
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}
.flv:active {
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

.tip {
background:#000000;
border-color:#000000;
border-style:solid;
border-width:thin;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding:5px;
}