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


*	{
margin:0;
padding:0;
outline:none;
}

body	{
margin:0 auto;
background-color:#FFFFFF;
}

#wrapper	{
margin:5px auto;
width:1024px;
height:100%;
}

#topnav	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
list-style-type:none;
padding:5px 10px 0px 8px;
width:1024px;
height:130px;
border:none;
position:relative;
}

#topnav #logo {
background-image:url(../images/streetscape_mainlogo.png);
background-repeat:no-repeat;
height:129px;
width:520px;
float:left;
}

#topnav #buttons{
float:left;
margin: 10px 0px 0px 70px;
}

#topnav #buttons #about{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
background-image:url(../images/about_btn.png);
background-repeat:no-repeat;
margin-left:8px;
width:95px;
height:65px;
float:left;
}

#topnav #buttons #contact{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
background-image:url(../images/contact_btn.png);
background-repeat:no-repeat;
width:102px;
height:65px;
float:left;
}

#topnav #buttons #login{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
background-image:url(../images/login_btn.png);
background-repeat:no-repeat;
margin-left:1px;
width:101px;
height:65px;
float:left;

}

#topnav #buttons #register{
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
background-image:url(../images/register_btn.png);
background-repeat:no-repeat;
margin-left:2px;
margin-right:5px;
width:100px;
height:65px;
float:left;
}

#topnavbar {
background-image:url(../images/green_navbar.png);
background-repeat:no-repeat;
width:1023px;
height:114px;
position:relative;
}


#topnavbar #nav2	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin:50px 0px 0px 18px;
float:left;
position:relative;

}

#nav2 #homebtn{
background-image:url(../images/home_btn.png);
background-repeat:no-repeat;
width:91px;
height:41px;
float:left;
position:relative;
}

#nav2 #advbtn{
background-image:url(../images/advsearch_btn.png);
background-repeat:no-repeat;
width:167px;
height:42px;
float:left;
position:relative;
}

#nav2 #mapbtn{
background-image:url(../images/mapsearch_btn.png);
background-repeat:no-repeat;
width:162px;
height:43px;
float:left;
position:relative;
}

#topnavbar #nav3	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin:15px 0px 0px 170px;
float:left;
position:relative;
}

#nav3 #myfairbtn{
background-image:url(../images/myfairmap_btn.png);
background-repeat:no-repeat;
width:133px;
height:70px;
float:left;
position:relative;
}

#nav3 #wikibtn{
background-image:url(../images/fairmapwiki_btn.png);
background-repeat:no-repeat;
width:140px;
height:70px;
float:left;
position:relative;
}

#nav3 #tagsbtn{
background-image:url(../images/fairmaptags_btn.png);
background-repeat:no-repeat;
width:130px;
height:70px;
float:left;
position:relative;
}

#navcontainer
{
margin: 0px auto;
padding-bottom: 10px;
position:relative;
}

#navcontainer ul
{
margin:15px 15px 0px 15px;
padding-bottom: 10px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
text-decoration: none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
background:url(../images/tab.png) no-repeat;
font-size: .9em;
float: left;
margin: 0px;
height: 30px;
width: 176px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
text-align:center;
color:#036;
list-style-type: none;
}

#navcontainer li a:hover
{
background:url(../images/hover_tab.png) no-repeat left top;
color: #000000;
}

#contentcontainer{
margin:0px auto;
width:1024px;
height:100%;
}

#content	{
margin-top:15px;
width:1024px;
position:relative;
}

#editcontent {
margin:10px 10px;
padding:0px;
float:left;
width:360px;
height:340px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#1F3578;
text-align:right;
}

#footer	{
margin:10px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
text-align:center;
font-size:8px;
color:#000000;
line-height:10px;
position:relative;
}


#buttons a{
color:#000000;
}


#buttons a:visited{
color:#1F3578;
}

#buttons a:hover{

color:#FF7C2B;
}


#buttons a:active{
color:#73F2DE;
}

#buttons #about a{
float:left;
margin-top: 19px;
padding-left:24px;
text-align:center;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;

}



