@charset "utf-8";
/* CSS Document */
body{
text-align:center;
margin:auto;
margin-top:0px;
background-image:url(images/strip.jpg);
background-repeat:repeat-x;
font-family:Arial;
font-size:14px;
}


a:link, a:active{
font-family:Arial;
font-size:14px;
text-decoration:none;
color:#000000;
}

a:hover{
font-family:Arial;
font-size:14px;
text-decoration:underline;
color:#0000FF;
}


/*start text styles*/
.topic{
font-family: Perpetua;
font-size:22px;
text-align:left;
color: #CC0000;
margin:5px;
}

.welcome_topic{
font-family: Perpetua;
font-size:30px;
text-align:left;
color: #cc0000;
margin:5px;
}

.welcome_words{
font-family:Arial;
font-size:14px;
color:#000;
text-align:left;
cursor:pointer;
}

.welcome_words2{
font-family:Arial;
font-size:14px;
color:#000;
text-align:left;
font-weight:bold;
cursor:pointer;
}

.text{
font-family:Arial;
font-size:14px;
color:#000;
text-align:left;
margin:10px;
}


.list{
width:150px;
border-bottom:1px dotted #000000;
text-align:left;
margin:5px;
}


a.welcome_words:link{
font-family:Arial;
font-size:14px;
color:#000;
text-align:left;
text-decoration:none;
}

a.welcome_words:hover{
font-family:Arial;
font-size:14px;
color:#000;
text-align:left;
text-decoration:underline;
}
/*end text styles*/






/*start divisions*/
#container{
width:850px;
height:auto;
margin:auto;
}

#header{
width:840px;
height:290px;
margin:auto;
background-image:url(images/icomm_title.jpg);
background-repeat:no-repeat;
}


/*breadcrumb division and class attributes*/
#breadcrumb{
width:840px;
height:auto;
text-align:left;
margin:auto;
font-family:Arial;
font-size:11px;
color:#000;
padding-left:5px;
}

a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited{
font-family:Arial;
font-size:11px;
color:#000;
padding-left:5px;
text-decoration:none;
}

a.breadcrumb:hover{
font-family:Arial;
font-size:11px;
color: #cc0000;
padding-left:5px;
text-decoration:none;
}


/*center content division*/
#inside_container{
width:840px;
height:auto;
margin:auto;
background-image:url(images/center_strip.jpg);
background-repeat:repeat-y;
}



/*left content division and class attributes*/
#left{
width:200px;
height:auto;
text-align:left;
float:left;
padding:2px;
}

.left_category{
width:200px;
height:auto;
text-align:left;
font-family:Perpetua;
font-size:20px;
color: #cc0000;
}

a.left_category:link, a.left_category:active, a.left_category:visited{
width:200px;
height:auto;
text-align:left;
font-family:Perpetua;
font-size:20px;
color: #cc0000;
text-decoration:none;
}

a.left_category:hover{
width:200px;
height:auto;
text-align:left;
font-family:Perpetua;
font-size:20px;
color: #cc0000;
text-decoration:underline;
}

.sub{
font-family:Arial;
font-size:14px;
color:#0000FF;
}

/*right content division and class attributes*/
#right{
width:400px;
height:auto;
float:left;
margin-left:10px;
text-align:left;
}

.right_category{
width:200px;
height:auto;
text-align:left;
font-family:Perpetua;
font-size:30px;
color: #cc0000;
}

a.right_category:link, a.right_category:active, a.right_category:visited{
width:200px;
height:auto;
text-align:left;
font-family:Perpetua;
font-size:30px;
color: #cc0000;
text-decoration:none;
}

a.right_category:hover{
width:200px;
height:auto;
text-align:left;
font-family:Perpetua;
font-size:30px;
color: #000;
text-decoration:none;
}


/*the footer division and class sttributes*/
#footer{
width:840px;
height:auto;
margin:auto;
padding-bottom:5px;
text-align:center;
}

.foot{
font-family:Arial;
font-size:14px;
text-align:center;
}

/* Support Styling Begins Here */

img, fieldset { border:None; }
fieldset {
  clear:both;
  margin:0;
  padding:2px 0 2px 0;
}

.btn, .btn a {
  display:block;
  width:134px !important;
  height:27px;
  border:none;
  font-family:arial, helvetica, sans-serif !important;
  line-height:27px !important;
  background:url(/support/images/button.jpg) top left no-repeat;
  text-align:center;
  color:#fff !important;
  font-weight:bold;
  text-decoration:none;
  padding:0;
  margin:0;
}

  #content {
      clear:both;
      padding:2px 10px 10px 10px;
      line-height:14pt;
      margin:5px auto 5px auto;
  }
  
    #content #index {
      width:525px; /* Enable to center the forms */
      margin:10px auto 10px auto;
    }
    
    #index .box {
      width:252px;
      float:left;
    }
    
    #index .box p {
        clear:both;
        padding-top:10px;
        text-align:justify;
    }
    
    #content form {
      margin:0;
      padding:0;
    }
    
      #content form label {
        display:block;
        width:60px;
        padding-right:10px;
        text-align:right;
        float:left;
        font-weight:bold;
      }
      
      #content #index form input {
        width:175px;
        float:left;
      }
        
    #content #bar {
      width:21px;
      height:auto;
      display:block;
      float:left;
   }
   
   #ticketform {
     padding:20px 20px 50px 20px;
     width:600px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #loginform {
     padding:20px 20px 50px 20px;
     width:400px;
     margin:20px auto 20px auto;
     border:1px solid;
   }
   
   #ticketform input, #ticketform select {
     width:300px;
     float:left;
   }

   #loginform input {
     width:160px;
     float:left;
   }
      
   #ticketform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #loginform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }
   
   #ticketform textarea {
     width:400px;
   }
   
   #ticketform .ticketsubmit {
     margin-left:410px;
   }
   
   #loginform .ticketsubmit {
     margin-left:170px;
   }