﻿
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #333;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    width: 100%;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: lighter;
    color: #999999;
}
h2
{
    margin: 0px;
}

h4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: lighter;
    color: #000000;
}
#flashintro
{
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    background-color: #f1f1f1;
}
#wrapper_orig
{
    background-color: #C0C0C0;
    width: 1024px;
    text-align: center;
    top: 0px;
}
#wrapper
{
    width: 1024px;
    padding: 10px;
    margin: 0px auto 0px auto;
    height: auto;
    border: 1px solid #ddd;
}

#topContent_Ripsin
{
    background-image: url('Images/WebLayout_01.jpg');
    background-position: center top;
    text-align: right;
    color: White;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    height: 131px;
    background-repeat: no-repeat;
}

#topContent
{
    margin: 0px;
    padding: 0px;
    height: 131px;
    width: auto;
    background-image: url('Images/WebLayout_01.jpg');
    background-color: #f1f1f1;
}

#topContent a {
    text-decoration: none;
    color: White;
}
#topNavContent
{
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    height: 115px;
}

#middleContent
{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background-attachment: scroll;
    background-image: url(back.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    height: 1%;
    width: auto;    
}    

#leftContent
{
    margin: 0px;
    width: 230px;
    padding: 10px 20px 10px 0px;
    float: left;
}

#leftContent_orig 
{
    width: 230px;    
    padding: 10px;
    font-size: 90%;
    text-align: left;
    position: absolute;
    top: 60px;
    margin-top: 10px;
    left: 0px;
}

#leftContent h3 
{
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    border-top: dotted 1px #660;
    border-bottom: dotted 1px #660;
    border-top-color: #336699;
    border-bottom-color: #336699;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-width: 1px;
    border-bottom-width: 1px;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

#mainContent 
{
    height: auto;
    width: 434px;
    padding: 10px 20px 10px 20px;
    float: left;
    margin: 0px 0px 0px 6px;
    line-height: 1.8em;
}  
 
#mainContent p
{
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
}   

#mainContent_orig 
{
    text-align: left;
    margin-left: 250px;
    padding: 10px;
}
#rightContent 
{
    padding: 10px 20px 10px 20px;
    height: auto;
    width: 160px;
    float: left;
    margin: 0px 0px 0px 6px;
}
.clearer 
{
    font-size: 0px;
    line-height: 0px;
    display: block;
    margin: 0px;
    padding: 0px;
    clear: both;
    height: 0px;
    width: auto;
}

#footerContent_orig 
{
    text-align: center;
    padding: 5px;
}
#footerContent_orig2 
{
    margin: 10px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
    background-color: #f1f1f1;
}
#footerContent
{
    background-position: top;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    background-color: #FFFFFF;
    float: left;
    display: block;
}
#footerContent p 
{
    color: #999;
    margin: 0px auto 0px auto;
    padding: 0px;
}
#footerContent a:link, #footer a:visited, #footer a:active {
    color: #999;
    text-decoration: none;
}
#footerContent a:hover {
    color: #ccc;
    text-decoration: none;
} 

#homepageintro
{
    margin: 0px;
    height: 450px;
    width: auto;
}
#homepagemenu
{
    height: 100px;
    float: none;
}
a:link
{
    color: #3399FF;
    text-decoration: none;
}

/* ---------------IMAGES-------------------------------- */

.img_headerGIS
{
    background-image: url('Images/WebLayout_01.jpg');
}

.img_footerleft
{
    background-image: url( 'Images/WebLayout_09.jpg' );
    background-repeat: no-repeat;
    width: 530px;
    height: 73px;
    float: left;
}

.img_footercenter
{
    background-image: url( 'Images/WebLayout_10.jpg' );
    background-repeat: no-repeat;
    width: 186px;
    height: 73px;
    float: left;
}

