/*******************************************************
                EAST BURWOOD TRAVEL MAIN CSS

					 TABLE OF CONTENTS                 
1.RESET
2.TYPOGRAPHY
3.POSITIONING
4.LISTS
5.TABLES
6.IE FIXES
7.3RD PARTY

*********************************************************/

/********************************************************/
/*                 		1. RESET			            */
/********************************************************/

* {
	margin: 0;
	padding: 0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* W00t clean slate */



/********************************************************/
/*                    2. TYPOGRAPHY                     */
/********************************************************/

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	padding: 0px;
	color: #000;
	line-height: 1.3em; 
}



body a:link{color:green; text-decoration: none;} 
body a:active{color:black;} 
body a:visited{color:green; text-decoration: none;}
body a:hover{color:black;}

div.sidebarbody a:link{color:#7e250f; text-decoration: none; font-style: normal;}
div.sidebarbody a:visited{color:#7e250f; text-decoration: none; font-style: normal;}
div.sidebarbody a:active{color:black;} 
div.sidebarbody a:hover{color:black;}

 table.contactus a:link{color:black; text-decoration: none; font-style: normal;}
 table.contactus a:visited{color:black; text-decoration: none; font-style: normal;}
 table.contactus a:active{color:black;} 
 table.contactus a:hover{color:black;}

div.topicslarge a:link{color:black; text-decoration: none; font-style: normal;}
div.topicslarge a:visited{color:black; text-decoration: none; font-style: normal;}
div.topicslarge a:active{color:black;} 
div.topicslarge a:hover{color:black;}

div.morebutton a:link{color:#7e250f;; text-decoration: none; font-style: normal;}
div.morebutton a:visited{color:#7e250f; text-decoration: none; font-style: normal;}
div.morebutton a:active{color:black;} 
div.morebutton a:hover{color:black;}

div.subheading a:link{color:black; text-decoration: none; font-style: normal;}
div.subheading a:visited{color:black; text-decoration: none; font-style: normal;}
div.subheading a:active{color:black;} 
div.subheading a:hover{color:black;}


div.sidebarbody{
	text-align:right;
}

div.footer, div.morebutton{
	text-align: center;
}

div.topicheading{
	line-height: 1.3em;	
}

div.bulletpointdeals{
	line-height: 1.8em;
}

div.subheading{
	line-height: 33px;		
}

div.footer{
	font-size: 11px;
}

div.topicssmall, div.writingsmall{
	font-size: 11px;
}

div.sidebarbody{
	font-size: 12px;
}

div.bulletpointdeals{
	font-size: 15px;
}

div.topicslarge{
	font-size: 16px;
}

div.subheading{
	font-size: 18px;
}

div.cruiseheading{
	font-size: 22px;
}

div.topicheading{
	font-size: 26px;
}

div.sidebarbody, div.morebutton, #stylized2, #stylized, div.emphasis, div.topics, div.topicsnorm, div.topicssmall, div.topicslarge, div.subheading, div.nights{
	font-family : Arial, Helvetica, sans-serif; 
}

div.emphasis, div.redstar, div.numbers{
	display: inline;
}

div.pg, div.topics, div.topicsnorm, div.topicssmall, div.topicslarge{
	display: block;
}

div.pg{
	padding-bottom:20px;
}
div.numbers{
	padding-right:4px;
}

div.cruiseheading{
	margin-bottom: -40px;
}

div.topics, div.topicsnorm, div.topicssmall, div.topicslarge{
	margin-top: 20px;
}

div.topicheading, div.morebutton, div.sidebarbody, div.topics, div.topicsnorm, div.topicssmall, div.topicslarge, div.subheading, div.nights{
	font-weight: bold;
}

div.introtext, div.italic{
	font-style: italic;
}

div.redstar{
	color: red;
}

div.topicheading{
	z-index:1000;
}

h2{
	z-index: 1000;
}

/********************************************************/
/*                      3. POSITIONING	                */
/********************************************************/

/*******************************3.1**GENERIC STUFF******************************/

html, body{
	padding: 0px;
	margin: 0px;	
	background: #283E24 url(../images/bg5.jpg) no-repeat center top;
	background-repeat: repeat-x;
}

div.alignright {
	float: right;
}

div.uptwenty{
	top: -30px;
	position: relative;
}

div.center{
	margin-right:auto;
	margin-left:auto;
}

/*******************************3.2**LAYOUT STUFF******************************/



div.top_container{
	padding-bottom: 0px;
	height: 87px;
	width: 760px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
}

a#homelink {
	position: absolute;
	top: 0px;
	width: 200px;
	height: 100px;
	background: transparent;
}





div.tab_container{
	position: relative;
	width:760px;
	height:29px;
	left:-24px;	
	top: -10px;
	background-color: transparent;
	margin-right:auto;
	margin-left:auto;
}

#currenttab
{
	text-align: center;
	height: 31px;
	float: left;
	left: 30px;
	position: relative;
	padding: 7px 0px 0px 0px;	
}

div.tabs a{
	text-align: center;
	height: 30px;
	float: left;
	left: 30px;
	position: relative;
	padding: 7px 0px 0px 0px;
}


#top_panorama{
	position: relative;
	width: 760px;
	height:180px;
	margin-bottom: -2px;  	
	margin-top:-12px;
	padding-top:0px;
	border-bottom:1px solid #999999;
	z-index: 300px;
}

div.topmain{
	background-image: url(../images/gradienttop.gif);
	background-repeat: repeat-x;
	width:760px;
	height:30px;
	left:0px;
	padding-top: 0px;
}

#main_container{
	background-image: url(../images/mainbg.gif);
	background-repeat: repeat-y;
	top:0px;
	left:3px;
	width: 760px;
	height:100%;
	padding-bottom: 30px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	background-color:white;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.footer1{
	height: 30px;
	width: 760px;
	position: relative;
	left:2px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	margin-top: 0px;
	margin-right:auto;
	margin-left:auto;
	background-image: url(../images/footer.jpg);
}

div.footer2{
	left:2px;
	height: 90px;
	width: 760px;
	background-color: #152B0A;
	margin-top: 5px;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #999999;
	position: relative;
	margin-bottom: 5px;
}



div.footer{
	position: relative;
	float: left;
	padding: 10px;
}

/*******************************3.3**OTHER STUFF******************************/


div.maintext_container{
	padding:0px 60px 60px 20px;	
	margin-bottom: 60px;
}

div.localposition{
	width: 760px;
	float:left;
	height: 20px;
	padding-top:0px;
	padding-left:10px;
}

div.sidebar{
	position:relative;
	float:right;
	width:176px;
	right: -25px;
	z-index:10;
	top: -50px;
	margin-bottom: -50px;
}


#sidebartitle{
	position:relative;
	float:right;
	width:194px;
}

