/* CSS Document */

body{
font-family:Arial;
background-color:White;
line-height:20px;
font-family:Myriad Pro, Gill Sans MT;
}

/*Global Layout/Structure*/

#container{
width:985px;
margin:0 auto;
background-color:White;
}

#header{
height:195px; 
width:965px;
margin-left:10px;
margin-top:0px;
}

#navigationContainer{
float:left;
width:180px;
padding-left:10px;
margin-top:0px;	
}

*html #navigationContainer{
float:left;
width:180px;
padding-left:10px;
margin-top:-5px;	
}

#topNavigation{
width:500px;
height:35px;
margin:-63px 100px 0px 300px;
z-index:1;
position:relative;
}

#navigation{
float:left;
width:160px;
height:325px;
margin-right:20px;
}

*html #navigation{
float:left;
width:160px;
height:325px;
margin-right:20px;
}

#navigationPanel{
float:left;
width:160px;
height:300px;
margin:0px 0px 0px 0px;
background-color:#524A47;
}

#leftPanel{
float:left;
width:180px;
}

#content{
float:left;
width:605px;
min-height:400px;
height:auto !important;
height:400px;
margin-top:0px;
border-left:1px solid #A8A9AD;
border-right:1px solid #A8A9AD;
}

*html #content{
float:left;
width:610px;
margin-top:-5px;
border-left:1px solid #A8A9AD;
border-right:1px solid #A8A9AD;
}


#contentLeft{
float:left;
width:300px;
margin-bottom:30px;
}

#contentRight{
float:right;
width:300px;
margin-bottom:30px;
}

#rightPanel{
float:right;
width:160px;
padding-right:10px;
margin-top:0px;
}

*html #rightPanel{
float:right;
width:160px;
padding-right:10px;
margin-top:-5px;
}

#rightPanelHeader{
width:160px;
float:right;
}

#specialOffersContainer{
float:right;
width:160px;
margin:20px 0px 5px 0px;
}

#specialOfferImage{
border:1px solid #A8A9AD;
}

#map #contentLeft{
float:left;
width:190px;
}

#mapContainer{
background:url(../img/map/roadmap.jpg) 100% 10% no-repeat;
width:605px;
height:450px;
float:right;	
}

#column1{
width:151px;
float:left;	
}

#column2{
width:151px;
float:left;	
}

#column3{
width:151px;
float:left;	
}

#column4{
width:151px;
float:left;	
}

#productsContainer{
float:left;
width:604px;
}

#newsItem{
border-top:1px dashed #000000;
margin-left:20px;
width:94%;
padding:15px 0px 10px 0px;
}

#footer{
float:left;
width:985px;
height:auto;
margin:0px 0px 0px 0px;
border-top:1px solid #A8A9AD;
}

#footerLeft{
width:190px;
float:left;	
}

#footerMiddle{
width:610px;
float:left;
height:70px;
margin:30px 0px 0px 0px;
}

#footerRight{
width:180px;
float:right;	
}

#clear{
clear:both;
}

#animation{
margin:20px 0px 10px 0px;
padding:10px 0px 10px 0px;
}

#login{
border:1px dashed #000000;
background-color:#FFECEC;
margin:10px 20px 20px 20px;	
}

/*End of Global Layout/Structure*/


/*Global Styling*/

p{
font-size:0.8em;
color:Black;
margin:10px 10px 10px 25px;
}

#newsItem p{
margin:10px 10px 10px 5px;
}

h1{
font-size:1.2em;
color:#3865A3;
margin:30px 10px 20px 25px;	
}

h2{
font-weight:bold;
color:#FBB463;	
margin:10px 10px 20px 25px;	
}

#home #content h2{
font-size:1.2em;
margin-bottom:20px;
}

#content h2{
font-size:0.9em;
margin-bottom:10px;
}

#admin #content h2{
cursor:pointer;
}

#adminMenu h2{
cursor:pointer;
}

#newsItem h2{
margin:0px 10px 10px 5px;	
}

h3{
font-size:0.8em;
color:White;
margin:0px 10px 0px 10px;
}

#content h3{
font-size:0.8em;
font-weight:bold;
color:Black;
margin:10px 10px 0px 25px;	
}

#newsItem h3{
font-weight:normal;
font-size:0.6em;
margin:10px 10px 10px 5px;
}

#rightPanelHeader h3{
text-align:center;
}

h4{
font-size:0.7em;
color:White;
line-height:12px;
margin:0px 10px 0px 10px;
text-align:center;
}

#admin h4{
color:Black;
text-align:left;
margin:5px 10px 5px 25px;
}

