﻿
/* <------------------------ LAYOUT CODE ------------------------> */

#container
{
width: 900px;
height:900px;
padding:0 ;
margin-top: 2.5%; 
margin-left: 7%; 
margin-right: 7%; 
background-color: #FFFFFF;
}

/* <------------------------ EVERTYING IN THE TOP BAR ------------------------> */
#top
{
padding: 0 0 0 5px;
/* height: 175px; */
margin: 0px 0px 4px 0px;
border: 1px solid black; 
color:#000000;
background-color: #FFFFFF;
}

#logobox
{
position:relative;
top: 10px;
left: 5px;
width: 200px;
float:left;
padding:0;
text-align: center;
/* border: 1px solid black; */
color:#000000;
background-color: #FFFFF;
}

.logo
{
margin: 0px;
padding: 0px;
}


#logobox p { margin: 5 0 0 0; }
#logobox img {border-width: 0px; margin: 5px 0 0 0 0; padding: 0px; }

}
.logotext {font-size: 16px; font-family: tahoma, sans-serif }
.logotextsmall {font-size: 14px }


#title
{
margin: 0px 0px 5px 0px;
color:#000000;
background-color: #FFFFFF;
/* border: 1px solid blue;*/
}

#title h1 {padding: 75px 0 0 200px; margin: 0; font-family:  tahoma, sans-serif; font-size: 20pt; ;color:black}
#title h2 {padding: 0px 0 0 225px; margin: 0; font-family:  tahoma, sans-serif; font-size: 14pt; font-style:italic;color: #b49a7e }


#toprightbox
{
float:right;
width:75px;
margin: 10px 10px 0 0;
font-family: verdana, sans-serif;
font-size: 8pt;
font-style:normal;
color:black;
text-align:right;
/* border: 1px solid red;*/
}

/* <------------------------ DIVIDER ------------------------> */

#divider
{
margin: 0 0 4px 0 ;
padding: 5px 5px 5px 15px;
border: 1px solid black;
background-color: #B49A7E;
color: #FFFFFF;
text-align: left;
font-family: verdana, sans-serif;
font-size: 15px;
font-weight:none;
}

#divider p { margin: 0 0 0 0; }
#divider a:link {color:black ; text-decoration: none ;}
#divider a:visited {color:black; text-decoration: none;}
#divider a:active {color:red; text-decoration: none;}
#divider a:hover {color: blue; text-decoration: none;}


.currentlink
{
display:inline-block;
border-bottom : 1px dashed black;
}

/* <------------------------ MAIN CONTENT PANE------------------------> */

#content
{
/* width:650px; */
/*float:left;*/
margin: 0px 0px 0px 0px;
border: 1px solid black;
min-height: 600px;
height:auto !important;
height: 600px; 
color: #000000;
background: #CCCCFF;
padding: 0px;
font-family:  tahoma, sans-serif;
font-size: 12pt;
/* line-height: 130%; */
}

#content h2 {padding: 40px 20px 15px 30px; margin: 0; font-family:  tahoma, sans-serif; font-size: 16pt; font-style:italic;color:black }
#content p  {padding: 10px 200px 15px 50px; margin: 0; font-family: arial, sans-serif; font-size: 12pt; color:black; line-height:130% }
#content li  {padding: 0px 200px 0px 5px; margin: 0 25px 0 35px; font-family: arial, sans-serif; font-size: 12pt; color:black; line-height:130% }

.contentintable
{
margin: 0 0 0 75px;
padding: 0px;
text-align:left;
font-family:  arial, sans-serif;
font-size: 12pt;
width: 65%;
}


#contentrightcol
{
float:right;
text-align: center;
width:165px;
margin: 0 10px 0 0;
/* border: 1px solid red;*/
}

#contentrightcol p  {padding: 0px; margin: 0; font-family: arial, sans-serif; font-size: 8pt; color:black; line-height:130%;text-align: center; }
#contentrightcol li  {padding: 0px; margin: 0 ; font-family: arial, sans-serif; font-size: 8pt; color:black; line-height:130%;text-align: left; }

/* <------------------------ FOOTER ------------------------> */

#footer
{
clear: both;
/* width:650px; */
margin: 5px 0px 5px 0px;
border: 1px solid black;
padding: 5px 0 5px 0;
font-size: 10px;
background-color: #FFFFFF; 
color: #000000;
text-align: center;
font-family: tahoma, sans-serif;
}

#footer a {color:blue; }



/* <------------------------ IMAGE HANDLING CODE ------------------------> */


#iframewrap
{
width:426px;
margin: 0px 0px 5px 50px;
padding: 5px 0 5px 0;
}



.photo
{
margin: 5px 0 10px 0;
padding: 10px 7px 10px 7px;
border:1px solid black;
background:#FFFFFF;
font-family: verdana, sans-serif; 
font-size: 8pt;  
font-style:normal; 
color:black; 
text-align:center;
}


.floatright
{
float: right;
margin: 5px 0px 10px 15px;
border: 7px solid #A9A994;
padding: 0px;
clear: right;
}

.floatleft
{
float: left;
margin: 5px 15px 10px 0px;
border: 7px solid #A9A994;
padding: 0px;
}

.nofloatimage
{
margin: 5px 15px 15px 5px;
border: 7px solid #FFFFFF;
padding: 0px;
}

.contactform
{
margin: 6px 0;
padding: 5px 5px 5px 25px ;
border: 1px solid #000000;
}