div.sidebarbody{
	background-color: #EEE0D4;	
	position:relative;
	float:right;
	width:176px;
	border-bottom:2px solid #402F00;
	border-left:1px solid #402F00;
	border-right: 1px solid #402F00;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.col1{
	padding-left: 10px;
	margin-right: 40px !important;
    padding-right: 40px !important;
	background-image: url(../images/bgcol1.gif);
	float: left;
	width: 270px;
	position: relative;
	text-align: left;
}

div.col2{
	margin-top: 0px;
	padding: 0px;
	float: right;
	width: 270px;
	text-align: left;
	position: relative;
	display: inline;
}


div.twothirds_container{
	width: 500px;
	float:left;
	display:block;
	position: relative;
	top:-25px;
}

div.heading_container{
	width:500px;
}

div.offer_container{
	padding-bottom: 10px;
	padding-left: 0px;
	position: relative;
	width:270px;
	float:left;
	z-index:100;
	
}

div.box_container{
	border: 2px solid #39772d; 
	background:#eafddd ;
	padding: 0px 20px 20px 20px;
	margin:20px 3px 3px 3px;
}

div.box_container2{
	float:left;
	border: 1px solid #000; 
	padding: 0px 10px 10px 0px;
	margin:20px 3px 3px 3px;
	width: 480px;
}

div.box_writingcontainer{
	float:right;
	display:inline;
	margin-right: -30px;
	width: 340px;
}

div.morebutton{
	background: #fcf3e6;
	width:65px;
	border-top:1px solid #402F00;	
	border-bottom:2px solid #402F00;
	border-left:1px solid #402F00;
	border-right: 1px solid #402F00;	float: right;
	padding:1px;
	color: 283E24;
	margin-top: 8px;
	display: block;
}

div.admin_button{
	width: 700px;
	padding: 20px;
	display: block;
	float: left;
	font-size: 14px;
}

div.iframecontainer{
	float:left;
	display:block;
	margin-left:-88px;
}

div.disclaimer_container{
	width: 300px;
	display: block;
	float: left;
}

div.schoolgroup_list{
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
	width: 250px;
}

/*******************************3.5**IMAGES******************************/

#dots{
	position:relative;
	margin-left:-5px;
	top:-2px;
	padding:0px;
}

#line{
	position: relative;
	width: 500px;
	margin-right:auto;
	margin-left:auto;
	margin: 0px;
	top:-25px;
	z-index: 100;

}


#anyline{
	position: relative;
	margin-right:auto;
	margin-left:auto;
}



#vline{
	margin-left: 340px;
	position: relative;
	z-index:5;
	display:inline;
}

#pic{
	position: relative;
	float: left;
	border: 1px solid #999999; 
	margin-top: 30px;
	margin-right: 20px;
	width: 200px;
	margin-bottom: 20px;
}

#ship{
	position: relative;
	float: left;
	border: 1px solid #999999; 
	margin-right: 20px;
	width: 500px;
	margin-top: 5px;
}

