@charset "utf-8";
/* CSS Document */

/* overall styles */
* {margin:0; padding:0}
body {margin:20px; padding:0px;  behavior:url(csshover.htc); text-align:center; background-color:#666666; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family: arial, verdana, sans-serif}

table {font-size:12px; font-family: arial, verdana, sans-serif}

/* font styles */
h1 {font-size: 12px; font-weight:normal;}
h2 {font-size: 18px; font-weight:bold;}
h3 {font-size: 16px; font-weight:bold; color:#330033; background-color:#CCCCCC;}

/* link styles */
a:link {color:#567da5;}
a:visited {color: #999999;}
A:hover {color: #F65156}

/* container definitions and container-specific attributes */

div#loginwrapper {width: 437px; margin-left:auto; margin-right:auto;}

div#login {width: 415px; margin-left:auto; margin-right:auto; border-left: 1px solid black; border-right:1px solid black; background-color: #692343; text-align: left; padding: 10px; background-image:url(../images/GAP_logo.gif); background-repeat: no-repeat; background-position: bottom left;}


div#loginbox {width: 280px; margin-left: 110px; margin-top: 20px; padding: 2px 14px 2px 2px; border: 1px dotted #330000;}

div#wrapper {width:865px; margin-left:auto; margin-right:auto; text-align:left;  background-color:#FFFFFF; background-image:url(../images/graphitebg.gif); border: 1px solid black;  padding-bottom: 15px;}

div#header {width:865px;  background-color:#FFFFFF; border-bottom: 1px dotted #666666; padding-bottom: 15px;}

div#livesupport {margin-left: 380px; width:480px;  background-color:#FFFFFF; padding-bottom:10px; }

div#navmenu {width:165px;  margin-top:0px; text-align:left;  float:left; }

div#navmenu li {  font-weight:bold; margin-left:14px; line-height:30px;}
div#navmenu li a{color:#FFFFFF; text-decoration:none;  display:block; }
div#navmenu li a:hover {background-color:#5e0b31; }
div#navmenu a {padding: 2px 3px 2px 3px; }


div#navmenu ul {list-style-type:none; margin-left: 5px; margin-bottom:20px; }
div#navmenu ul li {list-style-type:none; margin-left: 10px; }
div#navmenu ul li ul li {list-style-type:circle; line-height: 11px; font-size:11px; color:#999999;}



div#contentwrapper {width:680px; padding: 5px; margin-left:170px; }
div#contentwrapper  ul {margin-left: 14px; list-style-image:url(../images/bullet_small.gif);  padding: 0 8px 14px 2px;}
div#contentwrapper  ul li {font-size: 12px; line-height: 14px; padding: 0 2px; margin-left: 5px;}

div#section { padding-top: 10px; padding-bottom: 10px;}
div#section img {padding: 5px;}

div#subsection {width: 640px; border-top: 1px solid #cccccc; margin: 10px 20px;  text-align:left; padding:5px;  }
div#subsection ul li {margin-left: 20px;}
div#subsection table {font-family:Arial, Helvetica, sans-serif; font-size:10px;}

div#subsectionleftcolumn {width: 300px; padding: 0; float:left;}
div#subsectionleftcolumn ul li {margin-left: 20px;}

div#subsectionrightcolumn {width: 300px; padding: 0; margin-left: 310px;}
div#subsectionrightcolumn ul li {margin-left: 20px;}

div#footer {width:555px; margin-left:auto; margin-right:auto; text-align:left; padding: 10px 105px 10px 105px;}
div#footer img {padding-right:20px;}


/* classes */
.superscript {vertical-align: super; font-size: 9px; font-family: Arial, Helvetica, sans-serif;}
.smallitalic {font-size:10px; font-style: italic; color:#999999;}
.redtext {color: #993366; }
.caps {text-transform:uppercase;}
.floatright { float:right;}
.floatleft {float:left;}
.tableheader {width:10%; background-color:#CCCCCC; text-align:center;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold;}
.tabledata {width:10%; text-align:right; }
.alert {color:#990066; }
.whitealert {color:#FFFFFF;  }


.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */