@charset "UTF-8";

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #9EBE9C;
	border-right: solid 1px #9EBE9C;
	border-top: solid 1px #9EBE9C;
	border-bottom: solid 1px #9EBE9C;
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 11px Arial, Helvetica, sans-serif;
	background-color: #ebf6e2;
	color:#006633;
	/*alert("../images/down_arrow.jpg");*/
	/*background-image:url(images/down_arrow.png);*/
	background-repeat:no-repeat;
	background-position:left;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color:#FFFFFF;
	text-decoration: none;

}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color:#ebf6e2;
	/*background-image:url(images/up_arrow.png);*/
	background-repeat:no-repeat;
	background-position:left;
	
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
 /*background-image:url(images/down_arrow.png);*/
	background-repeat:no-repeat;
	background-position:left;
 
}
.CollapsiblePanelTabHover, .CollapsiblePanelClosed, .CollapsiblePanelTab, .CollapsiblePanelTabHover,  {
 /* background-color: #EFEFEF */
 /*background-image:url(images/down_arrow_dark.png);*/
	background-repeat:no-repeat;
	background-position:left;
}
.CollapsiblePanelClosed, .CollapsiblePanelTab, .CollapsiblePanelTabHover,  {
 /* background-color: #EFEFEF */
 /*background-image:url(images/down_arrow_dark.png);*/
	background-repeat:no-repeat;
	background-position:left;
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color:#d7e6cb;

}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #d7e6cb;
	}
@charset "UTF-8";

/* SpryValidationRadio.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the messages
 * (required message and invalid value message )
 * which prevent them from being displayed by default.
 */
.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .radioRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}
@charset "UTF-8";

/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	/*border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;*/
	border:0; 
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	background-color: #CCCCCC;
	/*border-top: solid 1px black;
	border-bottom: solid 1px gray;*/
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: visible;
	margin: 0px;
	padding: 0px;
	/*height: 158px;*/
}
.AccordionPanelContent2 {
	overflow: visible;
	margin: 0px;
	padding: 0px;
	/*height: 90px;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}
@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
	

	
	
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	/*background-color: #B8F5B1;*/
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input,

input.textfieldErrorState, .textfieldErrorState input,

input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	/*background-color: #FF9F9F;*/
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	/*background-color: #FFFFCC;*/
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}@charset "UTF-8";

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
	

}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	/*background-color:#B8F5B1;*/
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	/*background-color:#FF9F9F;*/
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	/*background-color:#FFFFCC;*/
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

@charset "UTF-8";

/* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */ 
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/

}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	/*background-color: #B8F5B1;*/
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	/*background-color: #FF9F9F;*/
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	/*background-color: #FFFFCC;*/
}
@charset "UTF-8";

/* SpryValidationCheckbox.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the messages
 * (required message, minSelections message and maxSelections message)
 * which prevent them from being displayed by default.
 */
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/

}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
input{font-family:Arial, Helvetica, sans-serif;font-size:13px;}
#maindiv{width:1002px;margin:0 auto;}
#header{background-image:url(../images_new/index_02.jpg);background-repeat:no-repeat;height:100px;margin:0 auto;}
#logo{width:300px;float:left;}
#jury{width:300px;float:right;padding-top:0;padding-right:8px;margin-top:7px;}
.bold11black{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000;font-weight:700;text-decoration:none;}
.bluelink11{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#0963ae;text-decoration:none;}
.bluelink12{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#0963ae;text-decoration:none;}
#topnavbar{background-image:url(../images_new/navbg.jpg);background-repeat:repeat-x;height:34px;margin:0 auto;}
.navtab{width:120px;float:left;text-align:center;padding-top:9px;height:25px;}
.loginpan{width:80px;float:right;text-align:left;height:25px;}
#maincat_outer{background-color:#FFF;}
#cattop{width:964px;margin:0 auto;}
#catmid{width:964px;background-image:url(../images_new/catrep.jpg);background-repeat:repeat-y;margin:0 auto;}
#catinner{width:920px;margin:0 auto;}
.bigheading{font-family:Arial, Helvetica, sans-serif;font-size:30px;color:#5db01a;text-decoration:none;}
.bodytxt13{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000;text-decoration:none;}
.bodytxt12{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;text-decoration:none;}
.txtfield{font-family:Arial, Helvetica, sans-serif;border:solid 1px #09F;color:#000;text-decoration:none;font-size:12px;}
.catcolumn{width:306px;float:left;}
.caticon{width:40px;text-align:left;float:left;}
.catheading:hover{color:#5eb01b;}
.content3{width:280px;float:left;padding-left:20px;padding-right:20px;}
.draftingheading{font-family:"Trebuchet MS";font-size:28px;color:#499412;text-decoration:none;}
.blackheading22{font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:700;color:#000;text-decoration:none;}
#testimcell{background-image:url(../images_new/testim_qt.jpg);background-repeat:no-repeat;padding-left:30px;width:170px;float:left;}
#testimpic{width:70px;float:left;}
.txtblue13{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#0963ae;text-decoration:none;}
#greenfooter{background-color:#eff7e7;width:964px;margin:0 auto;}
.footercell{width:320px;float:left;}
.footerlink13{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000;line-height:23px;text-decoration:none;}
.greanh_small{font-family:"Trebuchet MS";font-size:20px;color:#499412;text-decoration:none;}
.cpyrite{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#6d6c6c;text-decoration:none;line-height:22px;}
.footerbottom_txt{padding-left:50px;padding-right:50px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#6d6c6c;text-decoration:none;}
.arial_12black_link{font-family:arial;font-size:12px;color:#000;text-decoration:none;}
.brdgrmb{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#000;text-decoration:none;}
.blue_smal_link{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#0963ae;text-decoration:underline;}
.blue_smal_link:hover{text-decoration:none;color:red;}
.search_paging{font-family:arial;font-size:13px;color:#007900;text-decoration:none;font-weight:400;}
a.search_paging:link{font-family:arial;font-size:13px;color:#007900;font-weight:700;text-decoration:none;}
#nav{background:url(navbg.jpg) 0 0 repeat-x;width:100%;float:left;height:34px;margin:0;padding:0;}
#nav li{display:inline;margin:0;padding:0;}
#nav a:link,#nav a:visited{color:#4788d1;background-image:url(../images_new/navbg.jpg);background-repeat:repeat-x;text-align:center;height:24px;padding-top:10px;float:left;width:130px;border-right:1px solid #87b7ec;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;}
#nav a:hover,#nav a:focus{color:#fff;background:#4788d1;}
#doc #nav-doc a,#draft #nav-draft a,#research #nav-research a,#forms #nav-forms a,#testim #nav-testim a,#contact #nav-contact a{background:#e35a00;color:#fff;text-shadow:none;}
#doc #nav-doc a:hover,#draft #nav-draft a:hover,#research #nav-research a:hover,#forms #nav-forms a:hover,#testim #nav-testim a:hover,#contact #nav-contact a:hover{background:#e35a00;}
#nav a:active{background:#4788d1;color:#fff;}
#nav_tab_on{color:#fff;background:#4788d1;background-repeat:repeat-x;text-align:center;height:24px;padding-top:10px;float:left;border-right:1px solid #87b7ec;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;}
a.squarebutton{background:transparent url(../images_new/red_green_left.gif) no-repeat top left;display:block;float:left;font:normal 13px tahoma;line-height:18px;height:25px;padding-left:9px;text-decoration:none;}
a:link.squarebutton,a:visited.squarebutton,a:active.squarebutton{color:#fff;font-weight:700;}
a.squarebutton span{background:transparent url(../images_new/red_green_right.gif) no-repeat top right;display:block;height:25px;padding:4px 9px 4px 0;}
a.squarebutton:hover{background-position:bottom left;}
a.squarebutton:hover span{background-position:bottom right;color:#FFF;font-weight:700;}
.buttonwrapper{overflow:hidden;width:100%;}
.search_top_link{font-family:arial;font-size:12px;color:#000;text-decoration:none;line-height:20px;}
.arial_12blue_link{font-family:arial;font-size:12px;color:#377cc9;text-decoration:none;}
a.arial_12blue_link:link{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#377cc9;text-decoration:none;}
<!--	Naeem	-->
.estarik{font-family:Arial,Helvetica,sans-serif;color:red;text-decoration:none;font-size:12px;}
.blackbig_heading3{font-family:arial narrow;font-size:14pt;color:#000;font-weight:700;text-decoration:none;}
.footer_smalltxt{font-family:arial;font-size:10px;color:#000;text-decoration:none;}
.star_red_bold{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:red;text-decoration:none;font-weight:700;}
.register_hint_text{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#7c7f7a;text-decoration:none;}
.form_box{background-color:#fff;height:18px;width:226px;border:1px solid #ADD4F3;font-size:13px;}
.validation{color:red;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.greenbullet{list-style-position:outside;list-style-image:url(../images/green-sap-bullet.jpg);font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000;padding-bottom:10px;text-decoration:none;}
.lpbullet{list-style-image:url(../images_new/lp-blue-bullet.jpg);font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#000;padding-bottom:5px;text-decoration:none;}
.bluerightcol{background-color:#ecf3f9;border:#c6ddf0 solid 1px;padding:10px;}
.q13{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;color:#317fd8;text-decoration:none;}
.a13{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;color:#f47e00;text-decoration:none;}
.blackheading23{font-family:Arial, Helvetica, sans-serif;font-size:23px;color:#000;text-decoration:none;}
.bheading15{font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:700;color:#000;text-decoration:none;}
.section_h1{font-size:26px;margin:0;padding:0;}
textarea,select{font-family:Arial, Helvetica, sans-serif;font-size:13px;border:1px solid #9CB4DB;}
.bluelink11:hover,.bluelink12:hover,.footerlink13:hover{text-decoration:underline;}
.catheading,.catheading_blue,.blueheading{font-family:"Trebuchet MS";font-size:16px;font-weight:700;color:#317fd8;text-decoration:none;}
a.arial_12black_link:link,a.search_top_link:link,a.search_top_link:visited{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;text-decoration:none;}
a.arial_12black_link:Hover,.brdgrmb:Hover,a.search_paging_b:Hover,a.search_top_link:Hover,a.arial_12blue_link:Hover{color:red;text-decoration:none;}
a.search_paging:Hover,a.search_paging_black:Hover{color:red;text-decoration:underline;}
.search_paging_b,.search_paging_black{font-family:arial;font-size:13px;color:#000;text-decoration:none;font-weight:400;}
a.search_paging_b:link,a.search_paging_black:link{font-family:arial;font-size:13px;color:#000;font-weight:700;text-decoration:none;}

.about-document h3 {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000;text-decoration:none;  font-weight:normal; pedding:0px; margin:0px;}
.about-document ul { padding:0px; padding-left:15px;  }
.about-document ul li { padding-bottom:7px; list-style:url(../images_new/green_bullet.jpg); }
blockquote { padding:0px; margin:0px 0px 0px 18px; }
blockquote blockquote { padding:0px; margin:0px 0px 12px 15px; }
blockquote ul { margin:0px;}
blockquote p { padding:0px; margin:0px 0px 0px 0px; }

.footer4column{
width:195px;
float:left;
}

.footercolumn{
width:200px;
float:left;
}


.footer_sperator_dynamic { 
width:780px;border-bottom:dotted 1px #999999; margin-top:10px; margin-bottom:5px; margin-right:1px;float:left;
}