/*........................Dynamic menu...............................*/

.first_ul li:hover,.first_ul li.hover { background: url(../images/firster.gif) no-repeat; }

.second_ul li:hover,.second_ul li.hover { background: url(../images/seconder.gif) no-repeat; }

.third_ul li:hover,.third_ul li.hover { background: url(../images/thirder.gif) no-repeat; }

.first_ul_visible li { background: url(../images/firster.gif) no-repeat; }

.second_ul_visible li { background: url(../images/seconder.gif) no-repeat; }

.third_ul_visible li { background: url(../images/thirder.gif) no-repeat; }



/*..................... Basic scripts .....................*/

html, body, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul, li {
  margin: 0; padding: 0;
}

#menu ul {
	list-style: none;
}

img {
	border: 0;	
	margin: 0;
	padding: 0;
}

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

#menu a:hover {
	color: #EBE9E9;
}
/*........................ Start edit here .................*/
body {
	background: white;
}

h1 {
	padding: 35px;
	font: 58px times;
	font-variant: small-caps;
}

#motto {
	padding:0;
	margin:0;
	font: 20px times;
	color: #666666;
	font-weight: bold;
	float: left;
}

#menu h2 {
	padding: 35px;
	font: 60px times;
	font-variant: small-caps;
}

#body {
	width: 950px;
	text-align: left;
	margin: 15px auto;
}

#logo{
margin-left: 60%;
}

.innertext {
 float: left;
 position: relative; top: 20px; left: 20px;
 font: 16px times;
 width: 160px;

	}

#menu li {
	color: white;
	height: 140px;
	width: 800px;
}

ul ul { display:none; } 

#text li {
	padding-bottom: 10px;
	border: none;
}

#text {
	font: 14px arial;
	margin-left: 250px;
	padding: 10px;
	width: 510px;
}

#text p{
	font-size:95%;
	line-height:130%;
}

div .line{
	border-bottom:1px dotted #ccc;
	margin-bottom: 15px;
}

#text h2{
	color: #A0A0A0;
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

#text ul{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

#text ol{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

/*........................ First menu choice .................*/

#first_menu {
	background: #0071B7;
   margin-left: 250px;
	height: 140px;
	width: 530px;
}

#img_first {
height: 140px;
width: 104px;
background: url(../images/first.gif) no-repeat;
position: relative;
top: 0px;
float:left;
}

#end_first {
background: url(../images/first_end.gif) no-repeat;
width: 9px;
height: 140px;
float: right;
margin-top: -140px;
margin-right: 15px;
}

/*........................ Second menu choice .................*/

#second_menu {
	background: #F8AC01;
   margin-left: 250px;
	height: 140px;
	width: 530px;
}

#img_second {
height: 140px;
width: 104px;
 background: url(../images/second.gif) no-repeat;
 position: relative;
 top: 0px;
 float:left;
}

#end_second {
background: url(../images/second_end.gif) no-repeat;
width: 9px;
height: 139px;
float: right;
margin-top: -140px;
margin-right: 15px;
}

/*........................ Third menu choice .................*/

#third_menu {
	background: #009440;
   margin-left: 250px;
	height: 140px;
	width: 530px;
}

#img_third {
height: 140px;
width: 104px;
 background: url(../images/third.gif) no-repeat;
 position: relative;
 top: 0px;
 float:left;
}

#end_third {
background: url(../images/third_end.gif) no-repeat;
width: 9px;
height: 140px;
float: right;
margin-top: -140px;
margin-right: 15px;
}