/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
    margin: 0px;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.4em;
    color: #666666;
}

p {
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}

blockquote
{
    padding: 0 0 0 12px;
    margin: 12px 0 ;
    background: url('../../images/bg-quote.png') no-repeat;
}

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

legend
{
    color: #333333;
    padding: 0px 3px 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    margin: 5px 0;
}

h1
{
    font-size: 1.8em;
    margin: 0;
}
h2
{
    font-size: 1.5em;
    margin-top: 0;
}
h3
{
    font-size: 1.3em;
}
h4
{
    font-size: 1.2em;
}
h5
{
    font-size: 1.1em;
}
h6
{
    font-size: 1em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
     LINKS -default (red)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link
{
    text-decoration: none;
    color: #CC0000;
}
a:visited
{
    color: #980000;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
    color: #FF0000;
}
a:active
{
    color: #FF0000;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
     LINKS nav & footer (white)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main a:link, #nav-right a:link, #footer a:link, #footer-right a:link
{
    color: #EEEEEE;
}
#nav-main a:visited, #nav-right a:visited, #footer a:visited, #footer-right a:visited  
{
    color: #DDDDDD;
}
#nav-main a:hover, #nav-right a:hover, #footer a:hover, #footer-right a:hover 
{
    color: #FFFFFF;
}
#nav-main a:active, #nav-right a:active, #footer a:active, #footer-right a:active 
{
    color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TOP 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top
{
    height: 40px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 3px;
    position: relative;
    width: 760px;
}

#top-information-left
{
    text-align: right;
    border-bottom: 1px dashed #CACACA;
    position: absolute;
    top: 5px;
    right: 25.5%;
    height: 1.5em;
    width: auto;
    padding: 0 15px 0 15px;
    margin-top: 10px;
}

#top-information-right
{
    text-align: left;
    border-left: 1px dashed #CACACA;
    position: absolute;
    top: 5px;
    left: 75%;
    right:0;
    height: 100%;
    padding: 0 0 0 10px;
}

#logo {
	position:absolute;
	top:.9em;
	left:55px;
	font-size:2.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:2.8em;
	padding:.1em 0 .2em 0;
	font-variant:small-caps;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main
{
    background: #608fc8 url('../../images/bg-nav.png') no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 740px;
    height:15px;
    padding: 10px;
    position: relative;
    font-weight:bold;
    color:#FFFFFF;
}

#nav-right
{
    background: #4b6cb5 url('../../images/bg-nav-side.png') no-repeat right top;
    width: 25%;
    _width: 25.5%;
    height: 15px;
    padding:10px 0;
    position: absolute;
    top:0;
	right:0;
	text-align:center;
	
	
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer
{
    background: #608fc8 url('../../images/bg-nav.png') no-repeat left bottom;
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 740px;
    height: 15px;
    padding:10px;
    position: relative;
    color: #AAAADD;
}

    
#footer-right
{
    background: #4b6cb5 url('../../images/bg-nav-side.png') no-repeat right bottom;
    width: 25%;
    _width: 25.5%;
    height: 15px;
    padding:10px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub
{
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 740px;
    text-align: center;
    padding: .1em 0 2em 0;
    position: relative;
    font-size: .8em;
    color: #999999;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column
{
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 728px;
    border: 1px solid #818181;
    position: relative;
    background: url('../../images/bg-content-side.png') repeat-y right 50%;
}

#content-main-two-column
{
    width: 540px;
    float: left;
}

#content-side-two-column
{
    float: right;
    width: 160px;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LOGIN/LOGOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.login-area
{
    padding:10px;
    float:left;
    width: 135px;
}

.login-side-info
{
    
    margin-top:20px;
    padding: 0 0 0 20px;
    float:left;
    border-left:1px dashed #CCCCCC; 
    right:0;
    width: 350px;
    margin-left:10px
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.form-field-top-bottom-space
{
    margin:5px 0;
    line-height:2.5em;
    }

.clear
{
    clear: both;
}

.clear
{
    clear: both;
}

.none
{
    display: none;
}