/* CSS Document */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial, Helvetica, sans-serif;
	color: 505050;
	background-color: #f6f6f6;
	font-size: 76%;
}

body
{
	font-size: 1.0em;
	padding-top: 32px;
	color: #505050;
}

h1
{
	font-family: "Georgia", Arial, Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #8E2C1F;
	padding-bottom:16px;
}

h2
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ad473a;
}

h3
{
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #ad473a;
	line-height: 1.2em;
	margin-bottom: 16px;
}

h4
{
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #ad473a;
	line-height: 1.2em;
	margin-bottom: 16px;
}


p
{
	margin-top: 6px;
	margin-bottom: 18px;
}

ul
{
	list-style-type: disc;
	margin: 16px 0px 20px 30px;
	line-height:1.3em;
}

li
{
	padding-bottom:8px;
}

.clear
{
	clear: both;
	height: 0;
	font-size: 0;
}

/* MAIN LAYOUT STYLES */

#outside-border {
	border: 1px solid #b4b4b4;
	background-color: #fff;
	margin: 0 auto;
	width: 830px;
}

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

#footer {
	margin: 0 auto;
	width: 806px;
	padding-top: 15px;
}

#menuWrapper {
	width:150px;
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
    display: inline;
}

#contentWrapper {
	width: 620px;
	float: right;
	margin: 10px 0px 40px 0px;
}

#mainContent {
	float: left;
	margin: 0px 0px 0px 7px;
    display: inline;
}

#mainContent .content {
	width: 570px;
	margin: 10px 0px 0px 0px;
	padding-left:10px;
	padding-right:20px;
}

#rightContent {
	float: right;
}

/* REST */

#toplinks {
	margin-top:15px;
	width:770px;
	text-align: right;
	margin-bottom: 10px;
}

#header {
	background-image:URL('../images/top-banner.gif'); height:96px; width:770px;
}

#breadcrumb	{
	padding-top:0px; padding-bottom:20px; padding-left:0px; font-weight:bold; font-size:0.9em;
}

.breadcrumbText	{
	font-weight:normal;
}

#mainContent .mainPhoto {
	height: 132px;
    width: 439px;
}

#rightContent .box1top  {
	width:167px;
	height:11px;
	/*url to the bottom rounded corner*/
	background:url(../images/box-bg-top.jpg) no-repeat; 
	}

#rightContent .box1bottom {
	width:167px;
	height:11px;
	/*url to the top rounded corner*/
	background:url(../images/box-bg-bottom.jpg) no-repeat 
	}

#rightContent .box1main {
	padding: 6px 11px 6px 11px;
	width:145px;
	text-align:center;
	/*the url to your text background*/
	background:url(../images/box-bg-main.jpg) no-repeat
	}


#maincontent .content P	{
	padding-bottom:30px;
}




#mainContent .contactboxtop  {
            margin: 9px 0px 0px 0px; 
            width:573px;
            height:11px;
            /*url to the bottom rounded corner*/
            background:url(../images/contact-box-top.jpg) no-repeat; 
            }

 

#mainContent .contactboxbottom {
            width:573px;
            height:11px;
            /*url to the top rounded corner*/
            background:url(../images/contact-box-bottom.jpg) no-repeat 
            }

 

#mainContent .contactboxmain {
            padding: 7px 19px 8px 19px;
            width:535px;
            /*the url to your text background*/
            background:url(../images/contact-box-main.jpg) no-repeat;
            }

 

#mainContent .contactHeading {
            font-family: Georgia, Arial, Helvetica, sans-serif;
            color: #942720;
            font-size:1.3em;
}

 
#mainContent .contactSmallprint {
            font-size:0.8em;
            margin-bottom:0px;
}

#menuWrapper .adobeboxtop  {
            margin: 20px 0px 0px 18px; 
            width:112px;
            height:41px;
            /*url to the bottom rounded corner*/
            background:url(../images/adobe-bg-top.jpg) no-repeat; 
}


#menuWrapper .adobeboxbottom {
            margin: 0px 0px 0px 18px;
            width:112px;
            height:7px;
            /*url to the top rounded corner*/
            background:url(../images/adobe-bg-bottom.jpg) no-repeat 
}