#buttons #contact a{
float:left;
margin-top: 19px;
padding-left:25px;
text-align:center;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;

}

#buttons #login a{
float:left;
margin-top: 19px;
padding-left:30px;
text-align:center;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;

}

#buttons #register a{
float:left;
margin-top: 19px;
padding-left:23px;
text-align:center;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;

}

#nav2 a{
color:#1F3578;
}


#nav2 a:visited{
color:#000000;
}

#nav2 a:hover{
color:#FF7C2B;
}

#nav2 a:active{
color:#73F2DE;
}

#nav2 #homebtn a{
margin:19px 0px 10px 5px;
float:left;
padding-left:40px;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;

}

#nav2 #advbtn a{
margin:19px 0px 10px 5px;
float:left;
padding-left:30px;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;

}

#nav2 #mapbtn a{
margin:19px 0px 10px 5px;
float:left;
padding-left:30px;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
}

#nav3 a{
color:#1F3578;
}

#nav3 a:visited{
color:#000000;
}

#nav3 a:hover{
color:#FF7C2B;
}

#nav3 a:active{
color:#73F2DE;
}

#nav3 #myfairbtn a{
float:left;
margin-top:65px;
padding-left:20px;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:18px;
}

#nav3 #wikibtn a{
float:left;
margin-top:65px;
padding-left:20px;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:18px;
}

#nav3 #tagsbtn a{
float:left;
margin-top:65px;
padding-left:20px;
text-decoration:none;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:18px;
}


ul{
text-decoration:none;
list-style-image:none;
list-style:none;
}

li{
list-style-image:none;
list-style:none;
}

p	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
padding:5px 0px 0px 8px;
}

#rectangle {
}

#register1{
margin:10px 10px;
padding:0px;
float:left;
width:330px;
height:340px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#1F3578;
text-align:right;
}

#registerimage {
margin:50px 50px;
padding:0px;
float:left;
width:350px;
height:355px;
background-image:url(../images/orangesquare_gradient.jpg);
background-repeat:no-repeat;
background-position:center;
}

#gallery1{
margin:10px 10px;
padding:0px;
float:left;
width:330px;
height:340px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#1F3578;
text-align:right;
}

#galleryimage {
margin:50px 50px;
padding:0px;
float:left;
width:350px;
height:355px;
background-image:url(../images/orangesquare_gradient.jpg);
background-repeat:no-repeat;
background-position:center;
}

#editimage {
margin:50px 50px;
padding:0px;
float:left;
width:470px;
height:355px;
background-image:url(../images/orangesquare_gradient_long.jpg);
background-repeat:no-repeat;
background-position:center;
}

#signin {
margin:0px 20px;
padding:0px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1F3578;
text-align:center;
}

#whyreg{
margin:50px 50px;
padding:0px 0px 0px 50px;
float:left;
width:350px;
height:500px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
text-align:justify;
color:#1F3578;
}

#admin_bkgrd {
background-image:url(../images/adminbakgrnd_shape.jpg);
background-repeat:no-repeat;
margin:10px 0px;
padding:10px;
float:left;
width:1024px;
height:500px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
color:#1F3578;
}

#welcome {
margin:50px 30px;
padding:10px;
float:left;
width:500px;
height:340px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
color:#1F3578;
}

#welcomeright {
margin:0;
padding:0;
float:left;
width:524px;
height:340px;
background-image:url(../images/welcomerightimage.jpg);
background-color:#F5F6F7;
}

#content2 {
margin:50px 50px;
padding:10px;
float:left;
width:500px;
height:340px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
color:#1F3578;
}

#content3 {
margin:10px 10px;
padding:0px;
float:left;
width:330px;
height:340px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#1F3578;
text-align:right;
}

#content4 {
margin:10px 10px;
padding:0px;
float:left;
width:330px;
height:340px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#1F3578;
text-align:right;
}

#confirmupload{
margin:50px 0px;
padding:10px;
float:left;
width:450px;
height:340px;
float:left;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
color:#1F3578;
}

#popoutbox {
margin:0px;
padding:10px;
width:1024px;
height:768px;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
color:#1F3578;
background-color:#CCCCCC;
}