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

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, form, label {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
fieldset {
padding: 0;
padding-left:5px;
margin-top:10px;
}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	line-height:1.5em;
    color:#434343;

	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/******************** Basic Styles ************************/

body{
background:url(../images/bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#container{
width:1000px;
margin:0 auto;
background:url(../images/container-bg.jpg) repeat-x;
}

#header{
height:98px;
width:954px;
margin:0 auto;
}

#nav{
width:954px;
height:32px;
margin:0 auto;
}

#content{
position:relative;
width:924px;
height:auto;
margin:0 auto;
margin-top:15px;
margin-bottom:15px;
}

#footer{
width:100%;
height:40px;
background-color:#343434;
color:#FFFFFF;
text-align:center;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#434343;
padding:8px 0;
}

h2{
font-size:16px;
font-weight:bold;
}

p{
line-height:1.5em;
color:#434343;
margin-bottom:10px;
margin-left:10px;
}

#content a
{
color:#434343;
}
#content a:hover
{
 font-weight: bold;
}

li{
background:url(../images/list-bg.jpg) no-repeat 15px 2px;
padding: 0 0 5px 35px;
}

/******************** Content Styles ************************/

#logo{
position:absolute;
width:438px;
height:86px;
margin:14px 0 0px 0;
background:url(../images/logo.jpg) no-repeat;
}

#logo a{
display:block;
width:438px;
height:86px;
}

#logo h1{
text-indent:-9999px; background:none;
}

#top-nav-main{
float:right;
width:auto;
height:31px;
margin-top:7px;
margin-right:20px;

}

#top-search-main{
float:right;
width:auto;
height:31px;
margin-top:7px;
margin-right:20px;
}

#top-nav{
background:url(../images/top-nav-bg.jpg) repeat-x;
float:left;
width:auto;
height:31px;
font-weight:bold;
}

#top-nav li{
/*padding:8px;*/
padding: 8px 4px 8px 4px;
float:left;
background:none;
color:#363f4b;
font-weight:bold;
}

#top-nav li a{
color:#363f4b;
font-weight:bold;
text-decoration:none;
}

#top-nav-left{
float:left;
width:15px;
height:31px;
background:url(../images/top-nav-leftbg.jpg) no-repeat;
}

#top-nav-right{
float:left;
width:15px;
height:31px;
background:url(../images/top-nav-rightbg.jpg) no-repeat;
}

#nav ul{
margin-left:45px;
}

#nav li{
color:#FFFFFF;
line-height:1.5em;
float:left;
padding:0 10px 0 10px;
margin-top:5px;
font-size:14px;
background:none;
}

#nav li a{
text-decoration:none;
color:#FFFFFF;
}

#nav li a:hover{
color:#d7d7d7;
}

#nav #current{
color:#d7d7d7;
}

.nav-divider{
background:url(../images/nav-divider.jpg) no-repeat center center !important;
width:2px;
height:24px;
}

.home-left-part{
width:462px;
}

/***********Home Page Three Panels Style ***********/

.panelFirst, .panelSecond, .panelThird{
float:left;
width:290px;
margin:5px;
padding:3px;
}

* html .panelFirst, * html .panelSecond, * html .panelThird{
padding:2px;
}

.panelFirst{
border:#a4a4a4 1px solid;
background:url(../images/grayPanel-bg.jpg) repeat;
}
.panelSecond{
border:#9cd023 1px solid;
background:url(../images/greenPanel-bg.jpg) repeat;
}
.panelThird{
border:#a4a4a4 1px solid;
background:url(../images/grayPanel-bg.jpg) repeat;
}

.panelFirst h2,.panelThird h2{
background:url(../images/h2gray-bg.jpg) repeat-x;
width:275px;
height:32px;
color:white;
padding-left:15px;
font-size:16px;
line-height:1.8em;
}
.panelSecond h2{
background:url(../images/h2green-bg.jpg) repeat-x;
width:275px;
height:32px;
color:white;
padding-left:15px;
font-size:16px;
line-height:1.8em;
}

.panelFirst p, .panelSecond p, .panelThird p{
margin:10px;
}

a.read_more{
/*text-decoration:none;*/
float:right;
margin-right:10px;
color:#79a020;
padding-bottom:5px;
}

a:hover.read_more{
color:#666666;
}

/***********Home Page Three Panels Style Ends ***********/




#home-bottom-list{
width:914px;
height:540px;
margin: 0 auto;
margin-top:5px;
border:#a4a4a4 1px solid;
 background-color: #ddf5a6;
color:#2d3e04;
}

#home-bottom-list h2{
margin: 10px 5px 5px 15px;
}

#left-part-bottom{
height:100px;
width:300px;
float:left;
background:url(../images/bottom-list-bg2.jpg) ;
}

#right-part-bottom{
height:80px;
width:593px;
float: left;
padding: 10px 10px 10px 10px;
border: 0px solid black;
}

#home-bottom-list a.read_more{
margin-top:15px;
}

#map_outer_canvas
{
float: left;
margin: 0;
width: 912px; 
background-color: White;
border: 1px solid black;
}

#map_outer_canvas_small
{
float: left;
margin: 0;
width: 450px; 
background-color: White;
border: 1px solid black;
}

.RedFont
{
color: #ff3333;
}

#map_canvas
{
float: left;
margin: 0;
padding: 0;
width: 912px; 
height: 428px; 
}

#map_canvas_small
{
float: left;
margin: 0;
padding: 0;
width: 450px; 
height: 300px; 
}

#right-part-list ul{
float:left;
padding:10px 10px 0px 15px;
}

