﻿body 
{
background-color:#fff;
text-align: center;
min-width: 760px;
margin:0px 0px 10px 0px;
font-family:Calibri,arial;
font-size:14px; 
}
h2{font-size:110%;}
h3{font-size:100%;}
#header
{
height:65px;
background-image: url('images/title.gif');
background-position:left;
background-repeat:no-repeat;   
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px
}
#headerbar
{
background-image: url('images/headerbg1.gif');
height:20px;
}

#pagecontainer
{         
text-align:center;
width:75%;
min-width: 760px;
}

.menuhorz
{
background-color:#808080;
color:#fff;
font-family:Arial;
font-size:12px; 
height:20px;
}

/***********************************************/

#leftmenu /*This is the container holding the root of the menu*/
{
background-image: url('images/bg.jpg');
/*background-color:#fff;*/
color:#000;
font-family:Arial;
padding:5px 5px 5px 5px;
font-size:12px;
text-align:left; 
width:150px;
height:100%;
min-height:400px;
border-bottom: solid 1px #87CEFA;
border-left: solid 1px #87CEFA;
border-right: solid 1px #87CEFA;
float:left;
}


/*static*/
.sleftmenuitems
{
color:#000;
font-family:Arial;
font-size:12px; 
width:100%;
height:20px;
text-align:left;
margin:1px 1px 1px 1px;
padding:1px 1px 1px 2px;
border: solid 1px transparent;
}

.sleftmenuhover
{
background-color:#F8F8FF;
color:#000;
font-family:Arial;
font-size:12px; 
width:99%;
height:20px;
margin:1px 1px 1px 1px;
padding:1px 1px 1px 2px;
border: solid 1px #D3D3D3;

}

/*Dynamic*/
.dmenucontainer
{
background-image: url('images/bg.jpg');
border: solid 1px #87CEFA;
padding:5px 5px 0px 5px;
margin:0px 0px 0px 0px;
width:150px;
}

.dleftmenuitems
{
color:#000;
font-family:Arial;
font-size:12px; 
width:145px;
height:20px;
text-align:left;
margin:1px 1px 1px 1px;
padding:1px 1px 1px 2px;
border: solid 1px transparent;
}

.dleftmenuhover
{

color:#000;
font-family:Arial;
font-size:12px;
margin:1px 1px 1px 1px;
padding:1px 1px 1px 2px;
border: solid 1px #D3D3D3;
}

#content
{
float:left;
text-align:left;
width:77%;
min-width: 500px;
padding: 5px 5px 5px 5px;
}

#content h3
{
    font-size:100%;
    color:gray;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    }
    
#frontleft
{
    width:72%;
    min-width: 300px;
    float:left;
}
#frontright
{
  width:100%; 
  border: solid 1px #D3D3D3; 
  float:right;
  padding:5px;
}
#frontrightbtm
{
  width:100%; 
  border: solid 1px #D3D3D3; 
  float:right;
  padding:5px;
  margin-top:10px;
}
/***************************************************/
.object
{
border-top:solid 1px #87CEFA;
border-bottom:solid 1px #87CEFA;
color:#000;
font-family:Arial;
font-size:12px; 
background-color:#E3F2FA;
margin:10px 5px 10px 5px;
padding:0px 0px 0px 0px;
height:110px;
}
.objectimage
{
float:left; 
vertical-align:middle;
padding:10px 5px 5px 5px;
}
.objecttext
{
text-align:left;
padding:5px 5px 5px 10px;
float:left;
}
.objecttext h3
{
font-weight:bold;
padding:2px 2px 2px 0px;
margin:2px 2px 2px 0px;
font-family:Arial;
font-size:12px; 
}
/***************************************************/
#category
{
	border:solid 1px midnightblue;
	font-family:arial;
	font-size:12px;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 5px 0px;
	}
.categorydesc
{
	font-family:arial;
	font-size:12px;
	margin: 5px 5px 10px 5px;
	}
.categorydivider
{
	border-bottom:solid 1px midnightblue;
	margin: 0px 15px 10px 15px;
	padding: 5px 5px 5px 5px;
	}
.categoryitem
{
	padding:5px 5px 5px 5px;

	}
.categoryitem_header
{
	font-weight:bold;
	padding:5px 5px 5px 5px;
	}
.categoryitem_desc{margin: 5px 5px 5px 5px;}
.categoryitem_footer
{
	text-align:left;
	}
/***************************************************/
#footer
{
    border-top: solid 1px #87CEFA;
    margin: 10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:right;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:Gray;
    width:100%;
    float:left;    
 }
#footer a:hover {text-decoration:underline; color:Gray;}
#footer a:visited {text-decoration:none; color:Gray;}
#footer a:link {text-decoration:none; color:Gray;}
#footer a:active {text-decoration:none; color:Gray;}

.searchbutton {height:19px; width:25px; border:solid 1px #87CEFA; background-color:#87CEFA; font-family:arial; font-size:11px; color:Black;}
.searchtextbox {border:solid 1px #87CEFA; background-color:#F8F8FF; height:15px; font-family:arial; font-size:12px; color:Black; width:125px;}

.button {height:20px; width:50px; border:solid 1px #87CEFA; background-color:#87CEFA; font-family:arial; font-size:11px; color:Black;}
.textbox 
{
    border:solid 1px #87CEFA; 
    background-color:#F8F8FF; 
    height:15px; 
    font-family:arial; 
    font-size:12px; 
    color:Black; 
    width:250px;
    padding:2px;
    margin:2px;
    }
.ddl {border:solid 1px #87CEFA; background-color:#F8F8FF; height:20px; font-family:arial; font-size:12px; color:Black;}
.textarea {border:solid 1px #87CEFA; background-color:#F8F8FF; height:100px; width:250px; font-family:arial; font-size:12px; color:Black;padding:2px;
    margin:2px;}
.error {color:Red; font-size:90%;}

#contactform
{
    text-align:center;
border-top: dotted 2px #EEEFF3;
padding:10px 0px 10px 0px;
}
#contactdetails
{
text-align:center;
padding:0px 0px 10px 0px;
}
#contactdetails span
{
font-weight:bold;
}