/* Three Column Site CSS */
/* Mike Ruffle, February 2006 */

body{
	text-align: center;
	min-width:40ems;
	margin: 0;
	/*font-size: small; /* for IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	
	
	}
	
html>body {
	/*font-size: small; /* Be Nice to Opera */
}
	
#wrapper{
	width:880px;
	margin: 0 auto;
	text-align: left;
}

#header{
	text-align:center;
	background-image: url(../images/eleven-bravo770px.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 135px;
	/* margin-bottom: 10px; */
	padding-bottom: 20px;
	}
	
#header h1{	 
display :none;
	
}

#mainNav{
	background-color: #00CED1;
	height: 30px;
}

#content{
clear: left;
	width:880px;
	float: right;
	margin-top: 30px;
	

}

h1{
	font-size: 180%;
}

h2{
	font-size: 150%;
}

h1, h2 {
	padding: 0;
}

.centre_text {
    margin-left: auto;
    margin-right: auto;
    width: 20em;
	 
}

#mainContent{
	width:580px;
	float: left;
	color: #000000;


}

#secondaryContent{
	width:280px;
	float:left;
	color: #000000;
	}
	
#secondaryContent p{		font-family: verdana, "Comic Sans MS", Arial, Helvetica, sans-serif;
		font-size: 100%;}
	
.secondarycontent_image{
clear: left;
text-align :center;
		
}	


#footer{
	clear: both;
	width:880px;
	text-align: left;
/* 	background-color: #4B104A; */
	background-color: #000;
	color:  #c4a558;
	margin: 0px;
	padding :10px;
}


body#home #home a,
body#about #about a {
	background: Yellow;
}

img {
	float: left;
	margin: 0px 5px 2px 0px;
	/* border: 2px solid #c5BDBD; */
}

.getalifeimg{
	float: left;
	margin: 0px 5px 2px 0px;
/*	border: 2px solid #c5BDBD; */
}



.scenario_image{
float: none;
display: block;
    margin-left: auto;
    margin-right: auto
}

.footerimage{
	display: inline;
	float: none;
	margin: 0;
	border: none;
}


/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:0;	
}
/* Rules for the top corners and border */
.bt {
	background: url(../images/box.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background: url(../images/box.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background: url(../images/box.gif) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background: url(../images/box.gif) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background: url(../images/borders.gif) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background: url(../images/borders.gif) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.1em 10px 5px 10px;
/*	background:#99CCFF; */	
		background: #efece6;
	color:#cc0000;
	font-weight: normal;
	font-size:  1.2em;
	font-family: verdana, "Comic Sans MS", Arial, Helvetica, sans-serif;
}

.cb p {

	font-family: verdana, "Comic Sans MS";
}	
.cb h3 {
	 color:#cc0000;
	
}	
	
	
.cb ul, ol{
	 font-family: verdana, "Comic Sans MS";
}
.cb li{
	margin: 1em 0;
	
}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/demobox2.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 300px !important; /* intended total box width - padding-right(next) */
    width: 300px; /* IE Win = width - padding */
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
	
    margin: 0px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
	
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 20px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	font-weight: normal;
	font-size:  1.2em;
	font-family: verdana, "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color :#cc0000;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 5px 0 30px 25px; /* mirror .cssbox_head right/left */
	 	font-family: verdana, "Comic Sans MS", Arial, Helvetica, sans-serif;
		font-size: 90%;

} 		  

.cssbox_body ul, ol{
	list-style-type: disc;
	padding: 0px;
	margin-left: 1.5em;
	line-height: 20px; 
	
}



/* TABLE */
.table-shadow{
	background: #919191;
	width:92%;
}

.table-data {
/* position: relative;
top: -4px;
left: -4px; */
	width: 100%;
	/* border: 1px solid #000;*/
	background: #fff;
	margin-left: auto;
	margin-right: auto 
	}
	
.table-data caption{
padding: 8px 20px;
	/*border: 1px solid #000;
	border-bottom: none;	*/
	background: #fff;
	margin-left: auto;
	margin-right: auto 
}	
	
.table-data th, .table-data td {
	margin: 0px;
	padding: 4px 10px;
	text-align: center;
	border-bottom: 1px solid #b5b5b5;
}	

.table-data th{
	color: #999;
}

.table-data .name{
	text-align: left;
}

.table-data tr{
	background: #fff;
}

.table-data tr.alt{
	background: #f1f1f1;
}






.skiplink {display:none}

.latinquote {
	margin-left: auto;
    margin-right: auto;
	font-style: italic;
}

.latinquote_bold {
/**
	margin-left: auto;
    margin-right: auto;
	**/
	font-style: italic;
	font-weight: bold;
}

p.breadcrumb {
	background-color: White;
	color: Black;
	margin: 5px 0px 10px 0px;
	font-size :larger;
	
}	  
  
div#fontsize{
	/* width:100%;
	margin :0px auto;		*/ 
	
}
p.fontsize-set

{
	 /* margin: 0px auto;
	 padding-left:0px;
	 
	 padding-top :10px;
	*/

}

p.fontsize-set img

{
	/*padding-bottom: 10px;*/
	padding-right: 10px;
	border-width: 0;

	


}  

ul#split,ul#split li{margin: 0px auto;padding:0;list-style:none}
ul#split li{width:200px;}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
li#one h3{background: #0068cc}
ul#split div{background: #DADADA}

div#infobox{
/*padding-top: 20px;*/

}

div#infobox-font{
	float: left;
	
}

div#infobox-search{
	float: right;
	/* padding-left:0px;
	 padding-top :5px; */
	 	 padding-bottom :10px; 
}

.clearboth{
	clear: both;
}			 

.text_centred{
text-align :center;
	}
	
OL {
list-style-type: decimal;
list-style-position: outside;
margin-left:50px;
padding:0;
}	

.column_photo {
	
/*	float: left; */
	
	padding: 5px;
	background-color: White;
	border: 1px solid #ccc;
	float: none;
display: block;
    margin-left: auto;
    margin-right: auto
}