#menuWrapper .adobeboxmain {
            margin: 0px 0px 0px 18px;
            padding: 7px 0px 0px 0px;
            width:112px;
            /*the url to your text background*/
            background:url(../images/adobe-bg-main.jpg) no-repeat;

}

 

#menuWrapper .adobeboxmain p {
            text-align:center;
}       


#menuWrapper .sponsors {
	margin:0px 0px 0px 0px;
}

#menuWrapper .sponsors P {
	margin:14px 0px 0px 0px
}

#menuWrapper .right4  {
	margin: 16px 0px 10px 10px;
	background-color:#ffffff;
	border: 1px solid #cccccc; 
	width:128px;
	min-height:110px; 
}

#menuWrapper .right4 .rightText4 {
	padding: 12px 4px 4px 4px;
	text-align: center;
}

hr { 
	border:0px; border-top:1px dotted #999999; height:0px;
	width:570px;
	text-align:left;
	margin: 0px 0px 5px 0px;
    clear: all;
 }

#mainContent .footer {
	font-size:0.9em;
	}

.footerDetail {
	font-size:0.8em;
}

.tgwc {
	font-size:0.9em;
	text-align:right;
	}

.jumplinks {
	padding-top:4px; 
	padding-left:0px; 
	line-height:18px;
}



#onthispage
{
	border: 1px dotted #E8E8E8;
	margin:0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.0em; 
	font-weight:bold;  
}

#onthispage a:link
{
	font-size:0.9em;
	font-weight:bold; 
	color:#8E2C1F; 
	text-decoration:none;
}

#onthispage a:hover
{
	font-size:0.9em;
	font-weight:bold; 
	color:#ad473a; 
	text-decoration:underline;
}

.onthispageTitle
{
	background-color: #F5F5F5;
	margin-top:0px;
	margin-bottom:0px;
	padding: 5px 5px 5px 12px;
	font-size: 1.2em;
	font-weight: normal;
	color: #505050;
}

#onthispage ul{
color : #003366; 
list-style-image: url(../images/bullet-point2.gif);
margin-bottom:6px;
margin-top:12px;

}

#onthispage ul li{
padding-bottom:3px;
}



