/* CSS Document */



*{
 margin:0px;
 padding:0px;
}

html{
font-size: 100%;
background-color: #00664d;
}

body {
	background: #00664d;
	text-align:left;
	margin:0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #444;
	padding: 0;
	margin: 0;
}

p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 1.5em;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #444;
}
ul, ol {
	font-size: 12px;
	line-height: 1.5em;
	margin: 1.5em;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #444;
}

a {color:#990000;}

h2 {
	font-size: 1.4em;
	padding-bottom: 20px;
	line-height: 22px;
	color: #990000;
}

h3 {
	font-size: 0.95em;
	padding-top: 10px;
	line-height: 14px;
	background: #CCCCCC;
	padding:3px;
}
ul.inner {
	margin: 0 1.75em 1.75em 1.75em;
	list-style-type: disc;
	padding-left: 40px;
	padding-right: 50px;
	text-align: left;
	padding-top: 10px;
}


#container {
	width:909px;
	margin:0px auto;
	text-align:justify;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	background-color: #FFFFFF;
}

/*------------------------------------------
			Top Banner link
--------------------------------------------*/
#banner {
 background:url(../images/SPANJAM_04.jpg) no-repeat; 
 padding-bottom:8px; 
 height:190px;
 width:909px;
} 

#banner h1 {
 width: 800px;
 height: 192px;
 display: block;
 margin: 0 0 0 0px;
 text-indent: -999999px;
}

#banner h1 a {
 width: 800px;
 height: 192px;
 text-decoration: none;
 display: block;
}
/*------------------------------------------------*/

#header{
	height:20px;
	width: 909px;
	overflow: hidden;
	background-position: top;
	background-color: #C2C485;
}

#leftcol{
  padding-left:20px; 
  padding-top:20px; 
  float:left; 
  width:27%;
}

#leftcolint{
  float:left;
  color:#666666;
  padding-left:20px; 
  padding-top:20px; 
  width:27%;  
}

#leftcolinthome{
  float:left;
  color:#666666;
  padding-left:20px; 
  padding-top:20px; 
  width:55%;
}

#arrowlistmenu{
  float:left;
  color:#666666;
  padding-left:20px; 
  padding-top:25px; 
  width:27%;  
}

#leftsearch{
	padding-left:100px;
	padding-top:20px;
	float:left;
	width:70%;
}
.leftsearch{
	padding-left:30px;
	padding-top:20px;
	float:left;
	width:80%;
	}
#news{
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 font-size:12px;
}

#rightcol{
 float:right; 
 width:42%; 
 padding-top:20px; 
}

#rightcolint{
	float:right;
	width:600px;
	border-left:#CCCCCC 1px solid;
	padding-bottom:10px;
	text-align: left;
	padding-left: 10px;
	padding-top: 30px;
	padding-right: 20px;
}

#rightcolinthome{
	float:right;
	width:42%
	padding-top: 20px;
}

.rightcolint{
	background-color: #FCFCE9;
}


.bluetxt{
 color:#5f819c;
}

#footer{
	background:url(../images/SPANJAM4_06.jpg) repeat-x;
	height:5px;
	width: 909px;
	overflow: visible;
}

#footer p{padding:5px 1%;
color:#6CA870;}

#footer a:link{font: Arial, Helvetica, sans-serif;
font-size: 9px;
color:#6CA870;}

#footer a:hover{color:#6CA870; text-decoration: none;}

/*------------------ Site Navigation ---------------------*/
#navlist li
{
 list-style-type: none; 
 display:inline;
 height:28px; 
 padding-left:1.5em;
}
/*--------------------------------------------------------*/

#nav{
 height:20px; 
 background-color:#C2C485; 
 color: #000; 
 padding-top:5px; 
 padding-left:20px;
 border-top:#CCCCCC 1px solid;
 border-bottom:#CCCCCC 1px solid;  
}

.sideNavigation{
 padding-left:15px; 
 padding-bottom:20px; 
 list-style-type: none;
 vertical-align:text-top;
text-align: left;
}

.sublink{
 background:url(../images/half-circle2.gif) no-repeat; 
 list-style-type: none;
 padding-top:10px;
 padding-bottom:15px;
 height:15px;
 padding-left:15px;
 font-family:Verdana,sans-serif; 
}

a.menu:link {color: #666666; text-decoration:none;
	font-size: 11px;
}
a.menu:visited {color: #666666; text-decoration:none;
	font-size: 11px;
}
a.menu:hover {color: #c36000; text-decoration:none;
	font-size: 11px;
}
a.menu:active {color: #c36000; text-decoration:none;
	font-size: 11px;
}

a.topNav:link {color: #000000; text-decoration:none;
	font-size: 12px;
}

a.topNav:visited {color: #7e7f56; text-decoration:none;
	font-size: 12px;
}
a.topNav:hover {color: #000000; text-decoration:none;
	font-size: 12px;
}
a.topNav:active {color: #7e7f56; text-decoration:none;
	font-size: 12px;
}


a.news:link {color: #006666; font-size: 12px; text-decoration:none;}
a.news:visited {color: #006666; font-size: 12px; text-decoration:none;}
a.news:hover {color: #006666; font-size: 12px; text-decoration:none;}
a.news:active {color: #006666; font-size: 12px; text-decoration:none;}




.style1 {
 color: #993300;
 font-weight:bold;
}

.search{
 padding-left:495px; 
 padding-top:15px;
}


/* Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }


/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }


.arrowlistmenu {
  width:27%;/*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: black;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: none;
background-color: #e8e8e8;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
}