/**
  * default.css
  *
  * Defines styles for Template 1 for use with the EMS Internet yourwebpanel application. (Original theme by Ste Royle)
  * versioned as Template1
  *
  * @author: Chris Cooke, EMS Internet Ltd 2008
  *
  * :: Changelog ::
  * :: 08/06/08		- CC -		- Created Stylesheet
  */	

* {
	margin: 0px;
}
body{
    text-align:center;
	background-color: #cccc99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: normal;
}
#container{
    width:760px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
	background-color: #ffffff;
}

/*------ Header ----- */

#header {
	margin-bottom:20px;
}
#header img {
	border-bottom: #cbcb66 20px solid;
}

/*------ End Header ----- */

#main {
	width:760px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	overflow:auto;
}

/*------ Headings ----- */

h1 {
	font-size:18px;
	color:#000000;
	margin:0;
	margin-bottom:10px;
}

/*------ End Headings----- */

/*------ Menu----- */

#menu {
	width: 200px;
	float: left;
	display: inline;
	margin-left: 5px;
	padding: 0px;
}

.menubottom {
	width: 200px; 
	margin: 0px; 
	padding: 0 0 10px 0; 
	background: #cbcb66 url(../images/bottom.gif) no-repeat bottom left;
}
.menutop {
	margin:0px; 
	padding: 8px; 
	font-size: 1.4em; 
	font-weight:bold; 
	color: #fff; 
	border-bottom:1px solid #fff; 
	background: #cbcb66 url(../images/top.gif) no-repeat top left;
}

#menu ul {
	margin:0px;
	padding:0px;
}

#menu ul li {
	margin: 0px;
	padding:0px; 
	color: #fff; 
	font-size: 1em; 
	border-bottom:1px solid #fff; 
	background: #cccc99;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}


#menu .menulink, #menu .menulink:visited {
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding:5px 5px 5px 20px;
	background: #cccc99 url(../images/arrow.gif) no-repeat 10px 9px; 
	width: 200px;
}

html>body #menu .menulink, #menu .menulink:visited 
{
	color:#fff; 
	display:block; 
	padding:5px 5px 5px 20px;
	background: #cccc99 url(../images/arrow.gif) no-repeat 10px 9px; 
	width: 175px;
}

#menu .menulink:hover {
	color:#ffffff;
	display:block; 
	padding:5px 5px 5px 20px;
	background: #dbdba2 url(../images/arrowr.gif) no-repeat 11px 9px;
	width: 200px;
}

html>body #menu .menulink:hover
{
	color:#ffffff; 
	display:block; 
	padding:5px 5px 5px 20px;
	background: #dbdba2 url(../images/arrowr.gif) no-repeat 11px 9px;
	width: 175px;
}

/*------ End Menu----- */

/*------ Main Content ----- */

#content {
	margin: 0;
	width: auto;
	margin-left:215px;
	margin-right:10px;
}
#content p{
	padding-bottom:10px;
}
.imgboxright {
	border: 1px solid  #cccc99;
	padding:2px;
	margin:8px;
	float:right;
}
.imgboxleft {
	border: 1px solid  #cccc99;
	padding:2px;
	margin:8px;
	float:left;
}

/*------ End Content ----- */

/*------ Footer ----- */

#footer {
	height:26px;
	text-align:center;
	vertical-align:middle;
	background-image:url(../images/footer.png);
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {	
	text-decoration: underline;
}

/*------ End Footer ----- */

input { border: 1px solid #000000; }

textarea { border: 1px solid #000000; }