/* CSS Document */
/* tag styles
____________________________________________________*/



body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding:0;
	margin:0;
	background-image: url(../images/logo_stripes_hori.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	min-width: 900px;
	color: #000066;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color: #003366;
padding: 0;
margin: 5px;
font-size: 40px;
}

h2 {
text-align: center;
color: #000066;
padding: 0;
margin: 0;
}

h3 {
color: #000066;
font-weight: bold;
text-align: center;
}

h4 {
color: #000066;
font-weight: bold;
text-align: center;
}


p {
color: #000066;
margin: 5px;
}

a:hover {
color:#FF3300;
}

fieldset {
background-color:#FFFFFF;
border-color:#003366;
text-align:center;
}

/* text
______________________________________________________*/

#center {
text-align: center;
}

/* img drop shadow
______________________________________________________*/

#img_wrap{
text-align: center;
}


/* three column flexible layout with header and footer
______________________________________________________*/



#container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#content_wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
}

#float {
float: left;
padding: 5px;
}

#top{
width: 100%;
height: 150px;
margin-left: auto;
margin-right: auto;
}

#main_content{
float: left;
width: 80%;
height: 550px;
margin-left: 10%;

}

#second_content{
float: left;
width: 10%;
height: 550px;
margin-left: -90%;
}

#third_content{
padding-top: 1em;
float: right;
width: 9%;
height: 550px;
}

#footer {
clear: both;
height: 90px;
}

/* Menu Styling
___________________________________________________*/

#header_wrap {
margin-top: 0px;
text-align: center;
padding: 5px;
}

#menu_wrap {
width: 43em;
margin-left: auto;
margin-right: auto;
}

#menu_center{
margin-left: auto;
margin-right: auto;
}


#top #menu_wrap ul{  /*containing list element*/
margin:0;
padding: 0;
float:left;
list-style-type:none;
}

#top #menu_wrap li {
border: 1px solid #000066;
}

#top #menu_wrap li a {  /* link block element */
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #000066;
background-color: #99CCFF;
display: block;
line-height:1.4em;
width:5.5em;
margin:0pt;
text-align:center;
text-decoration: none;
}

#top #menu_wrap #item a {
width: 10em;
}

 /*
#top #menu_wrap #item {  /*hidden drop-down menu item 
display: none;
}
/* Reveal
____________________________________________________

#top #menu_wrap #item:hover #subitem {   revealed drop-down menu item 
display: block;
}

*/


/* Style swap
___________________________________________________*/


#top #menu_wrap li:hover a {    /* styled link swap */
	background-color: #E40608;
	color: #FFFFFF;
	text-decoration: none;
}
/* vertical menu


#vert_nav #vert_menu li{
color: #000066;
font: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-decoration: none;
list-style: none;
display:block;
width: 5em;
height: 1.5em;
text-align: left;
border: 1px solid #000066;
padding-left: 20px;
padding-top: 8px;
margin: 2px;
}

#vert_nav #vert_menu li:hover {
color:#FFFFFF;
text-decoration: underline;
background-color: #FF3300;
}
_____________________________________________________*/
/* index page
_____________________________________________________*/

#button {
float: left;
padding: 2px;
padding-top: 1em;
display: block;
width: 6em;
height: 8em;
margin-top: 5em;
margin-left: 1.2em;
position: absolute;
background-color: #99CCFF;
background-image: url(../images/highlight.png);
text-decoration: none;
}

#button:hover {
	background-color:#E40608;
}
#button:hover h4 {
	text-decoration: none;
	color: #FFFFFF;
}

/* djaringo page
_____________________________________________________*/
.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-size: 12px;
}