.img_footerright
{
    background-image: url('Images/WebLayout_11.jpg');
    background-repeat: no-repeat;
    width:308px;
	height:73px;
	float: left;	
}
.img_homepagelogo
{
    background-image: url('Images/ripsin_homepage_logo.jpg');
    background-repeat: no-repeat;
    width: 536px;
    height: 199px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
.img_homepageGIS
{
    background-image: url('Images/ripsin_homepage_logo_05.jpg');
    background-repeat: no-repeat;
    width: 232px;
    height: 96px;
    float: left;
    margin-left: 15%;
}
.img_homepageBlank
{
    background-image: url('Images/ripsin_homepage_logo_06.jpg');
    background-repeat: no-repeat;
    width: 56px;
    height: 96px;
    float: left;
}
.img_homepageWeb
{
    background-image: url('Images/ripsin_homepage_logo_07.jpg');
    background-repeat: no-repeat;
    width: 232px;
    height: 96px;
    float: right;
    margin-right: 15%;
}
.img_Title
{
    background-image: url( 'Images/WebLayout_02.jpg' );
    background-repeat: no-repeat;
    width: 380px;
    height: 115px;
    float: left;
}
.img_navLeft
{
    background-image: url( 'Images/WebLayout_03.jpg' );
    background-repeat: no-repeat;
    width: 170px;
    height: 77px;
    float: left;
}

.img_navCenter
{
    background-image: url( 'Images/WebLayout_04.jpg' );
    background-repeat: no-repeat;
    width: 156px;
    height: 77px;
    float: left;
}

.img_navRight
{
    background-image: url('Images/WebLayout_05.jpg');
    background-repeat: no-repeat;
    width: 160px;
	height: 77px;
	float: left;	
}
.img_navEnd
{
    background-image: url('Images/WebLayout_06.jpg');
    background-repeat: no-repeat;
    width: 158px;
	height: 77px;
	float: left;	
}
.img_nolink
{
    border-style: none;
    border-width: 0px;
}
.photo-border {
    border: 1px solid #cecece;
    padding: 4px;
    background: #d9d9d9 url('Images/bg-photo.png') repeat-x top;
    margin-bottom: 5px;
    display: block;
}

#topContent_GIS
{
    background-image: url('Images/GISLayout_01.jpg');
    background-position: center top;
    text-align: right;
    color: White;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    height: 131px;
    background-repeat: no-repeat;
}
.img_navLeftGIS
{
    background-image: url( 'Images/GISLayout_03.jpg' );
    background-repeat: no-repeat;
    width: 170px;
    height: 77px;
    float: left;
}
.img_TitleGIS
{
    background-image: url( 'Images/GISLayout_02.jpg' );
    background-repeat: no-repeat;
    width: 380px;
    height: 115px;
    float: left;
}
.img_navCenterGIS
{
    background-image: url( 'Images/GISLayout_04.jpg' );
    background-repeat: no-repeat;
    width: 156px;
    height: 77px;
    float: left;
}
.img_navRightGIS
{
    background-image: url('Images/GISLayout_05.jpg');
    background-repeat: no-repeat;
    width: 160px;
    height: 77px;
    float: left;
}
.img_navEndGIS
{
    background-image: url('Images/GISLayout_06.jpg');
    background-repeat: no-repeat;
    width: 158px;
    height: 77px;
    float: left;
}
.img_footerleftGIS
{
    background-image: url( 'Images/GISLayout_09.jpg' );
    background-repeat: no-repeat;
    width: 530px;
    height: 73px;
    float: left;
}
.img_footercenterGIS
{
    background-image: url( 'Images/GISLayout_10.jpg' );
    background-repeat: no-repeat;
    width: 186px;
    height: 73px;
    float: left;
}
.img_footerrightGIS
{
    background-image: url('Images/GISLayout_11.jpg');
    background-repeat: no-repeat;
    width: 308px;
    height: 73px;
    float: left;
}


.rightList
{
    text-align: center;
    margin: 1px;
}
.rightListItems
{
    border-style: none;
    margin-bottom: 10px;
    list-style-type: none;}

a:visited
{
    color: #0033CC;
    text-decoration: none;
}
.center
{
    text-align: center;
}
.redtext
{
    color: #FF0000;
}
#trademarks
{
    height: inherit;
    width: 100%;
    padding: 0px 0px 1px 0px;
    float: left;
    margin: 0px;
    line-height: normal;
    font-size: .8em;
    color: #C0C0C0;
    font-style: italic;
    text-align: right;
}
#centerlogo
{
    height: auto;
    width: 504px;
    padding: 10px 20px 10px 20px;
    float: left;
    margin: 0px 0px 0px 6px;
    line-height: 1.8em;
    text-align: center;
}
#buttons
{
    padding: 10px 0px 10px 70px;
    margin-top: 0px;
    float: left;
    width: 400px;
    margin-left: 0px;
    margin-right: 0px;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
#headerwhite
{
    margin: 0px;
    padding: 0px;
    height: 100px;
    width: auto;
    background-color: #FFFFFF;
}
#footerwhite
{
    margin: 10px 0px 0px 0px;
    text-align: center;
    padding: 15px 0px 15px 0px;
    background-color: #FFFFFF;
}
#footerwhite p
{
    color: #999;
    margin: 0px auto 0px auto;
    padding: 5px 0px 5px 0px;
}
#footerwhite a:link, #footer a:visited, #footer a:active
{
    color: #999;
    text-decoration: none;
}
#footerwhite a:hover
{
    color: #ccc;
    text-decoration: none;
}
#wrapperhome
{
    width: 956px;
    padding: 10px;
    margin: 100px auto 0px auto;
    height: auto;
    text-align: left;
    border: 1px solid #ddd;
}
#containerhome
{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background-attachment: scroll;
    background-image: url(back.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    height: 1%;
    width: auto;
}
#lefthome
{
    margin: 0px;
    width: 160px;
    padding: 10px 20px 10px 20px;
    float: left;
}
#righthome
{
    padding: 10px 20px 10px 20px;
    height: auto;
    width: 160px;
    float: left;
    margin: 0px 0px 0px 6px;
}
.buttonhome
{
    width: 150px;
    float: left;
    height: 50px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 0px;
    padding-left: 0px;
}
.sharethis
{
    text-align: center;
    vertical-align: baseline;
    margin-top: 40px;
}
.sharethisGIS
{
    text-align: center;
    vertical-align: baseline;
    margin-top: 61px;
}
.graytextsmall
{
    font-size: small;
    font-weight: normal;
    font-style: italic;
    color: #C0C0C0;
}
#contactform div
{
    padding-bottom: 5px;
}
.div50percent
{
    width: 50%;
    float: left;
}
.iconlist
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
li.next24
{
    background-image: url('Images/png/bwballoon/24x24/next.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0px 0px 0px 30px;
    margin: .4em 0px .4em 15px;
}
li.globe24
{
    background-image: url('Images/png/bwballoon/24x24/globe.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0px 3px 30px;
    margin: .4em 0px .4em 15px;
}
#th_status_form 
{
    background-color:#E6E6E6;width:370px;font-family:Tahoma,Verdana,Arial;height:90px;width:330px;
}

.th_status_heading 
{
    font-weight:bold;font-size:12px;color:#a0410d;text-align:center;
}

.th_status_descr 
{
    font-size:11px;
    color:#3d3d3d;
    padding-left:5px;
}

.th_status_field_descr
{
    font-size:11px;color:#3d3d3d;
}

.th_status_field
{
    font-family:Tahoma,Verdana,Arial;
    font-size:11px;
    color:#686868;
    border:1px solid #8B9A9F;
}
.th_status_button *
{
    height:20px;
    padding:2px 10px;
    background-color:#f7941d;
    color:white;
    font-weight:bold;
    font-size:9pt;
    text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`

    ACCORDIONS

/~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.accordionHeader
{
    font-size: 14px;
    text-decoration: none;
}
.accordionHeaderBlue
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    border-color: inherit;
    border-width: medium;
    border-style: none;
    filter: alpha(opacity=100);
    opacity: 1.0;
    background-color: white;
}

.accordionLink
{
    color: #000099;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-left: 0px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
}
.accordionLink a:visited
{
    color: #000099;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-left: 0px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
}
.AccordianTitle a:visited
{
    text-decoration: none;
    color: #E6E6E6;
    filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#1a337b', startColorstr='#50a6b7', gradientType='0');
}
.AccordianTitle
{
    border: 1px double #CCCCCC;
    padding: 5px 0px 0px 5px;
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    font-variant: normal;
    color: #E6E6E6;
    filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#1a337b', startColorstr='#50a6b7', gradientType='0');
    height: 25px;
}
#footerprivacy
{
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    margin: 0px;
    float: left;
    padding-top: 48px;
    padding-bottom: 0px;
    padding-left: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
p.justify
{
    text-align: justify;
}
.ripsinboldblue
{
    font-weight: bold;
    color: #3366FF;
}
