/* CSS Document */


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

body { margin:0; padding:0; font-family:"Verdana", Arial, Helvetica, sans-serif; font-smooth: auto; background: #FFFFFF url(../images/bg.gif) repeat-x top right}

p { margin:0; padding:0; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.2em; color:#000000; padding-bottom:10px}
p a:link, p a:visited {color:#f5841f; text-decoration: none; text-transform:uppercase; font-size:11px}
p a:hover {color:#f5841f; text-decoration: none}

h1 { margin:0; padding:0; color:#FFFFFF; font-size:36px; font-weight:normal; letter-spacing:0px;}
h2 { margin:0; padding:0; color:#FFFFFF; font-size:18px; font-weight:normal; letter-spacing:0px; padding-left:8px; padding-bottom:2px}

h3 { margin:0; padding:0; color:#000; font-size:20px; font-weight: bold; letter-spacing:-1px; font-style:italic;}
h3 a:link, h3 a:visited {color:#000; text-decoration: none; padding-left:50px; padding-right:50px;}
h3 a:hover {color:#000; text-decoration: none}

li {font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.2em; color:#000000;}

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

img { border:none}


/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:875px; margin:0 auto}

/*
---------------------------------------------
03. TOPBAR- LOGO
---------------------------------------------
*/

#topbar { width:875px; height:70px; float:left}
#topbar .logo { float:left}


/*
---------------------------------------------
04. NAVIGATION
---------------------------------------------
*/

#nav { width:875px; height:29px; float:left; text-align:center; padding-top:5px}
#nav a { font-size:12px;  font-weight:bold;  color:#FFFFFF}
#nav a:link, #nav a:visited { color:#fff; text-decoration: none; padding-left:10px; padding-right:10px}
#nav a:hover {color:#f5841f; text-decoration: none}
#nav a.selected {color:#f5841f; text-decoration: none}


/*
---------------------------------------------
05. HEADER STYLES
---------------------------------------------
*/

#header { width:875px; float: left; margin-top:15px}
#header p { color:#FFFFFF; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; font-smooth:always; padding-left:8px}

#header .box-top { width:875px; height:10px; background:url(../images/bordertop.gif) no-repeat bottom center;}
#header .box-middle { width:846px; background-color:#f69239; border-left:4px solid #f5841f; border-right:4px solid #f5841f; float: left; padding-left:20px; font-smooth:auto;}
#header .box-bottom { width:875px; height:10px; background:url(../images/borderbottom.gif) no-repeat top center; float: left}

.welcome { width:500px; float: left;}


/*
---------------------------------------------
06. HEADER IMAGE LINK
---------------------------------------------
*/

#img-link { width:290px; height:240px; float:right; margin-top:-175px; position: relative; padding-right:10px}


/*
---------------------------------------------
07. CONTENT
---------------------------------------------
*/

#content { width:875px; float:left;}

/*
---------------------------------------------
08. LEFT PANEL STYLES
---------------------------------------------
*/

#leftpanel { width:200px; float:left; padding-right:0px;}

/*
---------------------------------------------
09. RIGHT PANEL STYLES
---------------------------------------------
*/

#rightpanel { width:650px; float:right; padding-left:0px;}

#rightpanel h1 { margin:0; padding:0; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:18px; font-smooth:auto; color:#000000; letter-spacing:normal; font-weight:bold; padding-bottom:5px; padding-top:10px}

#rightpanel p { margin:0; padding:0; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:12px; font-smooth:auto; color:#000000; letter-spacing:normal; padding-bottom:5px; padding-top:10px}

#rightpanel .column-1 { width:280px; float: left; padding-right:5px}
#rightpanel .column-2 { width:290px; float: right}


/*
---------------------------------------------
10. MIDSECTION STYLES
---------------------------------------------
*/

#midsection { width:800px; float:left; padding-left:35px;}
#midsection h1 { margin:0; padding:0; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:18px; color:#000000; letter-spacing:normal; font-weight:bold; padding-bottom:5px; padding-top:10px}
#midsection h2 { margin:0; padding:0; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:16px; color:#000000; letter-spacing:normal; font-weight:bold; padding-bottom:5px; padding-top:10px}