#map{
	border: 1px solid #999999; 
	margin-top: 20px;
	margin-right: 20px;
	width: 235px;
	position: relative;
	display: inline;
}


#picture{
	border: 1px solid #999999; 
	margin-top: 20px;
	margin-right: 20px;
	position: relative;
	display: inline;
}

#luggage{
	display: inline;
	position: relative;
	float:left;
	margin: 25px 0px auto 0px;
	padding-right: 20px;
	height: 130px;
}

#logo{
	position: relative;
	float: right;
	display:inline;
	width: 130px;
	top: 10px;
	padding: 4px;
	height:40px;
}

#top_panorama{
	position: relative;
	width: 760px;
	height:180px;
	z-index: 300px;
	top:3px;
	margin-bottom: -1px;
	left:0px;
}


/********************************************************/
/*                		 4. LISTS			            */
/********************************************************/

ul{
	list-style-type: disc;
}

ol{
	
}

/********************************************************/
/*                		5. TABLES		                */
/********************************************************/
#hours_table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0px;
	width: 270px;
	text-align: left;
	border-collapse: collapse;
}


#hours_table th
{
	font-size: 13px;
	font-weight: bold;
	padding: 4px 8px;
	color: #000;
}
#hours_table td
{
	padding: 8px;
	color: #283E24;
}
#hours_table .odd
{
	background: #eafddd; 
}

div.tablecontainer{display: block; margin-top: 20px; margin-bottom: 0px; margin-left: auto; margin-right: auto; float:none; width: 490px;}


table.contactus{
	font-size: 11px;
	border-top:2px solid #7c7c7c;	
	border-bottom:1px solid #7c7c7c;
	border-left:1px solid #7c7c7c;
	border-right: 1px solid #7c7c7c;
	margin: 20px auto 0px auto;
	display: block;
	text-align:center;
	width: 500px;
}

table.contactus tr,td {text-align:left;}


table.contactus th{
	font-size: 11px;
	font-weight: bold;
	background: #eafddd; 
	display: block;
}



table{
	float: left;
 	}

table.tablefancy{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	text-align: left;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	float:none;
}

table.tablefancy th
{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 8px;
	color: #000;
}
table.tablefancy td
{
	padding: 8px;
	color: #7e250f;
}



table.contact{
	border-top:1px solid #999999;
	padding: 1px;	
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	margin-bottom:20px;
	float:none;
}


td{
}

tr{
}


.rowtour{
	margin: 5px;
	height:25px;
 	border: 0px;
	background-color: #EEE0D4;
	color: White;
	text-align: left;
}


/********************************************************/
/*                		5.5. FORMS		                */
/********************************************************/

fieldset{  
margin: 1.5em 0 0 0;  
padding: 10px; 
border:solid 1px #ba533f;
} 
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold; 
padding: 5px; 

} 

div.formcontainer2{
		padding: 14px;
		width: 290px;
		float: left;
		margin-left: -40px;
		border:solid 2px #ba533f;
		background:#fcf3e6;
}

div.formcontainer1{
	width: 500px;
	float: none;
	margin: 0px auto 0px auto;
	padding:14px;
	border:solid 2px #ba533f;
	background:#fcf3e6;
}


#stylized, #stylized2 h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

#stylized, #stylized2 p{
color:#000;
font-size:11px;
margin-bottom:20px;
border-bottom:solid 1px #ba533f;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
font-size:12px;
}
#stylized .small{
color:#535353;
display:block;
font-size:10px;
font-weight:normal;
text-align:right;
width:140px;
}

#stylized input{
float:left;
font-size:14px;
padding:4px 2px;
border:solid 1px #ba533f;
width:250px;
margin:2px 0 15px 10px;
}


#stylized textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #ba533f;
	width:250px;
	margin:2px 0 20px 10px;
}



#stylized2 label{
font-weight:bold;
text-align:left;
width:100px;
float:left;
margin:10px 0px 6px 0px;

}

#stylized2 .small{
color:#535353;
display:block;
font-size:10px;
font-weight:normal;
text-align:left;
width:100px;
}

#stylized2 input{
float:right;
font-size:12px;
padding:4px 2px;
border:solid 1px #ba533f;
width:180px;
margin:10px 0px 0px 0px;
}

#stylized2 textarea{
	float:right;
	font-size:12px;
	padding:4px 2px 0px;
	border:solid 1px #ba533f;
	width:180px;
	margin:10px 0px 15px 0px;
}




#submit_button{
	width: 290px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top:0;
	padding-bottom: 10px;
}




/********************************************************/
/*                		6.IE FIXES		                */
/********************************************************/

#top_panorama{
	*float: left;
}

#top_panorama
{
	*margin-bottom: 3px;  
}

#main_container{
	*top: 7px;
	*left: 1px;
}

div.subheading{
	*line-height: 3.3em;	
}

div.formcontainer1{
	*left: -20px;
}


/********************************************************/
/*                		7.3RD PARTY		                */
/********************************************************/





 








 