#right-part-list li{
line-height:1.5em;

}

#footer p{
padding-top:10px;
color:#FFFFFF;
}

.clear{
clear:both;
}

/********* Form Styles **********/


#formGray{
float:left;
width:454px;
}
.formGrayTop{
width:454px;
height:13px;
background:url(../images/formGrayTop.jpg) no-repeat;
}
.formGrayBottom{
width:454px;
height:12px;
background:url(../images/formGrayBottom.jpg) no-repeat;
}
.formGrayContent{
padding:6px 0px 10px 8px;
margin-top:-3px;
width:454px;
background:url(../images/formGrayMiddle.jpg) repeat-y;
}

#formGreen{
float:right;
width:454px;
}
.formGreenTop{
width:454px;
height:9px;
background:url(../images/formGreenTop.jpg) no-repeat;
}
.formGreenBottom{
width:454px;
height:12px;
background:url(../images/formGreenBottom.jpg) no-repeat;
}
.formGreenContent{
padding:6px 0px 10px 8px;
margin-top:-3px;
width:454px;
background:url(../images/formGreenMiddle.jpg) repeat-y;
}

fieldset
{
border: 1px solid #bfe071;
width: 425px;
padding-bottom:10px;
}

.fieldsetBlue{
border: 1px solid #bdc1d0;
}

legend
{
font-size:24px;
padding: 4px 10px;
} 

.legendBlue
{
color: #585858;
border:0px solid #bdc1d0
} 

.legendGreen{
color: #80a725;
border:0px solid #bfe071;
}

.cssform p{
width: auto;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 160px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
display:block;

float: left;

margin-left: -165px; /*width of left column*/
width: 145px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:right;
}

* html .cssform label{
margin-left: -80px; /*width of left column*/
padding-right:10px;
}


.cssform input[type="text"], .cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

* html .cssform input{
width:180px;
}

* html .cssform input.checkbox{
width:15px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.button
{
width:80px !Important;
margin-left: 1.0em;
color: #679022;
background: #edfad7;
border: 1px solid #679022
} 

* html .button{
margin-left:1.0em;
}

.formMsg{
font-weight:bold;
font-size:11px;
margin-left:15px;
color:#6a6a6a;
}

.smallInput input[type="text"]{
width:80px;
float:left;
}

label.labelTo{
float:left;
width:20px;
margin-left:2px;
padding-right:5px;
}

* html .cssform .toInput, * html .cssform .fromInput {
width:80px;
float:left;
}



* html label.labelTo{
margin-left:5px;
}

/***** Xtra Content ******/


.PicOfTheDay{
float:right;
width:390px;
margin:5px;
padding:3px;
border: 3px solid #6f6f6f;
border:#a4a4a4 1px solid;
background:url(../images/grayPanel-bg2.jpg) repeat;
 background-color: #e6f8be;
 text-align: center;
}

.PicOfTheDay h2{
background:url(../images/h2gray-bg.jpg) repeat-x;
width:375px;
height:32px;
color:white;
padding-left:15px;
font-size:16px;
line-height:1.8em;
}

.PicOfTheDay p{
margin:10px;
}

.WholePageWide
{
    float:left;
    width:900px;
    margin: 0 auto;
    margin:5px;
    padding:3px;
}

.WholePageWide h2
{
margin: 10px 5px 5px 15px;
}

.MyBuddies{
float:right;
width:265px;
height: 360px;
overflow: auto;
margin:5px;
padding:3px;
border: 3px solid #6f6f6f;
border:#a4a4a4 1px solid;
background:url(../images/grayPanel-bg2.jpg) repeat;
 background-color: #e6f8be;
}

.MyBuddies h2{
background:url(../images/h2gray-bg.jpg) repeat-x;
width:250px;
height:32px;
color:white;
padding-left:15px;
font-size:16px;
line-height:1.8em;
}

.MyBuddies p{
margin:10px;
}

.SearchBuddiesBox{
float: left;
width:610px;
height: 360px;
margin:5px;
padding:3px;
border: 3px solid #6f6f6f;
border:#a4a4a4 1px solid;
background:url(../images/grayPanel-bg2.jpg) repeat;
 background-color: #e6f8be;
}

.SearchBuddiesBox h2{
background:url(../images/h2gray-bg.jpg) repeat-x;
width:595px;
height:32px;
color:white;
padding-left:15px;
font-size:16px;
line-height:1.8em;
}

.SearchBuddiesBox p{
margin:10px;
}

.TextBoxValueDefault{
color: Gray;
}
.TextBoxValueNormal{
color: Black;
}

.SearchTabs{
padding: 5px 0 5px 5px;
font-size:14px;
}

.floatLeft{
float: left;
line-height:1.5em;
}

.floatRight{
float: right;
line-height:1.5em;
}

.galaxyImg{
padding: 5px;
float:right;
padding: 0 7px 0 7px;
}

.floatRight{
float:right;
}

.subHeading{
padding: 5px 0 0 0;
font-size:16px;
line-height:0.5em;
font-weight: bold;
}

.MapPopUp
{
padding: 0;
font-size:12px;
line-height:1.3em;
}

.MapPopUpImage
{
 margin: 0 5px 0 0;
 float: left;
}

.Padding5{
padding: 5px;
}

.Padding5 td{
padding: 5px; 
border: 0px solid black;
}

.Padding10{
padding: 10px;
}

.SearchResults{
padding: 5px 0 0 5px;
}

.SearchResults td{
vertical-align: top;
}

.clearRight{
clear:right;
}

.clearLeft{
clear:left;
}