.highlightPassword {background-color:#FFF336; width:250px; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px; color:red; font-family:verdana; font-weight:bold;}

a:link {color:#8E2C1F; text-decoration:underline; }
a:visited {color:#ad473a; text-decoration:underline; }					 
a:hover {color:#ad473a; text-decoration:underline; }

a.titlelink:link {font-size: 1.2em; font-weight: bold; color: #8E2C1F; margin-bottom:16px; text-decoration:underline;}
a.titlelink:visited {font-size: 1.2em; font-weight: bold; color: #ad473a; margin-bottom:16px; text-decoration:underline;}					 
a.titlelink:hover {font-size: 1.2em; font-weight: bold; color: #ad473a; margin-bottom:16px; text-decoration:underline;}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-left: 0px !important;
	background: none !important;
}

a[href$='.pdf'] { 
	padding: 0px 0px 5px 24px;
	background: transparent url(../icons/icon_pdf.gif) no-repeat top left;
}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 0px 0px 5px 24px;
	background: transparent url(../icons/icon_doc.gif) no-repeat top left;
}

a[href$='.xls'] {
	padding: 0px 0px 5px 24px;
	background: transparent url(../icons/icon_xls.gif) no-repeat top left;
}

a[href$='.pps'] { 
	padding: 0px 0px 5px 24px;
	background: transparent url(../icons/icon_pps.gif) no-repeat top left;
}

a[href$='.ppt'] { 
	padding: 0px 0px 5px 24px;
	background: transparent url(../icons/icon_pps.gif) no-repeat top left;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 0px 0px 5px 24px;
	background: transparent url(../icons/icon_archive.gif) no-repeat top left;
}

a[href ^="mailto:"] {
	padding: 0px 0px 5px 24px;
    background: transparent url(../icons/icon_mailto.gif) no-repeat top left;
}





/* TEST MODE */

#prewrapper {
    position: absolute; 
    top: 20px; 
    left: 1px; 
    text-align: left; 
    font-size: 15px;
}

.debug {
    padding-top: 5px;
    font-size:62.5%;
    text-align: left;width: 100px;
}

div#testmodebar {
    height: 14px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-size: 9px;
    background-color: #FFDDDD;
}








/*
    NAVBAR
*/


.navbar ul { /* needs the Holly hack to avoid IE bugs */
    margin: 0;
    margin-bottom:0px;
    padding: 0;
    line-height: auto;
    }

.navbar li {
    list-style: none; /* kills the list item "bullet" markers */
    border-bottom: 1px solid #D5DEE3; /* Makes side borders on flyouts */
    position: relative;
    text-align: left;
    vertical-align: bottom; /* for IE5/win */
    font-weight: bold;
    font-family: arial, sans-serif;
    font-size: 11px;
    margin: 0px 0 0px 0;
    border-top: 0px solid #000;
    padding-bottom: 0;
    }

.navbar .nav a {
    display: block;
    vertical-align: bottom; /* needed for IE5/win */
    color: #565759;
    text-decoration: none;
    padding: 5px 7px;
    border: 1px solid #000;
    border-width: 0 0px; /* Makes side borders on flyouts */
    line-height: 1.2em;
}

.navbar .nav a:hover {
    color: #303032;
    background-color: #E6EAEB; 
}
    
.navbar .nav a:focus, .nav a.sffocus { /* enhances the focus styling for keyboard tabbing */
    }

.navbar .float-holder-left {
    width: 150px;
    float: left;

    margin: 0px 0px 0 0;
    }
    
.navbar .nav div {
  width: 150px;
  position: absolute;  
    left: -3000px;
    }

/* \*/
.navbar .nav div {
  width: 220px;
  wid\th: 150px;
    }
/* Box model fix for IE5.x Win */

    
.navbar .float-holder-left div {
  padding: 27px 60px 30px 26px;font-size:110%;
    }

.navbar .float-holder-left div.leftbox {
  padding: 30px 10px 30px 60px;
    }

.navbar .float-holder-left div.rightbox {
  padding: 30px 60px 30px 10px;
    }


.navbar .float-holder-left .nav div.zone {
  padding: 0;
  width: 150px;
    height: 10px;  
    left: -3000px;
    top: auto;
    bottom: -10px;
  font-size: 1px;
    }

.navbar .float-holder-left .nav li:hover div.zone {
    left: 0;
    }

.float-holder-left li:hover div div,
.float-holder-left div li:hover div div {
    left: -3000px;
    }



.float-holder-left li:hover div,
.float-holder-left div li:hover div,
.float-holder-left div div li:hover div.rightbox,
.float-holder-right div div li:hover div.rightbox {
  left: 126px;
  top: -28px;
  }

.float-holder-left div div li:hover div.leftbox,
.float-holder-right li:hover div,
.float-holder-right div li:hover div,
.float-holder-right div div li:hover div.leftbox {
  left: auto;
  right: 126px;
  top: -28px;
  }


.navbar .cat {z-index: 4; background: #EFF3F4;margin-bottom:0px}

.navbar .cat li {background-color: #EFF3F4;}



.nav ul a {color: #45484C;}
    
.nav li li li li a {
color: #000;
}

.float-holder-left .arrow {
background: url(../images/arrow-right.gif) no-repeat 100% 50%; 
}

.float-holder-left a:hover.arrow{
background-image: url(../images/arrow-right-hover.gif); 
}
    
/* \*/ /*/ 

.nav div, .nav ul ul .leftbox, .nav ul ul .rightbox { 
  position: relative;
    left: 5px;
    padding: 0;
    }

.nav .arrow, .nav .arrow-double {border-bottom: 1px solid #000;}

.zone {display: none;}

/* */

.classW {font-size: .6em !important;}


.classW div, .classW ul ul .leftbox, .classW ul ul .rightbox, 
.classW li:hover div, .classW ul li:hover div .leftbox, .classW ul ul .rightbox {
  position: relative !important;
    left: 5px !important;
    top: 0 !important;
    padding: 0 !important;
    }

.classW .arrow, .classW .arrow-double, .classW .in-arrow-right, .classW .in-arrow-left {
border-bottom: 1px solid #000; 
background-image: none  !important;
}

.classW .zone {display: none;}