/* 
STYLE SHEET FOR IRISH RUGBY TOURS
Created by Ciara Kavanagh
www.theattic.ie
ToC
1. defaults
2. structure
3. links and navigation
4. fonts
5. datatable
6. form
Notes
*/
   
/*------- 1.defaults --------*/
* { 
padding: 0px;
margin: 0px;
}

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-size: 0.7em;
	color: #222222;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*------- 2.Structure --------*/

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
	height: 100px; /*Height of top section*/
	background-color: #0C610C;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
	margin-top: 20px;
	margin-right: 190px;
	margin-bottom: 0;
	margin-left: 180px;
	border-right: 1px solid #0c610c; 
}

#leftcolumn{
	float: left;
	width: 180px; /*Width of left column in pixel*/
	margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
	background: #ffffff;
	margin-top: 20px;
}

#rightcolumn{
	float: left;
	width: 190px; /*Width of right column*/
	margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
	background: #Ffffff;
	margin-top: 20px;
}

#footer{
clear: left;
width: 100%;
background: #0c610c;
color: #FFF;
text-align: center;
padding: 4px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.inner{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
border-bottom: 1px solid #999999;
}

.logo{ 
margin-left:200px;
margin-top: 0px;
padding-top: 20px;
}

#leftcolumn .tours { 
margin: 2px;
margin-top: 0px;
border: 1px solid #999999;
padding: 5px;
}

#leftcolumn .promo { 
margin-top: 0px;
margin-bottom: 5px;
}

#leftcolumn .header { 
margin-top: 0px;
margin-bottom: 1px;
}

#contentcolumn .news { 
padding: 5px;
margin-top: 10px;
}

#contentcolumn .fixtures { 
border: 1px solid #999999;
padding: 5px;
margin-top: 10px;
height: 200px;
overflow: auto;
}

#rightcolumn .innertube {
	border: 1px solid #0c610c;
	margin-top: 30px;
	margin-bottom: 30px;
}

#rightcolumn .innercontact {
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 40px;
}

.promos {
	background: #ffffff;
	color: #222222;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
} 

/*------- 3.Links and Navigation --------*/

#navContainer{
	background-color: #119511;
	text-align: center;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

#navigation a:hover {
	text-decoration: underline;
}
#navigation {
	font-size: 100%;
	line-height: 100%;
}
#navigation ul {
	list-style-type: none;
	font-weight: bold;
	font-size: 85%;
}
#navigation li {
	display: inline;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
#navigation a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

#navigation li.endLink {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#rightcolumn .innertube a:link, a:visited { 
text-decoration: none;
color: #666666;
}
	
#rightcolumn .innertube a:hover, a:active { 
text-decoration: none;
}

#rightcolumn .innertube ul {
	list-style-image:url(images/sm_ball.jpg);
	padding-left: 15px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 85%;
	text-decoration: none;
}


a:link  {
text-decoration: underline;
color: #222222;
}

a: visited { 
text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
color: #0c610c;
}

.nav {
	width: 150px;
	padding: 0;
	font-size: 1em;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}

.nav ul {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}	

.nav li {
	margin-bottom: 4px;
	text-decoration: none;
}

.nav li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #0c610c;
display: block;
padding: 6px 0 0 10px;
background: #ffffff;
border-bottom: 1px dashed #999999;
}	
	
.nav li a:hover {
background: #ffffff;
color: #119511;
border-bottom: 1px dashed #999999;
}

.nav ul ul {
	margin-left: 10px;
	width: 140px;
	text-decoration: none;
}

.nav ul ul li {
margin-bottom: 1px;
text-decoration: none;
}

.nav ul ul a {
font-weight: normal;
height: 20px;
text-decoration: none;
color: #0c610c;
display: block;
padding: 6px 0 0 10px;
background: #ffffff;
border-bottom: 1px dashed #999999;
}

.nav ul ul a:hover {
background: #ffffff;
color: #119511;
border-bottom: 1px dashed #999999;
text-decoration: none;
}

#footer a{
color: #FFFFFF;
}

/*------- 4.Fonts --------*/

#topsection h1{
	padding-top: 45px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	margin: 0;
	padding-left: 247px;
	letter-spacing: 0.1em;
	text-transform: none;
	font-weight: bold;
}

.green {
font-weight:bold;
color: #0c610c;
}

.image {
	float: left;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 3px;
	margin-left: 0;
}

.newsletter {
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0;
}

.right { 
float: right;
} 

h1 {
	font-size:120%;
	color: #0c610c;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #999999;
}

h2 { 
background-color: #0c610c;
font-size: 100%; 
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
margin-top: 0px;
}


.floatLeft { 
float: left;
padding-right: 5px;
padding-top: 10px;
}

.promos ul {
list-style-type: disc;
padding-left: 12px;
margin-left: 12px;
}

.promos li { 
padding-bottom: 6px;
}
.small { 
font-size:9px;
}

#rightcolumn .innertube p { 
padding: 5px;
}

/*------- 5. datatable --------*/

td, th { 
font: 1em, Arial, Helvetica, sans-serif;
} 

.datatable { 
border: 1px solid #666666;
width: 100%; 
} 

datatable td {
	border: 1px solid #CCCCCC;
	padding: 4px;
} 

.datatable th { 
border: 1px solid #0c610c;
background-color: #119511;
font-weight: bold;
text-align: left;
padding-left: 4px;
} 

.datatable caption { 
font: bold 1.1em Arial, Helvetica, sans-serif;
color: #0c610c;
text-align: left;
padding-top: 3px;
padding-bottom: 8px;
} 

.datatable tr.altrow { 
background-color: #E1E1E1;
color: #000000;
}

/*------- 6. form --------*/

input.txt { 
color: #00008b;
background-color: #E3F2F7;
border: 1px inset #0c610c;
width: 200px;
} 

input.btn { 
color: #ffffff;
background-color: #119511;
border: 1px outset #0c610c;
} 

form p { 
clear: left;
margin: 0 ;
padding: 0;
padding-top: 5px;
} 

form p label { 
float: left;
width: 30%;
font: bold 1em Arial, Helvetica, sans-serif;
}