/*CSS Styles for AQM Website*/
/*Overall Styles*/

/*Styles for Admin Layout*/
#admincontainer {width: 80%; min-width: 800px;}
#visitorcontainer {width: 100%; min-width: 800px;}

/*General Page Elements*/
#container {width: 60%; min-width: 730px;}
#divstrip {height: 30px; background: #8f4098;}
#breadcrumb {height: 10px; float: left; font-size: 9pt; margin-bottom: 10px; text-indent: 10px;}
#formstrip {height: 20px; background: #8f4098;}
#formcrumb {height: 10px; float: left; font-size: 9pt; color: #fff; margin-bottom: 10px; text-indent: 10px; font-family: trebuchet MS, arial, helvetica;}

/*Admin Header Strip*/
#adminstrip {display: block; background: #8F4098; height: 30px; font-family: arial, helvetica, sans-serif; font-size: 8pt; color: #fff; padding-left: 10px; padding-right: 10px;}
#adminstrip #links {position: relative; text-align: right; font-size: 8pt;}
#adminstrip #links a {text-decoration: none; color: #f18b3d;}
#adminstrip #links a:hover {color: #ffffce;}

/*Flyer Styles*/
.flyer {height: 230px; width: 100%; background: #fff; display: block;}
.flyer #insignia {float: left; height: 100%; width: 28%; background: #fff url(../images/aqm_insignia.gif) no-repeat center top;}
.flyer #aqmimage {float: right; height: 100%; width: 71%;}
.flyer #aqmimage #quilt img {float: right; display: block;}
.flyer #aqmimage #block img {float: left; display: block; margin-top: 90px; margin-left: -30px; position: relative;}

/*Flyer - Background Images*/
.flyer #aqmimage #home {display: block; height: 100%; width: 100%; background: #fff url(../images/aqm_home.jpg) no-repeat right top;}
.flyer #aqmimage #exhibitors {display: block; height: 100%; width: 100%; background: #fff url(../images/aqm_exhibitors.jpg) no-repeat right top;}
.flyer #aqmimage #visitors {display: block; height: 100%; width: 100%; background: #fff url(../images/aqm_visitors.jpg) no-repeat right top;}
.flyer #aqmimage #locality {display: block; height: 100%; width: 100%; background: #fff url(../images/aqm_locality.jpg) no-repeat right top;}
.flyer #aqmimage #services {display: block; height: 100%; width: 100%; background: #fff url(../images/aqm_services.jpg) no-repeat right top;}
.flyer #aqmimage #contact {display: block; height: 100%; width: 100%; background: #fff url(../images/aqm_contact.jpg) no-repeat right top;}

/*Flyer - Text Styles for Processing pages*/
.flyer {background: #fff; width: 100%; font-family: trebuchet MS, arial, helvetica, sans-serif; overflow: auto; text-align: left;}
.flyer #maintitle {font-size: 16pt; color: #000; font-weight: bold; margin-left: 20px; margin-top: 50px;}
.flyer #subtitle {font-size: 12pt; color: #000; font-weight: bold;}
.flyer #bodytext {font-size: 8pt; color: #000; padding-right: 40px;}

.flyer #links {position: relative; text-align: left; font-size: 8pt;}
.flyer #links a {text-decoration: none; color: #53ace0;}
.flyer #links a:hover {color: #931c41;}

/*Content Styles*/
/*Overall Content Styles*/
.content {background: #fff; width: 100%; font-family: trebuchet MS, arial, helvetica, sans-serif; overflow: auto; text-align: left; margin-top: 30px;}
.content #maintitle {font-size: 16pt; color: #000; font-weight: bold;}
.content #subtitle {font-size: 12pt; color: #000; font-weight: bold;}
.content #subtitle img {vertical-align: middle;}
.content #subnote {font-size: 10pt; color: #000; font-weight: bold;}
.content #scrolltext {font-size: 10pt; color: #931c41; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.content #bodytext {font-size: 8pt; color: #000;}

.content #links {position: relative; text-align: right; font-size: 8pt;}
.content #links a {text-decoration: none; color: #53ace0;}
.content #links a:hover {color: #931c41;}

.content #blinks {position: relative; text-align: left; font-size: 8pt;}
.content #blinks a {text-decoration: none; color: #8f4098;}
.content #blinks a:hover {color: #f18b3d;}

.content #open {margin-left: 10px; margin-right: 10px;}

/*Content Container - Left*/
.content #contentleft {background: #fff; float: left; width: 42%; text-align: left; border-right-style: dotted; border-color: #333; padding-top: 15px; padding-bottom: 10px;}
.content #contentleft #banner {background: #931c41; height: 35px; float: left; font-size: 17pt; width: 90%; padding: 7px 10px 0px 10px; color: #fff;}
.content #contentleft #newsblock {background: #EFC5FF; height: 100%; float: left; width: 90%; padding: 15px 10px 15px 10px; margin-top: 3px;}

/*Content Container - Right*/
.content #contentright {background: #fff; float: left; position: relative; width: 54%; text-align: left; padding-top: 15px; padding-bottom: 10px; margin-left: 15px;}
.content #column1 {border: 0px solid #000; width: 48%; float: left; text-align: left;}
.content #column2 {border: 0px solid #000; width: 48%; float: right; text-align: left;}
.content #map {width: 100%; height: 100%; background: #333; float: left; overflow: auto;}

/*Footer Styles*/
.footer {display: block; background: #8f4098; height: 30px; font-family: arial, helvetica, sans-serif; font-size: 8pt; color: #fff; padding-left: 10px; padding-right: 10px;}
.footer #logos {float: left;}
.footer #copyright {float: right; margin-top: 7px;}
.footer a {text-decoration: none; color: #ffffff;}
.footer a:hover {color: #f18b3d;}

/*Terms of Use Page Styles*/
.terms {height: 520px; width: 100%; background: #fff; display: block;}
.terms #insignia {float: left; height: 100%; width: 28%; background: #fff url(../images/aqm_insignia.gif) no-repeat center top;}
.terms #aqmimage {float: right; height: 100%; width: 71%;}
.terms #aqmimage #quilt img {float: right; display: block;}
.terms #aqmimage #block img {float: left; display: block; margin-top: 90px; margin-left: -30px;}

/*Terms of Use Font Styles*/
.terms {background: #fff; width: 100%; font-family: trebuchet MS, arial, helvetica, sans-serif; overflow: auto; text-align: left;}
.terms #maintitle {font-size: 16pt; color: #000; font-weight: bold; margin-left: 20px; margin-top: 50px;}
.terms #subtitle {font-size: 12pt; color: #000; font-weight: bold;}
.terms #bodytext {font-size: 8pt; color: #000; padding-right: 40px;}

.terms #links {position: relative; text-align: left; font-size: 8pt;}
.terms #links a {text-decoration: none; color: #53ace0;}
.terms #links a:hover {color: #931c41;}