body
{
    text-align: center;
    font-family: Arial;
    background-image:url('/Theme/SeeTheSights/stsbg.png');
    margin-top: 30px;
    background-attachment:fixed;
}

#page {
    width: 1000px;
    margin: auto;
    text-align: left;
    background-image:url('/Theme/SeeTheSights/pagebg.png');	
    background-repeat: repeat-y;    
    border: 1px solid #034569;
}

h1 { font-family: Myriad Pro; font-style: italic; font-size: 1.3em; color: #1b304e; padding-bottom: 5px;}
h2 { font-family: Myriad Pro; font-style: italic; font-size: 1.1em; color: #1b304e; padding-bottom: 5px;}

a, a:visited, a:active { color: #4785c7; font-weight: bold; text-decoration: none;}
a:hover { color: #1b2f4f; text-decoration: underline;}

#headerarea 
{
    background-image:url('/Theme/SeeTheSights/headerbg.png');	
    background-repeat: repeat-y;
    background-color: #071739;
    color: #fff;
    min-height: 140px;
    height: 140px;
    position: relative;
}

#footerarea { 
    background-color: #034569; 
    min-height: 30px; 
    color: #fff; 
    font-size: 0.8em;
    padding: 5px;
}

#footerarea a { color: #fff; text-decoration: none; }
#footerarea a:hover { text-decoration: underline; }

#article
{

}

#content {
    min-height: 700px;
    padding: 15px;
    font-size: 0.8em;
}

#content p { color: #444; line-height: 16px;}
#content div { color: #444; line-height: 16px;}
#content li { color: #444;}

.CATEGORY 
{
	margin-right: 200px;
}

#rightarea 
{
	margin-top: 30px;
	margin-right: 50px;
	display: inline;
	float: right;
}

#menuarea {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    height: 40px; 
    font-size: 0.8em; 
    font-weight: bold;
    text-align: center;
    background-image:url('/Theme/SeeTheSights/navbg.png');	
    background-repeat: repeat-x;
}

#tabs 
{
    font-size: 0.9em;
    position: absolute;
    top: 120px;
    right: 20px;
    margin-right: 5px;
}
#tabs a { color: #000; text-shadow: 1px 1px 1px #ccc; }
#tabs a:hover { color: #fff; text-shadow: 1px 1px 1px #000; }
#tabs span 
{
    padding: 8px;
    background-color: #f0a100;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}

#menu {
    padding: 0px;
    margin:0px;
    margin-left: 0px;
    z-index: 99;
}

#menu li a 
{
	text-decoration: none;
    color: #000;
}

#menu li a:hover {
    color: #fff;
}

#menu li:hover { }

.firstitem {     
    display: inline;
    color: #000;
    float: left;
    height: 20px;
    padding: 5px;
    width: 110px; }

.submenu {
    position: absolute;
    margin-top: 0px;
    vertical-align: middle; 
    background-color: #ecd700;
    padding: 0px;
    border: 1px solid #000;
    margin-left: 10px;
    z-index: 99;
    background-image:url('/Theme/SeeTheSights/navbg.png');	
    background-repeat: repeat-x;    
}
.submenu li {
    padding-top: 5px;
    display: block;
    height: 25px; 
    color: #000;
    width: 200px;
    vertical-align: middle;
    z-index: 99;
}

.inputbox 
{
    font-family: Arial;
    font-size: 0.9em;
    background-color: #ddd;
}

#userrating {
    text-align: center;
    color: #086ca2;
    font-size: 1.4em;
    font-weight: bold;
}

#social 
{
    font-size: 0.7em;
    top: -140px;
    width: 900px;
    margin: auto;
    position: relative;
    border: 0px solid #000;
}
#social img { border: 0px; height: 16px; padding-top: 13px; top: 3px; position: relative;}
#social span {width: 150px; border: 0px solid #000; height: 16px;}
#social a:hover { color: #000;}

#attraction a 
{
	color: #39576f;
	text-decoration: none;
}

#leftarea 
{
	float: right;
}

#attraction p
{
	letter-spacing: 0.9px;
	line-height: 17px;
	font-size: 0.9em;
	color: #444;
}

.articleheader h2 
{
	font-size: 1.1em;
	padding: 4px; 
	padding-left: 10px;
	margin: 0px;
	color: #fff;
	text-shadow: 1px 1px 1px #666666;
}

attractionblock 
{
	margin-bottom: 5px;
}

.articleheader 
{
    background-image:url('/Theme/SeeTheSights/blockheader.png');	
    background-repeat: repeat-x; 	
	background-color: #7d7d7d;
	cursor: pointer;
}

.icons 
{
    background-image:url('/Theme/SeeTheSights/iconsbg.png');	
    background-repeat: no-repeat;
    background-position: 130px 20px;
    
}

.reqd 
{
    background-image:url('/Theme/SeeTheSights/required.gif');	
    background-repeat: no-repeat;    
    background-position: top right;
}

	.txt 
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color: #d6e5f4;
	    padding: 5px;
	    border: solid 1px #85b1de;
	    /*background-image: url( 'blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;	   */
	    margin-bottom: 5px; 
	}
	
	.txt:focus 
	{
		background-color: #fff;
		color: #000;
	}
	
.button 
{
	position: relative;
	background-color: #3E8C2A;
	font-weight: bold;
	color: #fff;
	width: 120px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	padding: 5px;
	margin: 1px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;	

	/* Recent browsers */
	background: -moz-linear-gradient(
		top,
		#00B815,
		#009111
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#00B815),
		to(#009111)
	);
	text-shadow: black 0.1em 0.1em 0.2em;

     -moz-box-shadow: 2px 2px 3px #ddd; /* FF3.5+ */
  -webkit-box-shadow: 2px 2px 3px #ddd; /* Saf3.0+, Chrome */
          box-shadow: 2px 2px 3px #ddd; /* Opera 10.5, IE 9.0 */
  		
	
	
}		

.errormessage 
{
    color: red;
    border: 1px solid red;
    padding: 5px; margin: 5px;
}
#searchwrapper 
{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 200px;
}
#searchbox 
{
    width: 550px;
    margin: auto;
    border: 1px solid #000;
    padding: 20px;
    background-color: #fff;
}
#cse-search-result 
{
    margin-left: 20px;
}