h5{
font-size:0.8em;
color:black;
margin:10px 10px 10px 10px;
}

h6{
font-size:0.8em;
font-weight:bold;
margin:0px 0px 0px 0px;
}

ol{
font-size:0.8em;
list-style:none;
color:Black;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 25px;
}

#adminMenu ol
{
font-family:Gill Sans MT;
font-size:0.8em;
margin:0px 0px 0px 20px;
}

ul{
font-size:0.8em;
list-style:none;
color:Black;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 25px;
}

#contact #content ol{
margin:10px 0px 30px 25px;
}

#leftPanel ol{
font-size:1.0em;
font-weight:bold;
margin:20px 10px 20px 10px;
}

#products #content ol{
margin-bottom:30px;
}

#products #content ul{
margin-bottom:30px;
}

#topNavigation ol{
display:inline;
margin:0px 0px 0px 0px;		
}

#navigationPanel ol{
font-size:0.7em;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:30px 20px 20px 0px;
color:White;
text-align:right;
}

#topNavigation li{
display:inline;
margin:0px 0px 0px 0px;	
padding:0px 3px 0px 3px;	
}

#footer ol{
display:block;
margin:4px 0px 0px 20px;
font-weight:bold;	
}

#footerRight ol{
margin:30px 10px 0px 0px;
font-weight:normal;
}

#footer li{
display:inline;
margin:0px 5px 0px 5px;	
}

li{
list-style:none;
padding:0px 0px 0px 0px;
margin:2px 0px 0px 0px;	
}

#products #content li{
margin:10px 0px 10px 5px;
}

#leftPanel li{
font-size:0.9em;
font-weight:bold;
margin:0px 10px 0px 10px;
}

#navigationPanel li{
margin:15px 0px 15px 0px;	
}

a{
text-decoration:none;
color:Black;
}

#navigationPanel a{
color:White;
}

#navigationPanel a:hover{
color:#FFD835;
}

/*End of Global Styling*/


/*Classes*/

.bold{
font-weight:bold;
}

.group{
display:inline;
float:left;
margin-top:-1px;
}

.floatRight{
float:right;
margin:30px 20px 30px 20px;
}

.floatLeft{
float:left;
margin:30px 20px 30px 20px;
}

.smallPrint{
font-size:0.6em;
color:#FBB463;
}

.green{
color:#45AA42;
}

.orange{
color:#FBB463;
}

.blue{
color:#3865A3;
}

.purple{
color:#ED008C;
}

.black{
color:Black;
font-weight:normal;
}

.bullet{
margin:0px 10px 0px 0px;
}

.heading{
margin-top:-28px;
padding-top:0px;
z-index:1;
position:absolute;
}

.style1{
background-color:red;
}

.style2{
background-color:#FF6666;
}
	
.style3{
background-color:#00FF00;
}

.BarBorder{
border-style:solid;
border-width:1px;
height:20px;
width:180px;
}

.BarIndicator{
color:orange;
background-color:orange;
}

.dropdown{
font-family:Gill Sans MT;
}

.table{
margin:10px 10px 10px 25px;
display:block;
}

.hint{
vertical-align:top;
display:inline;
margin:0px 0px 0px 0px;
font-size:0.6em;
color:Gray;
font-style:italic;
}

/*End of Classes*/


/*Forms*/

fieldset{
border:none;
display:inline;
padding:0px 0px 0px 25px;}

.label{
font-size:0.8em;
color:#000000;
margin:5px 10px 0px 25px;
display:block;
}

.textbox{
font-size:0.8em;
display:inline;
border:1px solid #cccccc;
margin:0px 10px 5px 25px;
width:180px;
background-color:#F7F7F7;
}

.textarea{
font-size:0.8em;
display:block;
border:1px solid #cccccc;
margin:0px 10px 10px 25px;
width:180px;
height:100px;
background-color:#F7F7F7;
}

#admin .textbox{
width:300px;
}

#admin .textarea{
width:300px;
height:150px;
}

.largetextarea{
font-size:0.8em;
display:block;
border:1px solid #000000;
margin:0px 10px 10px 25px;
width:560px;
height:400px;
background-color:#F7F7F7;
}

.smalltextarea{
font-size:0.8em;
display:block;
border:1px solid #000000;
margin:0px 10px 10px 25px;
width:124px;
height:400px;
background-color:#F7F7F7;
}

.button{
width:auto;
height:25px;
border:1px solid #000000;
margin:20px 10px 10px 25px;
display:block;
}

.helpButton{
width:auto;
height:25px;
border:1px solid #000000;
margin:20px 10px 10px 25px;
display:inline;
}

/*End of Forms*/