/* CSS Document */


@import "/css/innerstyles.css";


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; background:url(../images/topbg.gif) repeat-x top right; height:100%; font-family:Arial, Helvetica, sans-serif}

p {font-size:13px; color:#333333; margin:0; padding:0; line-height:1.4em; text-align:left; padding-bottom:15px }
p a:link, p a:visited { text-decoration: underline;color:#0066cc;}
p a:hover { text-decoration:underline;color:#0066cc}

a {	color:#0066cc;	text-decoration:none;}
a:hover { text-decoration: none;}

h1 { margin:0; padding:0; font-size:23px; font-weight: normal; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#666666; padding-bottom:20px}
h2 { margin:0; padding:0; font-size:20px; font-weight: normal; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#fff; padding-bottom:10px}

h3 { width:660px; height:26px; float:left; background:url(../images/bluebar.gif); margin:0; padding:0; font-size:15px; font-weight: bold;color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px}

h3 .contacts { width:400px; height:26px; float:left; background:url(../images/bluebar.gif); margin:0; padding:0; font-size:25px; font-weight: bold;color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px}

h4 { margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#98999b}

h5 { width:570px; height:26px; float:left; background:url(../images/bluebar_small.gif); margin:0; padding:0; font-size:15px; font-weight: bold;color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px}

/*
---------------------------------------------
02. MAIN CONTAINER - 100% WIDTH
---------------------------------------------
*/

#container {position: relative; width:100%;	margin: 0 auto -130px; text-align: left;}

/*
---------------------------------------------
03. WRAPPER
---------------------------------------------
*/

#wrapper { width:890px; margin:0 auto; padding: 0; padding-bottom:90px; }
/*
#wrapper { width:1006px; margin:0 auto; padding: 0; padding-bottom:90px; }
*/

/*
---------------------------------------------
04. HEADER
---------------------------------------------
*/

#header { width:890px; height:140px; margin:0; padding:0; text-align:center}
#logo { width:135px; height:135px; float:left; background:url(../images/logo_fatcat.png) no-repeat}

/*
#header { width:1006px; height:140px; margin:0; padding:0; text-align:center; }
#logo { width:251px; height:119px; padding-top: 20px; float:left; background:url(../images/logo_fatcat.png) no-repeat; border: 1px solid #000; }
*/

/*
#logo .logo-link {border: 1px solid #000; margin-left: -66px; position: absolute; width:205px; height:135px;}
.logo-link {border: 1px solid #000; position: absolute; width:135px; height:135px; cursor: pointer; cursor: hand;}
*/
.logo-link { cursor: pointer; cursor: hand;}

#nav { width:750px; float: right; position:relative; margin-top:95px;}

#nav ul { list-style:none; margin:0; padding:0; float: left;}
#nav li {margin: 0; width: auto; float:left;}
#nav li a {display: block; text-decoration: none; float:left; text-transform: none; color:#fff; font-size:12px; margin:0; padding:0; font-weight: bold; text-align:center; padding-top:20px;text-decoration:none; line-height:1.3em; width:93px; height:25px; background: url(../images/nav_active.png) no-repeat;background-position: 0 0;}
#nav li a:hover {width:93px;height:25px; background: url(../images/nav_hover.png) no-repeat;background-position: 0 0;}

#nav a#selected {width:93px;height:25px; background: url(../images/nav_selected.png) no-repeat;background-position: 0 0; color:#990000 }


/*
---------------------------------------------
05. CONTENT
---------------------------------------------
*/
#content { width:890px; margin:0; padding:0; margin-top:25px; overflow:auto}
/*
#content { width:1006px; margin:0; padding:0; margin-top:25px; overflow:auto}
*/

/*
---------------------------------------------
06. PANEL LEFT
---------------------------------------------
*/

#panel-left { width:500px; float:left; padding-right:20px; padding-bottom:20px}

/*
---------------------------------------------
07. PANEL RIGHT
---------------------------------------------
*/

#panel-right { width:310px; float:right; padding-right:20px; } 

/*
---------------------------------------------
08. FOOTER - 100% WIDTH
---------------------------------------------
*/

#footer {width:100%; float:left; text-align: left; position:relative; height:130px;		/* Height of the footer */ }

#footerbg { width:100%; float:left; background:#e1e1e1; border-top:1px solid #a3a3a3; height:54px; padding-top:25px; padding-bottom:10px }
#footerlinks { width:890px; margin:0 auto}
#footerlinks p { color:#666666; padding-bottom:7px; font-size:12px}
#footerlinks p a:link, #footerlinks p a:visited { text-decoration: none;color:#333; font-size:11px; padding-left:2px; padding-right:2px;}
#footerlinks p a:hover { text-decoration:underline;color:#333}

#footerlinks .copyright { padding-left:1px}


/*
---------------------------------------------
09. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}
#buttons { width:100%; height:40px; margin-top:100px; float: left;}
#spacer { width:100%; height:40px; float: left;}
#buttons .thumb { width:25px; height:25px; float: right; padding-right:5px}



/*
Form Errors
*/
#form_errors {
        font-size: 12px; font-weight: bold; font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
        color:#000; margin-bottom:10px;
        text-align: left;
}